Image covering panel in app designer

I am making a simple game for a school project, and I am running into some visibility issues with certain components.

Stack order:

app.UIFigure
    app.TabGroup
        ...
        app.Game (tab)
            app.GameBoard1 (uipanel)
                app.Grid (uigridlayout)
                    ... (uiimages)
            ...
            ...
            ...
            app.BackgroundImage (uiimage)

So app.BackgroundImage supposedly is at the bottom of the stack, and app.GameBoard1 is at the top. The panel shows as visible in the app layout preview, but when the app is run, I see it for a split second and it immediately disappeared. I commented out every line that modifies any of the above components, but the issue persists. I also tried

uistack(app.GameBoard1, 'top');
uistack(app.Image, 'bottom');

This did not do anything either.

Setting enable to off for the image makes the panel visible, but grays out the image, defeating the purpose of a background image. Is there any way to make the panel visible over the image?

[Geoff Hayes]

@William - can you attach the code (or at least the relevant portions of it) so that we reproduce the behaviour ourselves?

Answer 1

[Kunal Kandhari]

Hi,

For setting up background images,see the related Article:

• How do I add a background image to my gui or figure window

I also found a youtube video about the same:

• Set an Image as GUI Background

I hope it will help you.