Is there a reason why the Indent Handle property results in the slider not actually using its full space? And can you add an option to have the bar extend the full length?
Try changing the spacing/padding settings of the bar container
Hello NullBlack,
The extra space is to prevent clipping for when the handle is not indented. However, I have put in a request to provided an option to remove this extra space when the handle is indented. I have provided a link to the public tracker. Please feel free to use the link provided for future updates.
Link: Unreal Engine Issues and Bug Tracker (UE-37572)
Make it a great day
Thank you for your assistance. Just to make sure there’s no confusion, attached is what I’m requesting: an option to make the white bar visually extend to the full length of the widget.
Hi, if anyone has this problem, here’s a solution:
- Create your own user widget, add Border as root, and OptionSlider as the child.
- In OptionSlider, Under Appearance->Advanced, uncheck “Indent handle”
- In OptionSlider Style, Set Normal and Hovered images to Draw As: “None”
- Use the root Border drawing for the frame of your slider, and OptionSlider to only draw your handle. This way, you get full width slider that has edges visually aligned with the rest of your UI elements.
- If you need hover effect, you can handle by overriding OnMouseEnter and OnMouseLeave events in the widget’s blueprint graph and then modify the drawing of the Border, or even entire widget as desired. For example I rarely use Hovered effects in style. I set them to be same as Normal, and then in blueprint graph, OnConstruct I set the opacity of the entire widget to let’s say 0.7, and then OnMouseEnter I set the opacity to 1.0 and OnMouseLeave back to 0.7. That gives me little dimmer UI elements that light up when mouse cursor hovers over them.
