anchor.diff:  [source,xml]
   ----
   
  -    <layer id="background" childLayout="center">
  -        <image filename="Interface/hud-frame.png"></image>
  -    </layer>
  -
  -----
  -
  -In order to make the hud-frame.png independent of the screen resolution you are using, you could use the `imageMode` attribute on the image element 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: Images (ImageMode=resize)].
  -
  -[source,xml]
  -----
  -
  -    <layer id="background" childLayout="center">
  -        <image filename="Interface/hud-frame.png" imageMode="resize:40,490,110,170,40,560,40,270,40,560,40,40" width="100%" height="100%"/>
  -    </layer>
  +<layer id="background" childLayout="center">
  +    <image filename="Interface/hud-frame.png"></image>
  +</layer>
  +
  +----
  +
  +In order to make the hud-frame.png independent of the screen resolution you are using, you could use the `imageMode` attribute on the image element 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: Images (ImageMode=resize)].
  +
  +[source,xml]
  +----
  +
  +<layer id="background" childLayout="center">
  +    <image filename="Interface/hud-frame.png" imageMode="resize:40,490,110,170,40,560,40,270,40,560,40,40" width="100%" height="100%">
  +    </image>
  +</layer>
   
   ----
   
  
positive.code: ----
  
  Every Nifty +++<abbr title="Graphical User Interface">GUI</abbr>+++ must have a start screen. The others (in this example, the HUD screen) are optional.
  
  See: <<jme3/advanced/nifty_gui_overlay#,Nifty Gui Overlay>> on how to setup your game to display your GUI.
  
  NOTE: In the following examples, the XML schema header is abbreviated to just `<nifty>`.
  
  
negative.code: [source,xml]
  ----
  
  <panel id="panel_mid" height="50%" width="75%" align="center" childLayout="center">
      <text text="Here goes some text describing the game and the rules and stuff. Incidentally, the text is quite long and needs to wrap at the end of lines. ..."
            font="Interface/Fonts/Default.fnt" width="100%" height="100%" wrap="true" />
  </panel>
  
  ----
  
  