Dev:Ref/Design docs/UI/Info Architecture/Design/Alignment

From BlenderWiki

Jump to: navigation, search

[edit] Button Alignment

These are rules for use of Auto Aligning (initialized by uiBlockBeginAlign(block) and ended with uiBlockEndAlign(block) This is targeted at coders who are adding new buttons, in order to keep the UI consistent.

  • Toggle, Number, and Slider buttons can be auto aligned if they affect the same setting or closely related settings (eg. R/G/B number fields).
    Image:Dev-check.pngImage:Dev-align_good.png
  • Radio (row) buttons should always be aligned with their other mutually exclusive options. Don't align more than one set of radio buttons with one another.
    Image:Dev-check.pngImage:Dev-alignment_radio.jpg
    Image:Dev-radio_bad.png


  • Action buttons should not be aligned.
    Image:Dev-action_good.png
    Image:Dev-action_bad.png
  • Menus can be aligned with Number, Slider, or Toggle buttons if they affect the same setting or closely related settings. Don't align menu buttons to other menu buttons.
    Image:Dev-menu_good.png
    Image:Dev-menu_bad.png
  • Avoid aligning any buttons with Labels. This way all buttons that aren't aligned will keep their rounded appearance.
    Image:Dev-align_bad.png

-- JasonSaunders - 28 Sep 2004

Retrieved from "http://wiki.blender.org/index.php/Dev:Ref/Design_docs/UI/Info_Architecture/Design/Alignment"