Right now, I’m building a basic UI for the title screen of my 3D Pong clone built on Unity with just primitive solids. What I want to do is add four dropdown menus; two for two players to select the color of their paddles in two-player mode, one to select the computer difficulty in one-player mode, and one in both modes to select how many goals needed to win the match.
What I’m having trouble with is figuring out an “easy” approach to adjust the font of my items in the dropdown, as well as the size. I may need to make my dropdown list wider, and since I simply want to have six items in my color dropdowns, I don’t think I need a scroll bar in these. I don’t even need a scroll bar in the other dropdowns.
Take a look at the photo attached; in the left-most dropdown, I have the initial label at the size and font family I want, but the list items don’t have the right size and font family. Problem is, that list only appears at runtime, so I’m not sure if I could modify that in the dropdown’s Template object and its children.
I did came across this previous thread regarding text size, but I would rather try to see if I could make the dropdown and the lists displayed below look neat and clean.
Please let me know! I’m definitely a newbie to Unity.
How are you instantiating the list at runtime? I know when you statically setup a Dropdown in the editor, adding More options is just loading them from an Item Template. If you look into the DropDown structure Template->Viewport->Content->Item
is all the prefabs stuff for what one item will look like. Even if you programattically add items, If your doing it correctly it should get their stats from that Item Template. So you can Adjust the font type and point size there. And by correctly, I mean as the DropDown Script writer intended. Not that your implementation is “wrong”.
I don’t think I’m instantiating the list at runtime at all. It’s simply Unity’s default dropdown with a little bit of tweaking done in the Inspector to select the “Project Paintball” font family and resize both the text and the entire component.
There’s no custom script utilized here.
Oh I got confused when you said the list was generated at runtime. So did you try going into the DropDown’s Hierarchy Template->Viewport->Content->Item->ItemLabel and adjusting the Font/Size there? If you make it big enough you’ll have to adjust the Height of the Item component as well to allow it to be displayed. Note you can’t adjust an Item’s width it gets that from autofilling to the width of the Dropdown. so adjust the top Level Dropdown if you need it wider