widget with switch button unreal engine

i want to create a widget as shown in image. what should i use for show same type grids with different character after swipe or using button on left right.

A scroll box should work fine unless you need rollover.

will you please tell me its structure.

Thanks for it.but in attached image 33 grid format shown and on swipe left and right next 33 grid format shown. is scroll box accept grid.

Rather than – | ++ Current Item, do - | + 3. Make an array out of the Scrollboxes, and execute all 3 at once.

You might be better off scrolling to an Index rather than Item in this case.

Disabled buttons do not look great. Every widget element has Visiblity - you can set it to:

313068-annotation-2020-09-10-121653.jpg

which will prevent the user from clicking on it.

When it comes to artistic expression - it’s up to you. You can set colour to each element individually, for example. You could use material to make things pretty, you could animate things to highlight them.

Sorry for ask such a question but Is w item another widget.if yes then what that widget have in it. Item image is array of texture 2d. how to create that and where.

Not sure what you mean by structure. A basic scrollbox with buttons could look like this:

Image from Gyazo

If you want to account for overscroll where the first & last item in the box end up in the middle, you can add a transparent dummy at the beginning and the end of the list.

how to disable button click or show grey affect until it is not unlock . I create behavior enable binding that show this effect that is not look good.

You can @hardeep651352 to send that person an e-mail notification.

is w item another widget

Yes! It has an Image widget and a variable of Texture 2D type that is Exposed on Spawn and Instance Editable:

313081-itemicon.jpg

This variable is assigned to the Image widget:

When this widget is created, it’s fed a new texture from the array.

Item image is array of texture 2d. how
to create that and where.

The array is a variable of Texture 2D type and you can populate it like so:

Image from Gyazo

Create this variable in the widget that has the scroll boxes - it will be easy to access.

is there any way to tag you in my questions. so that when i have any query then that query send to you.

how to assign itemicon variable to the Image widget. there is binding option that create the function.

You can see it in the second screenshot with the red dot - you choose it from the list. Create the variable first as shown in the first pic.

Do not create a function binding - there’s no need.

I have set the button image visibility to-- Not hit-testable(self only). after some condition met i set another image as shown in image. but the problem is that when i again open the widget then it is again appear previously set picture with not hit visibility.