Difference between revisions of "Documentation/4.0/Developers/Style Guide/UI"

From Slicer Wiki
Jump to: navigation, search
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)
 
*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.
 
*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'...)
 +
*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")
 +
*Provide fully descriptive tool tips with each widget defined
 
| align="center" |[[Image:GuiGuideline2012-03-27.png|500px]]
 
| align="center" |[[Image:GuiGuideline2012-03-27.png|500px]]
 
|-
 
|-
 
|}
 
|}
 +
=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.

Revision as of 13:53, 9 April 2012

Home < Documentation < 4.0 < Developers < Style Guide < UI
  • Elements in panels should be justified (use of a 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'...)
  • 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")
  • Provide fully descriptive tool tips with each widget defined
GuiGuideline2012-03-27.png

Layouts

  • Use the default values for the margins or 0. Default margins are automatically controlled by the Slicer custom style (see 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 QLayout::SizeConstraint to QLayout::SetMinimumSize.