UE5 - Common Ui: Enhanced Input Action Setup (Short Version)

To view the long version when i showcase how to make the entire UI go here: • UE5 - Common Ui: Enhan...
Come watch a guide on how to set up Enhanced Input Actions in Common Ui and how to utilize the feature within a variety of different widgets. For any feedback, ideas or improvements, come join my discord and let me know!
Join my Discord: / discord
Sign up for my KZbin Membership to gain special perks
Recorded on UE5.4

[@MrButiier]

For everyone running into issues with Icons/Text not appearing on your buttons, feel free to join the discord so we can help debug! The input actions, Input Mapping Context and Metadata all have to be specifically set up as described in the video but it is easy to miss things. Happy to help when I can in the comment section but sometimes screenshots help best or voicechat :) I am also working on another video to provide examples of utilizing enhanced input actions within real game settings.

[@ryanjdevlin87]

BRO !! I just messaged u yesterday on discord about input actions and then u drop this:) your awesome man thanks

[@MrButiier]

Haha right on time!

[@mertbiceroglu1949]

Great job bro! Thanks for the tutorial

[@gamedebix]

Good job 👍

[@MrButiier]

Thank you 🙏

[@Luckyluk1996]

Hey! I was looking for a tutorial like this for days now... Sadly it does not work for me. I did everything the way you did it. But nothing comes up. None of the actions actually trigger. FaceButtonBottom will trigger a Button, even though in my IMC it is set to FaceButtonLeft (for testing). The CommonUI documentation says, that UE5.2 is experimental with Enhanced Input Actions. Which version did you use? Thanks in advance, have a nice day!

[@MrButiier]

Hi Lucky! Sorry that I did not specify which version I was using, I always use the latest version for my updates so I am using 5.4 in this video. If you're utilizing 5.2, it should be roughly the same set up based on the documentation but for your input action blueprints you need to set "Consume Input" on however since its experimental it may be prone to more bugs on an older version. dev.epicgames.com/documentation/en-us/unreal-engine/using-commonui-with-enhnaced-input-in-unreal-engine?application_version=5.2

[@Luckyluk1996]

@@MrButiier Hey! I kind of got it to work. It was an Issue with both my Player Controller and the "Set Input Mode to Game and UI" node, which seems to be broken with Common UI. However, I am still only able, to get Generic Acccept and Back to work. I have other Input Bindings, but they are not getting called. Also... I don't know, if this is just 5.2, but... Most UI for Gamepad have Accept on the face bottom button. Since the UI for our game will be complex, this will sometimes not be the case. In the generic input mapping context, I put accept to the face left button. But the face down button did ALSO trigger the button. After reading into the code A LOT!!! I was able to find the HandleKeyDownEvent method in the FCommonAnalogCursor. Overriding that method (C++ only) I was able to break that (hardcoded...) behavior... Does this still happen in 5.4? If you map generic accept to any button on a gamepad, will the face button down STILL trigger a button as well?

[@MrButiier]

@@Luckyluk1996 hm if you're focusing a button with a gamepad then yes the accept button should also trigger the button and is intended to work that way, however if you're not focusing the button but both trigger the button then I'd say thats odd behavior and not something that occurs in 5.4 I'm downloading 5.2 right now and I'll try to see if I can get it to work however I have low hopes as CommonUi even in 5.3 had many issues.

[@MrButiier]

@@Luckyluk1996 I downloaded 5.2 and didn't run into any issues as far button clicking goes, it looks to be visually built about the same as 5.4. To prevent a button from being hovered or able to manually click, make sure the button is not focusable. this should allow you to only activate based on the input action.

[@mahkhardy8588]

Still experimental? 🤔 but It works great

[@MrButiier]

It does work but there's still a lot they can do to make it easier and some bugs that make the editor a bit awkward in widget blueprints.

[@Athurito]

you should always start with a new project so everybody can follow like in the middle of the video i am completely lost i dont have the UI my buttons for example are showing but only in designTIme mode if i start my programm they wont show

[@MrButiier]

Ah! Thank you for the feedback :) the main important thing here for icons showing is that the meta data and input actions are showing and that active IMC has the same buttons set. If button icons/texts are not showing then it means your IMC is not set properly. It's very easy to mess up.

[@dontworrybehappy4916]

My god.. If you're going to write a tutorial, freaking start from scratch. People can't follow what you're doing if you already made your own... Saying what you did is not the same as doing it for people to be able to follow. E.g. How did you organized the widgets (settings, alignment, padding, etc)? Geez. Why do tutorials if you can't show how you're getting things set up?! Unbelievable.

[@MrButiier]

Appreciate the feedback :) I try numerous types of styles to see what people find useful so I appreciate it 💪

[@maxsaylor9333]

@@MrButiier creating everything from scratch each time wont scale much. What I think you could consider is pushing the final version to GitHub. This way you can continue focusing on the main aspects and details and have a full reference for those who needs the entire set. Thanks for the great content One think I'm interested in tho is how do you listen on the "Clicked" events? Do you use the Input Action itself in the Blueprint or simply attached to the Button OnClicked event?

[@MrButiier]

@@maxsaylor9333 It definitely something I have considered and may try in future videos to see how well that turns out! For the click events, you can use the Button OnClicked event, those event will work as they normally would.

[@maxsaylor9333]

@@MrButiier thanks for the response, that what I was scared about. I have a listener attached to the Button that holds the Input Action and it's not reacting. It reacts when I explicitly hit the Button with a mouse click but fully ignores the assigned Input Action. Probably missed something, will continue digging But thanks again for the great content, nowadays it's hard to find something in depth, especially in the painful UI topic. I wish UI is simpler and just works, but unfortunately, there is always some dancing around involved

[@MrButiier]

@@maxsaylor9333 Hm is the meta data set to “is generic action” or are there any other IMC’s with the same button? If there are overlapping buttons in multiple IMCs that can prevent it from being called. And of course, happy to help man, I know Ui is quite painful and there’s not nearly enough tutorials out there helping people with it. I agree that I wish UE5 made it easier but with more functionality causes more complexity.