How to use the Common Action Widget | Unreal Engine 5 Tutorial

This tutorial shows you how to make on-screen controls that automatically switch when the input type changes. This way the correct keys will be displayed if the player uses keyboard or controller.
Xbox icons created by Arks on itch.io
0:00 Intro
0:10 Install common UI plugin
0:20 Input action data table
2:04 Controller data blueprint
04:55 Project settings
6:59 Set up HUD
7:49 Add action name to HUD
9:05 Outro

[@CinematographyDatabase]

man common UI looks great, thanks for the video

[@apoka101]

Thank you bro for this video! Pretty helpful!

[@nick9137]

For the love of God don't skip around the video and miss 5:18 where you rename the default gamepad name to Generic like I did 😭

[@SY-fr4jm]

thanks!

[@KonanFlower]

I followed all the steps but for some reason the common action widget buttons are stuck on a collapsed visibility. Do you know what could be the issue?

[@Dante1243]

Same here

[@blackdevilcreations]

Solution: And right now.. found the solution.. If you enabled EnhancedInput for CommonUI, NEVER set the EnhancedInputAction in the CommonActionWidget, since it will break the Functionality.. just leave it empty and just set the DataTable and Row... Original: Ok.. let´s say.. i´ve done all that.. and i add a CommonActionWidget to my UI.. set the DataTable.. set the Row... And in Game.. nothing happens.. Instead.. i get the Error: "Cannot bind widget [UI_Common_Button_C_83] to action [Legacy_CommonUI_Input_DT_Confirm] - provided input action is invalid." Checked everything.. the naming is correct.. the table exists.. the row exists (else it won´t appear in the dropdown either).. The Data Blueprint has all Keys and their Images added... Any idea?

[@gust395]

could you confirm that this method works with enhancedinputs and button remapping?

[@jaykorda]

@@gust395 Hi! Did you find out? If you did, could you tell me how?

[@FPChris]

5:50 The 'controller data' array. Can you make a gamepad setting for Xbox, PS, and Nintendo layouts and set the index of which one to make active?

[@DeeOdzta]

Search for CommonInputBaseControllerData

[@TheRealCrappyGamer]

Does this also work for widget components on actors? i.e. if I have a 'interact widget' attached to an actor, will this automatically change the input action image based on which input method is being used?

[@Unreal_Forge]

Yes, I can confirm that this works.

[@D4KiRZ]

does this work with enhanced input? when you rebind a key

[@Raphael2228]

Yes

[@jaykorda]

@@Raphael2228 how's it done? I have not been able to find info on it or a tutorial