[prev in list] [next in list] [prev in thread] [next in thread] 

List:       kde-usability
Subject:    Re: standardizing modes of text selection
From:       Leo Savernik <l.savernik () aon ! at>
Date:       2004-04-01 15:11:52
Message-ID: 200404011711.54512.l.savernik () aon ! at
[Download RAW message or body]

-----BEGIN PGP SIGNED MESSAGE-----
Hash: SHA1

Am Mittwoch 24 März 2004 07:19 schrieb Jamethiel Knorth:
> Did anyone ever put together a proposal about this and send it to whom it
> regards?

I am about to add the proposal to the KDE style guide, but before I'll do that 
I'm posting it here for review.

mfg
	Leo
-----BEGIN PGP SIGNATURE-----
Version: GnuPG v1.0.6 (GNU/Linux)
Comment: For info see http://www.gnupg.org

iD8DBQFAbDE4j5jssenUYTsRAlvgAJ46T5l28qHBO5imc/mujgwxSSkkRACdHlBU
RYyxuD/0ZpUy62HZie4cL/M=
=4ozu
-----END PGP SIGNATURE-----

["selection.html" (text/html)]

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <link rel=stylesheet type="text/css" href="../style.css">
    <title>KDE Standards - Selection</title>
  </head>
  <body text="#000000" bgcolor="#ffffff" link="#191970" vlink="#551aa" \
alink="#fe0000">  <!-- Headline -->

      <table cellspacing=0 cellpadding=0 width="100%">
      <tr>
        <td width=150 valign=top>
       <center><img src="../icons/kde_icon.png" alt="KDE Logo"></center>
          <table border=0 cellpadding=3 width="100%">
            <tr>
              <td bgcolor="#c8c8ff">
                <b>Guidelines</b>
              </td>
            </tr>
            <tr>
              <td bgcolor="#f0f0ff">
                <a href="../basics/index.html">Basics</a><br>
                <a href="../menus/index.html">Menus</a><br>
                <a href="../toolbar/index.html">Toolbar</a><br>
                <a href="../statusbar/index.html">Statusbar</a><br>
                <a href="../contentarea/index.html">Content Area</a><br>
                <a href="../dialogs/index.html">Dialogs</a><br>
                <a href="../keys/index.html">Keys</a><br>
                <a href="../mouse/index.html">Mouse</a><br>
                <table border=0 cellspacing=0 cellpadding=0>
		  <tr><td><img src="../icons/tree2.png" width=16 height=16 alt=""></td><td><table \
border=0 cellspacing=0 cellpadding=0 \
bgcolor="#ffffcc"><tr><td><b>Selection</b></td></tr></table></td></tr>  </table>
                <a href="../dnd/index.html">Drag and Drop</a><br>
                <br>printable version
                <a href="../styleguide.zip">(ps)</a>/<a \
href="../styleguide.pdf">(pdf)</a><br>  </td>
            </tr>
          </table>
          <table border=0 cellpadding=3 width="100%">
            <tr>
              <td bgcolor="#c8c8ff">
                <b>Links</b>
              </td>
            </tr>
            <tr>
              <td bgcolor="#f0f0ff">
                <a href="http://developer.kde.org/documentation/standards/kde/fsstnd.html">File \
                System Standard</a><br>
                <a href="http://developer.kde.org/documentation/standards/kde/icon-style.html">Icon \
                Style Guide</a><br>
                <a href="http://developer.kde.org/documentation/standards/kde/style_management/style_management.html">Resource \
& Style Man.</a>  </td>
            </tr>
          </table>
        </td>
        <td  valign=top>
          <table cellspacing=0 cellpadding=0 width="100%" bgcolor="#f0f0ff"><tr><td>
            <center><img src="../icons/headline.png" width=458 height=70 alt="KDE \
User InterfaceStandards"></center>  </td></tr></table>
          <p>
            <font face="Arial,Helvetica">
              <font color="#aaaaaa"><b>Mouse</b></font><br>
              <font size="+4"><b>Selection</b></font>
            </font>
          </p>

          <p>
	    Certain content areas represent their content in terms of textual
	    objects like plain text, formatted text, text with
	    embedded objects etc. Those areas should provide the following
	    modes of text selection.
          </p>

          <h2>Left Mouse Button</h2>

          <table border=0 cellpadding=3 bgcolor="#dddddd">
            <tr><td bgcolor="#aaaaaa"><b>Single Click (SC)</b></td><td \
bgcolor="#aaaaaa"><b>Action</b></td></tr>  <tr><td>SC</td><td>All selections are \
                unmarked.<br>
                               The caret is placed onto the click position if
			       applicable.
                           </td></tr>
            <tr><td>SC&nbsp;+&nbsp;drag</td><td>Select from the pointer, extending \
                selection by letters.</td></tr>
            <tr><td>Shift&nbsp;+&nbsp;SC</td><td>Extend the end of the existing \
                selection up to the pointer position.<sup><a \
                href="#shiftnosel">1</a></sup></td></tr>
            <tr><td bgcolor="#aaaaaa"><b>Double Click (DC)</b></td><td \
                bgcolor="#aaaaaa"><b>Action</b></td></tr>
            <tr><td>DC</td><td>Select the targeted word.<sup><a \
                href="#worddef">2</a></sup><br>
                               Existing selections will be unmarked.</td></tr>
            <tr><td>DC&nbsp;+&nbsp;drag</td><td>Select the targeted word and
	      continue to select by word as the pointer moves, selecting to the
	      beginning and end of any word the pointer moves onto.</td></tr>
            <tr><td>Shift&nbsp;+&nbsp;DC</td><td>Extend the end of the existing \
selection up to the cursor position, then extending the beginning of the selection to \
the beginning of the first word covered by the selection, and the end of the \
selection to the end of the last word.<sup><a \
                href="#shiftnosel">1</a></sup></td></tr>
            <tr><td bgcolor="#aaaaaa"><b>Triple Click (TC)</b></td><td \
                bgcolor="#aaaaaa"><b>Action</b></td></tr>
            <tr><td>TC</td><td>Select the targeted row.<sup><a href="#rowdef">3</a> \
                <a href="#resize">4</a></sup><br>
                               Existing selections will be unmarked.</td></tr>
            <tr><td>TC&nbsp;+&nbsp;drag</td><td>Select the targeted row and
	      continue to select by row as the pointer moves, selecting to
	      (inclusively) any line the pointer is dragged over.</td></tr>
            <tr><td>Shift&nbsp;+&nbsp;TC</td><td>Extend the end of the existing \
selection up to the cursor position, then extending the beginning of the selection to \
the beginning of the first row covered by the selection, and the end of the selection \
to the end of the last row.<sup><a href="#shiftnosel">1</a></sup></td></tr>  </table>

	  <dl compact>
	    <dt><sup><a name="shiftnosel">1</a></sup></dt>
	    	<dd>Using the shift modifier when no selection is existing
		behaves as if it were not pressed in the first place.</dd>
	    <dt><sup><a name="worddef">2</a></sup></dt>
	    	<dd> The definition of word is not consistent and may need to
		be standardized elsewhere, but not here. Especially which
		characters to consider as a word boundaries are not subject
		to this style guide.</dd>
	    <dt><sup><a name="rowdef">3</a></sup></dt>
	        <dd>A row refers to a displayed row of text, not to the
		underlying row up to the next line-break. This is not selection
		by paragraph.</dd>
	    <dt><sup><a name="resize">4</a></sup></dt>
		<dd>When selecting by row, the row size changes if the window
		is resized. In this case, keep the current text selected, even
		though it may no longer be a whole row. If the selection by row
		is further expanded by the user in a row-by-row manner, expand
		the selection to encompass every row it is a part of.</dd>
	  </dl>

          <h2>Right Mouse Button</h2>

	  <p>The RMB is not intended to be used for text selection.</p>

          <h2>Applicability</h2>

	  <p>Application types which this style guide is applicable to are
	  text editors, word processors, visual user agents (web
	  browsers), and any other application type that features
	  displaying textual content.
	  </p>

          <div align="center">
              <a href="index.html"><img src="../icons/previous.png" border=0 width=25 \
height=25 alt="Previous"></a><a href="../dnd/index.html"><img src="../icons/next.png" \
border=0 width=25 height=25 alt="Next"></a>  </div>
        </td>
      </tr>
    </table>
  </body>
</html>



_______________________________________________
kde-usability mailing list
kde-usability@kde.org
https://mail.kde.org/mailman/listinfo/kde-usability


[prev in list] [next in list] [prev in thread] [next in thread] 

Configure | About | News | Add a list | Sponsored by KoreLogic