Customize Lyra Options Menu : add new tabs with a CommonUI animated widget switcher UE5

This tutorial covers customizing the options menu with new tabs, widgets, and optional icons. I'll be covering how the current Lyra settings tabs are setup and work. This allowed me to easily add a controller mappings screen which just features a texture, I wanted to share what worked for me!
We'll be taking advantage of the widget switcher to allow more than 1 new custom tab and widget, without having to create new game settings in code.
Code at : github.com/NanceDevDiaries/Tu...
Project used : Lyra 5.2 sample project
Engine: Unreal Engine 5.2
Controller graphic and tutorial at : easydrawingguides.com/how-to-...
Join my Patreon to get video credits and if you'd like to give thanks!
/ nancedevdiaries
Thanks for watching!
---------------
Timestamps:
00:00 - Intro
00:34 - Reorder or delete settings tabs
03:29 - Setup Icons for the tab buttons
13:10 - How the Lyra Settings tabs work
18:12 - Adding your own widget and tab button
30:45 - Animated Widget Switcher : add more than 1 tab button
38:42 - Fix register dynamic tab not handling content type
43:54 - Outro and parting thoughts about CommonUI animated switcher

[@hiagooliveira6510]

You're giving the world invaluable information about Lyra and helping everyone tame this beast! Thanks once again for all the work Nance

[@nancedevdiaries]

My pleasure!

[@CinematographyDatabase]

Really cool. I hope by UE6 I’ve learned CommonUI + Enhanced Input lol

[@whyareless]

Hahaha so true 😂😂

[@nancedevdiaries]

Hahaha we're all in the same boat! Slowly getting the hang of it, input action modifiers and value finaly clicked a little bit more for me recently :)

[@Extile00]

Would love to see a tutorial on adding support for Nvidia DLSS to the settings menu. I think it would be useful for everyone.

[@Hellwalker855]

Holy cow! You're a lifesaver.

[@kryogenicgames]

another lovely tut, thanks boss

[@BaseRealityVR]

Exellelent! & the ONLY Information I have been able to find on this subject, Your a live saver Nance, Because Im trying to create a custom Menu for VR and needed to remove a lot of the not so useful options.

[@3BEEZ]

Nice, very useful, thanks for taking the time to put this together.

[@nancedevdiaries]

Glad it was helpful!

[@austinscottful]

Thank you so much - Your video was a big help for me today.

[@BaseRealityVR]

Just had a thought That Im going to try, I thought I t might be easier to just edit the LyraGameSettingRegistry_Video.cpp file and comment out the options I don't want to see, and possible also make some new Dev name files? by cloning the original and giving them different names and options.

[@sekker2k446]

Ty

[@onurguzel35]

Teşekkürler.

[@nancedevdiaries]

Thanks for the super thanks!

[@onurguzel35]

Very good tutorials, thank you very much.

[@tonetfal]

15:22 Since this is a LOCTEXT you can change the value associated with VideoCollection_Name under Localization Dashboard in the editor. It sounds logical, though I couldn't find it, but it's somewhere there. You must be able to translate the collection name to other languages after all.

[@nancedevdiaries]

Thanks for the insights/share! It's really good to think about localization and to know

[@blaqueaddonnisgames]

Great Video! You are quite talented! One question? I have been trying to add the bot count to the menu so it can be set in packaged game. I traced the functionality to the LyraBotCreationComponent but can't seem to get access through the menu even when publicly exposing the Variable. If you come into a way to do this please share. Also I followed this tutorial in 5.0.3. and it woks flawlessly even the menu effects all seem fine no need to turn off the switcher delay time? Maybe something has changed this feature in 5.2. But I will try it in my 5.2. Project and Let you know what I find.

[@nfrancisj2122]

Hello, firstly, Thanks! Your videos are super helpful. I really appreciate you taking the time to share.
@20s in, you show your implementation of the widget switcher where I noticed you also implemented the LB and RB for the controller. I didn't see this in the Lyra project. Can you talk about how you cycle through the widgets (switcher) using the controller, please? How did you implement this, and is there a sample project available to study? Please and Thanks!

[@nancedevdiaries]

Thanks! Funny you ask, that's the subject of my next video! Extending my pause menu common UI video with a tabbed game menu. I'm aiming for next week to release it and the project update. Cheers

[@nfrancisj2122]

@@nancedevdiaries Oh nice! Looking forward to it. I actually solved my issue by...... plugging in my controller. 😄

[@nancedevdiaries]

😆

[@khunkuanteen]

great video! how did you customise the styling of the settings items in the example you gave of your current project? did you use common ui styling for that?

[@nancedevdiaries]

Thanks! Yes, I created more commonUI styles : text style, border style, and I think I used the button clear style Lyra already has. I could potentially make a video about this in the future. I'll make a note.

[@SykoSilver]

@@nancedevdiaries I've been struggling to implement Common UI tabs in my blueprint project. It would be very helpful to have a tutorial on how to create a reusable tab menu widget, then spawn and populate it upon navigating to various screens. For example, aside from the settings tabs, there could be a character screen with status / inventory / skills.

[@kildare_rocha]

Can you help change the sound of weapons on the lyra?

[@nancedevdiaries]

This might help, my tutorial about adding a new weapon. If I remember well its in the weapon item definitions (anything prefaced with WID_) th-cam.com/video/1bttt_D7-aI/w-d-xo.html

[@DIKL3r2]

I find myself struggling to understand how the Lyra Character operates, especially in terms of its spawning mechanism. The initialization of these characters, as well as the process of dragging and dropping them into levels, remains quite elusive to me. I suspect understanding the Lyra Character is crucial for the success of my project. When I try to delve deeper into the Lyra Character, it seems intricately linked with various other classes, and I'm having a hard time discerning its hierarchy.
Could you possibly provide some guidance or perhaps consider creating a tutorial that delves into these aspects? Your expertise would greatly benefit my ongoing endeavors.
Lastly, I wish you all the best in your own projects and thank you once more for the fantastic resources you've shared with the community.
Thank you!!

[@nancedevdiaries]

Thanks! It took me a while to grasp that, too. I'll see if I can make a tutorial about the subject in the future. The pawn initializing procress is a lot to bite into, including the pawn extension component, hero component, cosmetics component, and pawn data. There's a few videos I want to cover, but this could be very worthwhile to dive in as a subject, I appreciate the suggestion!

[@DIKL3r2]

​@@nancedevdiaries I will be waiting for your tutorial, but I understand that it's uncertain when it will be available. Would it be alright to ask for a general overview?? Like which actors, components, and methods I should prioritize looking into, and how the gameplay framework is structured, and so on...