UITabGroup titles are clipped

Hello,

I'm using the AppDesigner to build an app. I want to use an UITabGroup with tab location set to "left". However, if I use long tab titles in R2020a or later then they are clipped.

Here is an example with location "top" (all is fine):

Here is an example with location "left":

As can be seen, the long tab title is clipped. I haven't found a way to change this behavior. Interestingly, this does not happen with R2019a.

Does anybody know of a way to make the tab titles being displayed fully? I have attached the mlapp file I used to take the screenshots from above.

Any help would be appreciated!

Regards,

Dominik

Answer 1

[Eric Delgado]

Hey @Dominik Lechleitner, it's not possible, but at the end of the day, why are you trying to do that? Let's do something more beautiful! Let's try a tab group controlled by a graphic menu... See code attached made on R2021b (if you are working on a different release of Matlab, you have to open App Designer and save the file before run it).

[Dominik Lechleitner]

Hi Eric,

thanks for your answer! I also confirmed with Mathworks support that it is not possible to have tab location "left" or "right" without truncation of the tab titles (at least not after R2019). This is honestly quite disappointing. I also played around with toggle button groups and graphic menus like you suggested. However, this leads to problems with resizable apps and the z level of the UI elements. For now I want to keep it simple and I will just use a tab group with location "top". Maybe in the future I will try to make a robust implementation of your workaround. Thanks!

[Mr.Tentacles]

Hi @Eric Delgado,

I downloaded and used your code and it works well. I'd like to implement it in my own project but i need some help understanding the code.

When a menu button is selected in your app, programmatically speaking, what is actually changing the tabs?? I looked at the callback function and there is no reference to the uitabs or the uitabgroup so i'm a bit confused.

Thanks in advance

[Eric Delgado]

Hey @Mr.Tentacles,

In this implementation, every button has a unique TAG. So... the callback "TabSelectionChanged" guarantees that only the clicked button will be selected. At the end of this callback, there is a call to a function "ModeOperation", where you make the mappping between the button and tab.

% Button1 >> Tab1
% Button2 >> Tab2
app.TabGroup.SelectedTab = app.TabGroup.Children(idx1);

[Eric Delgado]

I am using this approach (menu buttons controlling a tabgroup switch) right now. See the image below. Hope it inspires you! :)

[Mr.Tentacles]

This is very helpful thank you for the response!