Documentation/4.0/Developers/Style Guide/UI - Revision history

UpdateBot: Prepend documentation/versioncheck template. See http://na-mic.org/Mantis/view.php?id=2887

2013-06-14T07:36:14Z

Prepend documentation/versioncheck template. See http://na-mic.org/Mantis/view.php?id=2887

Finetjul at 20:28, 9 April 2012

2012-04-09T20:28:20Z

Finetjul at 18:32, 9 April 2012

2012-04-09T18:32:19Z

Finetjul at 13:56, 9 April 2012

2012-04-09T13:56:40Z

Finetjul at 13:53, 9 April 2012

2012-04-09T13:53:48Z

Pieper at 18:35, 27 March 2012

2012-03-27T18:35:11Z

JChris.FillionR: Created page with '{| border="1" cellpadding="5" |- align="left" | Elements in panels should be justified Sections should be organized in such a way that the workflow takes the user from top to b…'

2012-03-27T17:48:45Z

Created page with '{| border="1" cellpadding="5" |- align="left" | *Elements in panels should be justified *Sections should be organized in such a way that the workflow takes the user from top to b…'

New page

{| border="1" cellpadding="5"
|- align="left"
|
*Elements in panels should be justified
*Sections should be organized in such a way that the workflow takes the user from top to bottom.
| align="center" |[[Image:GuiGuideline2012-03-27.png|500px]]
|-
|}

← Older revision		Revision as of 07:36, 14 June 2013
Line 1:		Line 1:
		+	<noinclude>{{documentation/versioncheck}}</noinclude>
	==General guidelines==		==General guidelines==
	* As a general rule, follow those following guidelines:		* As a general rule, follow those following guidelines:

@@ Line 1: / Line 1: @@
 {| border="1" cellpadding="5"
 |- align="left"
@@ Line 12: / Line 18: @@
 |-
 |}
 ==Layouts==
 *Use the default values for the margins or 0. Default margins are automatically controlled by the [http://viewvc.slicer.org/viewvc.cgi/Slicer4/trunk/Base/QTGUI/qSlicerStyle.cxx?view=markup Slicer custom style] (see [http://qt-project.org/doc/qt-4.7/qstyle.html QStyle::PM_LayoutLeftMargin])
 *The minimum size hint of the top level module widget is used to determine the minimum width of the module. In Qt Designer, you can ensure it's sizing is correct by changing the [http://qt-project.org/doc/qt-4.7/qlayout.html#id-73362ab2-896f-435f-9ca9-dcb3ac1f72d1 QLayout::SizeConstraint] to QLayout::SetMinimumSize.

@@ Line 4: / Line 4: @@
 *Elements in panels should be justified (use of a [http://doc.qt.nokia.com/4.7-snapshot/qformlayout.html QFormLayout] can simplify this task)
 *Sections should be organized in such a way that the workflow takes the user from top to bottom.
-*Capitalize the first letter in any text specified for a label or button (don't capitalize 'of', 'or', 'and'...)
+*Capitalize the first letter in any text specified for a label or button
-*Try to use brief phrases when specifying text for a label or button rather than using sentences or sentence fragments ( use "Load Volumes" instead of "Choose a volume to load")
+** "Load volumes" instead of "Load Volumes"
 *Provide fully descriptive tool tips with each widget defined
 | align="center" |[[Image:GuiGuideline2012-03-27.png|500px]]

@@ Line 10: / Line 10: @@
 |-
 |}
-=Layouts=
+==Layouts==
 *Use the default values for the margins or 0. Default margins are automatically controlled by the [http://viewvc.slicer.org/viewvc.cgi/Slicer4/trunk/Base/QTGUI/qSlicerStyle.cxx?view=markup Slicer custom style] (see [http://qt-project.org/doc/qt-4.7/qstyle.html QStyle::PM_LayoutLeftMargin])
 *The minimum size hint of the top level module widget is used to determine the minimum width of the module. In Qt Designer, you can ensure it's sizing is correct by changing the [http://qt-project.org/doc/qt-4.7/qlayout.html#id-73362ab2-896f-435f-9ca9-dcb3ac1f72d1 QLayout::SizeConstraint] to QLayout::SetMinimumSize.