Need help with dropdown UI

[unity_2612830237F54D9F4790]

Hello, I am pretty new to Unity and I have encountered a problem that I apparently need code to fix. What I am trying to do is separate the option buttons. This is what my dropdown list currently looks like:

This is what I want the dropdown list to look like:

However, I can only achieve the desired format through play mode, since it is the only time where the dropdown list will show up in the hierarchy menu, and since we all know, play mode changes are only temporary. Is there any way I can achieve the desired format through code, or any other way while still working like a normal dropdown UI? I’ve been stuck on this for a good while and would really appreciate the help.

[Kurt-Dekker]

You don’t need code.

You need to go into the item template and adjust the anchoring and probably the parenting and then make your own inset button boundary.

Pay attention to what is connected to the DropDown inspector itself and make sure things are still correct so it can inject the text, clone the template, etc.

I did it like this, took about 3 or 4 minutes of fiddling. The only thing I added was the green item… see inspector closeup. I cloned the ItemBackground and moved it to just “under” the ItemLabel, then renamed it to ItemPerimeter

I highly recommend doing it a few times (do it, delete it, do it again, etc.) on a Dropdown you don’t care about until you’re a real pro.

Here’s more anchoring notes… it’s critical that you “get” how the anchoring works otherwise this will be endlessly infuriating to get right.

Here are the official docs on how to make your UI handle various resolutions and aspect ratios cleanly:

Unity - Manual: Designing UI for Multiple Resolutions

Here are some notes on UI Anchoring, Scaling, CanvasScaler, etc:

Inconsistent game object placement/size between two people

It can be very fiddly but it is super-powerful once you reach comfort with the UI. Building upon Praetor’s great post above, let me suggest this approach: make a quick first draft of your UI. in the Unity game window change the shape / dimensions of your Game window (you can even make your own resolutions) see what happens to your UI in this new shape window iterate and fix your anchors and scalings and whatnot Make sure you do not overlook the Canvas Scaler settings. Personally I (almost) …

SOLVED: Game UI Button Size problem

That seems excessive… What is the text of the actual complaint from them? Make something like this with a fixed aspect ratio (in this case 2:1, maybe you need 3:1 or whatever suits your buttons), and ALL your buttons anchored inside it to never move within that box: [7337383--891847--fixed_aspect_ratio_box.png] then anchor that fixed against the bottom center (red dot below). On the ipad it looks like: [7337383--891850--ipad.png] on the iPhone it looks like: [7337383--891853--iphonex.pn…

[unity_2612830237F54D9F4790]

Thank you Kurt for replying, I’m sorry but I am still having a little bit of trouble trying to understand how to fix the problem.

I know that the label, checkmark, and background are all what determine how the dropdown option will show. However, I still do not know how to separate them. I’ve been thinking if there is a way to separate the options after a certain amount of height or y-coordinates. I just can’t seem to figure what settings to change. If you need any screenshots from my set up please don’t hesitate to ask for them.