Layers

Following is the layering order of media that can be displayed on the screen, from top to bottom.

TOP

<title> (node), <text_banners>

<buttons>, <input>, <dropdown>

<images>

<media_overlay>

<medias>

<bg_image file=""/>

BOTTOM

Within each element, the last one defined in the code will appear on top. For example, if you have the following buttons defined:

<buttons>

            <button>

                        <text>button A</text>

                        <x>50</x>

                        <y>100</y>

                        <height>25</height>

                        <width>25</width>

            </button>

            <button>

                        <text>button B</text>

                        <x>40</x>

                        <y>90</y>

                        <height>50</height>

                        <width>50</width>

            </button>

            <button>

                        <text>button C</text>

                        <x>30</x>

                        <y>80</y>

                        <height>100</height>

                        <width>100</width>

            </button>

</buttons>

only button C will appear on the screen, as it entirely covers the other two buttons.