UE5 - Common Ui: Understanding Common Ui Tab List

[@CGSky]

Your common UI tutorials are the best out there. Super helpful! Thanks for laying everything out so clearly.

[@MrButiier]

Appreciate the support from a fellow dev!

[@TheSebledingue]

Thank you very much

[@Mittzys]

Thanks man, love this video!

[@MrButiier]

Anytime man, thanks for the support.

[@mahkhardy8588]

If you register tabs that the corresponding widget switcher index has no content, at runtime, it can crash the editor when it rebuilds the tab list. At least i think that is what happens.

[@MrButiier]

Makes sense why it would, cant make a tab if the index doesn't exist lol

[@ayoubrezzouk3060]

Do you know how to open the tab list at an index and have the commontablistwidget button at that index highted as well ? i mean at an index different that 0

[@MrButiier]

Ah so what you would want to do is in the widget on construct -> drag off from the common tab widget and grab the node "Select Tab by ID" then drag off from the common tab widget again and do "get tab id at index" -> connect the return value from the get tab id at index and plug it into the select tab by ID.

[@Athurito]

my button icons are not showing i rewatched everthing but it doesnt work i created a new project and started from scratch but it will not work idk why changed viewport, controller data, enabled commonui plugin created inputdata i tried it with enhanced input and datatable but it still wont work

[@MrButiier]

Hm I couldn’t find any issues on my side trying to recreate it but if you could provide screenshots on the discord (I believe you joined the discord) I can see if I can help.

[@anamsajid06]

same here, no buttons show up when I add them to the tab list widget and during runtime.

[@MrButiier]

@@anamsajid06 I ended up helping Arthur through discord, he ended up having one of the settings incorrectly inputted. The Common UI project settings are really important and it's really easy to mess up getting the icons to display. Happy to help in discord if you provide screenshots or I'd recommend this video below that focuses a lot more on the settings portion and also covers the Tab list again. kzbin.info/www/bejne/mqqQh4Jubdeqms0

[@luuuyuuu5153]

how can I trigger a custom event when I press a button on a tab list?

[@MrButiier]

There's a couple ways you could do this, if you're looking to call a custom event whenever switching tabs, you could grab the "Tab List" widget then pull off to create the node "Bind Event to On Tab Selected". That'll let you call an event whenever a tab is selected. If you wanted to do it based on 1 specific tab, It'd be easier to show you in the discord since that requires a bit more work.

[@luuuyuuu5153]

@@MrButiier Thx，I made this by creating a separate CommonActiveableWidget under Swither, then I can use EventOnActivated to trigger an event.