Ui Tookit - Tab and TabView code example

Unity Engine
,
1

Hi there,

I noticed Tab and TabView in Beta version.
Is there any code example or documentaiton to use it?

Thanks

9191366--1280963--upload_2023-8-3_16-12-20.png
9191366--1280963--upload_2023-8-3_16-12-20.png394Ă—510 26 KB

2

I attached a picture to possibly help out.

You have a Tab View be the container of the tabs themselves.
The Tabs act as the container for the content you want in the actual Tab.

9192365--1281197--Capture.PNG
9192365--1281197--Capture.PNG2795Ă—871 84.3 KB

3

Thanks appreciate that :slight_smile:

4

No problem at all.

Are you needing code examples with this or are you okay with just the UI Builder pic?
If you need code examples are you wanting pure C# based, a mix of C#/UI builder, or are you curious about how to handle the UXML with the new properties bag?

I might be able to whip something up for you now that the API won’t be changing a lot since we are out of Alpha for 2023.2.

5

Im actually using uxml approach, and it worked well.
Really appreciate :slight_smile:

6

We published some updated docs for this recently

7

Thanks for updating the documentation, very useful

8

Can Tab View be configured to do vertical tabs?

9

Hi @pzolla !

Yes, to get started on vertical tabs, you can do something like:

.unity-tab-view {
    flex-direction: row;
}

.unity-tab-view__header-container {
    flex-direction: column;
}

.unity-tab__header-underline {
    height: 100%;
    width: 2px;
}

Hope this helps!

10

var tab_1 = new Tab(“Tab1”,TabIconImage_1); How to modify the size of TabIconImage_1 in TabView?

11

How to place anything into tabview???
9790773--1405113--upload_2024-4-24_15-40-43.png

12

Ok, figured out that I need to hover over tabview not tabview-content-container.