<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title></title><style type="text/css">.felamimail-body-blockquote {margin: 5px 10px 0 3px;padding-left: 10px;border-left: 2px solid #000088;} </style></head><body>Viewing and Navigation > Access functions<br>* Use a <a href="http://techbase.kde.org/index.php?title=Projects/Usability/HIG/Command_Link&action=edit&redlink=1" class="new" title="Projects/Usability/HIG/Command Link (page does not exist)">command link</a> to navigate between pages.
<br><br>http://techbase.kde.org/Projects/Usability/HIG/Command_Link<br><br>== Purpose ==<br>A ''command link'' is an area containing icon and text that is used to initiate an action. <br><br>It is primarily designed to streamline Wizard-like interfaces and to select from a set of mutually exclusive, related choices. Complementary to command buttons, command links are used for navigation to other places. Links behave similar to buttons but have always a clean, lightweight appearance without stimulative nature. <br>== Example ==<br>== Guidelines ==<br>=== Is this the right control ===<br>* Use command links for a set of mutually exclusive responses like navigation from hub to spoke pages.<br>* Do not present single command links.<br>* Consider to use a [[Projects/Usability/HIG/Buttons|push button]] for single commands or if the action does not contain navigation.<br>=== Behavior ===<br>* Provide feedback when result is not aware to user or not available instantaneous. Display a busy pointer or present a progress bar to users.<br>* Do not mix command links and command buttons at one place.<br>=== Appearance ===<br>* Command links are flat.<br>* Use standard theme color for links.<br>* Always apply an icon to command links.<br>* Icons should have a size of 48x48 pixels.<br>* Choose a concise, self-explanatory label that clearly communicates and differentiates what the command link does. <br>* Do not use ellipsis.<br>== Implementation ==<br><br>[[Category:Usability]][[Category:Behavior]][[Category:Viewing_and_Navigation]][[Category:Access_functions]]<br><span id="felamimail-body-signature"><br></span></body></html>