anchor.diff:  
   ==== Other Controls
   
  -Nifty additionally offers many customizable controls such as check boxes, text fields, menus, chats, tabs, … See also link:http://sourceforge.net/apps/mediawiki/nifty-gui/index.php?title=Elements[Elements] on the Nifty +++<abbr title="Graphical User Interface">GUI</abbr>+++ site.
  +Nifty additionally offers many customizable controls such as check boxes, text fields, menus, chats, tabs, … See also link:https://versaweb.dl.sourceforge.net/project/nifty-gui/nifty-gui/1.3.2/nifty-gui-the-manual-1.3.2.pdf[Nifty GUI - the Manual: Elements] on the Nifty +++<abbr title="Graphical User Interface">GUI</abbr>+++ site.
   
   
   == Intermediate Result
  
positive.code: [source,xml]
  ----
  
          <panel id="panel_top_right" height="100%" width="15%" childLayout="center">
              <control name="label" color="#000" text="123" width="100%" height="100%" />
          </panel>
  
  ----
  
  
negative.code: [source,xml]
  ----
  
  <panel id="panel_top" height="25%" width="75%" align="center" childLayout="center" backgroundColor="#f008">
  </panel>
  <panel id="panel_mid" height="50%" width="75%" align="center" childLayout="center" backgroundColor="#0f08">
  </panel>
  <panel id="panel_bottom" height="25%" width="75%" align="center" childLayout="horizontal" backgroundColor="#00f8">
    <panel id="panel_bottom_left" height="50%" width="50%" valign="center" childLayout="center" backgroundColor="#44f8">
    </panel>
    <panel id="panel_bottom_right" height="50%" width="50%" valign="center" childLayout="center" backgroundColor="#88f8">
    </panel>
  </panel>
  
  ----
  
  