The Slide Panel iBloc is a custom action that allows you to move any iRise widget beyond the top and left boundaries of the page, with or without animation. A typical use for this widget is a navigation panel that can slide on and off screen from the top or left edge of the browser.
Current Version: 1.2
Supported iRise Studio Versions: 8.7 – 8.12
Supported Browsers: IE 8.0+, Firefox 3.5+, Safari 4.0+, Chrome 8.0+, iOS Safari, Android (default browser)
Works in iRise iPhone and iPad apps: Yes
What does it do?
- Moves any iRise page widget by the specified number of pixels in the X or Y direction, or both, or to specified X and Y coordinates.
- Allows you to move widgets to negative X and Y coordinates (off of the top and left edge of the screen), unlike the Edit Properties Action.
How can I use it?
- Drag the Slide Panel iBloc onto any empty area of the canvas.
- In the properties panel, select target widget.
- To move the widget a certain number of pixels from its current location, select “Move By” and and enter the number of pixels to move in X and/or Y properties.
- To move the widget to a specific location, select “Move To” and enter the coordinates in the X and/or Y properties. Enter a negative value to move the widget beyond the top or left edge of the browser window. (Note that coordinates are relative to the parent container of the widget. For best results, place your target widget at page level, outside of any containers.)
- Enter the duration of the animation effect in milliseconds. For no animation effect, enter zero (default is 500).
- Select the animation effect desired. Options are linear and swing (default, more natural motion).
- Connect any iRise widget to the iBloc using any event (like any iRise Action).
Can I see it work?
Here’s a brief demo of the Slide Panel iBloc in action and how to use it in Studio.
Tips & Tricks
- If you want your widget to appear outside the top or left edge of the browser window initially, hide the widget (select the Hidden property for the widget) and connect a Slide Panel action and a Show Widget action to the page ‘on load’ event. (Enter zero for the Duration property of the Slide Panel widget). Watch the demonstration video to see how this works.