I want to create this tab effect, for that, I use UiCorner in the tab frame and hide the rounded bottom part behind another frame:
But when switching to mobile view, the text does not fit:
What should I do to have the tab title visible in both cases?
Here the project to test: Baseplate.rbxl (33.1 KB)
I’ve found that creating it the original way like what you’ve shown on desktop, then take a screenshot of it and using that image works. That way, you won’t have to worry about it moving around and being weird.
Edit: Here’s an example of one of mine that I did. (I created it in studio with all rounded edges, but took off the rounded edges on the top for a cleaner look.)
Sorry, but I didn’t understand what you said.
I asked someone for help to tell me how I can make the text inside the tabs not move, as it does when it’s on mobile.
Best solution here to keep what you have so far is to set the textbuttons to have no text in them, then put a text label ontop of the textbuttons, you can then size it to fit it how you want.
Have you tried making the measurements by scale? It might be because the scale is on offset
Nvm, I discovered the way, by putting the text button inside the frame and position it correctly:
Baseplate.rbxl (32.8 KB)
