Nifty Panels Not Displaying

Hi there,

I’m trying to make a simple test GUI with nifty but I can only get the top panel to display.
Only the yellowRight panel displays in the correct position. The rest is the layer color which is purple.

If I were to simply switch the positions of the panels in the code. The blueCenter will be displayed with purple on both sides.

Can anyone tell me what I’m doing wrong!

Thanks for Reading!

[/xml] <?xml version=“1.0” encoding=“UTF-8”?>
<nifty xmlns=“” xmlns:xsi=“” xsi:schemaLocation=“”>
<!-- +++++++++++++++++++++++++++++++++++++++ -->
<!-- start screen -->
<!-- +++++++++++++++++++++++++++++++++++++++ -->
<screen id=“start” controller=“mygame.Main”>
<layer id=“topLayer” height=“100px” width=“100px” backgroundColor="#FF00AE" childLayout=“center”>
<panel id=“yellowRight” align=“right” backgroundColor="#F7F700" height=“100%” width=“35%”/>
<panel id=“blueCenter” backgroundColor="#0010FC" align=“center” height=“100%” width=“35%”/>

Childlayout center can only have one child layout IIRC. Even if they changed that all the children will be placed centered (hence on top of each other) and align of children will achieve nothing.

What are you trying to achieve?

That fixed it. Thank you.