[SOLVED] XML : Button is not showing up

I am using the following code,

[xml]<nifty>

<screen id=“start”>

<layer id=“foreground” childLayout=“vertical”>

<panel id=“panel_top” height=“25%” width=“75%” align=“center” childLayout=“center” backgroundColor="#0008">

<control name=“button” label=“Quit” id=“QuitButton” align=“center” valign=“center” height=“50%” width=“50%”>

</control>

</panel>

</layer>

</screen>

</nifty>

[/xml]

But its not working as expected. The button inside the panel is now showing up.



Can anyone tell me why the button is not showing up? The output is following





But, there should be a button inside the gray area.

Just figured it out.



Had to add this 2 lines,

[xml] <useStyles filename="nifty-default-styles.xml" />

<useControls filename="nifty-default-controls.xml" />[/xml]