Retainer Box not working with shear on a Progress Bar

Hello,

I think there is a bug with the retainer box on the widget blueprint.

When I use a retainer box with a progress bar and i add a shear value to the progress bar then the progress bar will not visible.

Moreover, it will be visible on all editor when play is pressed but not on the main editor view

I don’t understand why ?

image

The view on all editor view exept the main

The view on the main editor view

1 Like

How is the progress bar built? Is it a shader or a custom plugin?

It’s juste the Progress bar of unreal engine on the widget blueprint.

image

Alright, but how did you make it look so fancy?

This is how i did with gimp :

This is the image of my health bar

This is the content of the progress bar

image

And this is for the mask

With the mask image i make a material named LifeBar_Mask

image

On the RetainerBox i added my mask material on the parameter “Effect Material”.
With this technique it hides the progress bar under the lifeBar image

This is what it would render without the retainer box and the mask

For now everything works but there is a problem :

You can see that the progress bar it’s a recangle and I want to have that :

(The green border outside the image will not be visible because of the mask)
You can see that the progress bar is better and to do that i changed the Shear of the LifeBar_Progress

image

But when you change the shear of a progress bar inside a RetainerBox then the progress bar become invisible

But the stange thing is that on all the other editor like (blueprint editor, animation editor, …) When you press play a window with the game apprear and the progress bar is visible :

And in the main editor if i press F11 (full screen) then the progress bar appear.

I think if you try by yoursef to just put a progress bar with a Shear value. Then you put the progress bar on a Retainer box. Normally it will do the same.

That’s why I want to know if it’s a bug or there is a real reason ?

For my problem i can juste change the form of the image of my progress bar but I want to know why :smile:

I see! I think this might be due to how it is constructed and how it interacts with your shader / material. I suggest you try to alter the shader, rather than trying to add a sheer effect on top of it.

Here is a shader solution to slant / rotate / skew the material:

Just change the material domain to UI and update the input values.

Edit: I also tried to just apply textures / mask as you did to see what happened. I managed to skew the progress bar meanwhile I am using a material for both the Fill Image and Background Image.

It doesn’t look pretty, but everything works for me. I suggest you look closer at the blueprint setup that you have. You probably have some values set causing it to not work the way you intend it to do.

1 Like

Okay I will try that.

Thank you for your help :smile:

I have the same issue suddenly. Shear with a parent parent retainer box. I’m not using the progress bar umg widget, just an image with my own material.

It was working earlier today, but I changed a few things around in the UMG tree and now anything inside the retainer box with more than 0.1 shear immediately disappears?? Translate etc work fine. It’s weird.