Alpha Five Version 11 Feature Peek # 24: Toggle Visibility

Some words are just fun to say, and "toggle" is one of them. But I swear -- I didn't decide to share this new feature in Alpha Five Version 11 just so I could use the word "toggle." OK, maybe I did. But stay tuned anyway.

In this new video, Selwyn discusses how to use action JavaScript to add toggle animation to any arbitrary container or div in a component in Version 11. This will work for both a dialogue and grid component, but Selwyn's going to use a dialogue component for his example.

The video starts in working preview, where he's got a button and div already set up, along with a container towards the bottom of the screen. Right away, he'll use the buttons to toggle the visibility of both, so you can see what your finished product will look like.

After switching from working preview to design mode, you'll need to pull up the list of controls to get to your list of buttons. Clicking on any button from that list will generate a corresponding JavaScript window, where you'll find the brand new option labeled, "toggle visibility of a container or div with animation."

After selecting that, Selwyn will click on "edit action," which will bring him to a window labeled "toggle visibility." This window is where you'll chose the speed and style of the hide/show animation.

Selwyn will take you through all of these customization options. Hit play on the video below to make sure you are able to pick the exact animation that you want!

Video