Transition on Width Change

I have a sidebar with a pixel width that is set by a variable. On hover, I change that variable so that the sidebar expands.

I tried setting an effects transition to attempt to make the pixel with change gradual rather than immediate. This did not work.

Does anyone know how I would add a transition effect, or make it look like the side bar is expanding gradually?

Anyone have a solution for making the sidebar expand instead of flash open?

If you use the Sidemenu from the ‘Layout’ section of the add panel, you can use the display property to animate it when you show it


I’m not sure this solves what I am trying to do. I want the bar to show all the time. I just want it to be 50px wide by default, but then be 250px wide when hovering over it. But I want a transition between the two.

Then binding the width and adding a transition should work, can we see your settings now?