Big tabs' names in App Designer R2020a

I wanted to create an app which makes visible one forms or the other according to the switch position. Some forms are always visible, but changing their positions

But I've met a problem: my app in the AppDesigner editor looks like this:

And after running like this:

Maybe there is a way to change size of the tabs' names before running? I tried to change window's size, but in this case I got an unexpected behavior of dropdown, that have to change position.

Both 3 of dropdowns should change their position (I change property ".Position" in a switch callback)

But 2 of them don't

But when I use breakpoints or toggle switch twice they do change position:

Hope you are not afraid of cyrillic

[Mario Malic]

Use grid layout if you want to have consistent positions of your components.

[Anastasia Eltsova]

I have to change position of a dropdown. In one switch position it should be placed near an edit field, and in other there are 2 dropdowns becoming visible

[Mario Malic]

Can you show the code that changes the position with the switch?

[Anastasia Eltsova]

I found out that it is somehow connected to the changing titles of panels. I've made a small app with this bug, and it is repeatable.

I made one switch and a dropdown inside a panel (the panel is inside a grid layout):

Callback of the switch:

 % Value changed function: Switch
        function SwitchValueChanged(app, event)
            value = app.Switch.Value;
            if(value=="Up")
                app.DropDown.Position=[248,393,100,22];
                app.PanelWithName.Title="PanelWithName";
            else
                app.DropDown.Position=[238,168,100,22];
                app.PanelWithName.Title='';
            end
        end
    end

And when I toggle switch for the first time app doesn't change position of dropdown

You can find this small app on github:

    https://github.com/eltsovaad/AppDesignerBugWithPanels

[Rik]

Please don't post the same question if you're not happy with the answer. You can use comments to reply and further clarify your issue.

Also, which release are you using?

[Anastasia Eltsova]

I'm sorry - I tried to make a question with clearer heading, but Mario Malic commented this post before I posted the other, so I couldn't delete this one.

I use R2020a

Answer 1

[Mario Malic]

Hi,

I have included the grid layout in the attached example showing the grid layout for Panel. You'll get a warning in the command window, because changing the position property of a component is a little bit different when you use grid layouts, which I have never did before. You can figure out how to do it on your own and I have no doubt that you'll succeed!

Without GridLayout, if you take a look at Switch position

  app.Switch.Position

Y coordinate is inconsistent which may be a bit problematic, so, using grid layout in general is better, thus you'll have less issues when dealing with different resolutions when your app is ran on different monitors.

[Mario Malic]

From what I understood, you have problem because dropdown doesn't change its position in the first click of the switch, it works for me fine on R2021a.

[Mario Malic]

Do you see the same behaviour like in the GIF above @Anastasia Eltsova?

[Anastasia Eltsova]

Thank you for your answer - gridlayout is a pretty good decision and I have figured out how to use it. I appologize for my previous comment.

[Mario Malic]

All good, but you mentioned that you need to click twice on the switch to make it work (execute the callback and change the position), what's with that?

[Anastasia Eltsova]

@Mario Malic In R2020a with callback like this

function SwitchValueChanged(app, event)
            value = app.Switch.Value;
            if(value=="Up")
                app.PanelWithName.Title="PanelWithName";
                app.DropDown.Position=[248,393,100,22];
                
            else
                app.PanelWithName.Title="";
                app.DropDown.Position=[238,168,100,22];
                
            end
        end

I get this result:

Nothing changes if I change line positions like this:

        function SwitchValueChanged(app, event)
            value = app.Switch.Value;
            if(value=="Up") 
                app.DropDown.Position=[248,393,100,22];
                app.PanelWithName.Title="PanelWithName";
            else
                app.DropDown.Position=[238,168,100,22];
                app.PanelWithName.Title="";
            end
        end

[Mario Malic]

Absolutely weird. Usually stuff like this happens when you are changing property of the source of the event (switch), this makes callback for some components not to execute.

As the last resort, I would suggest to add drawnow outside of IF (edited), before one of these two:

• moving to newer version
• asking the customer service

[Anastasia Eltsova]

It was even harder to find it in app with more than 20 forms doing some actions in one callback

[Mario Malic]

See the bolded in the comment above yours.