RWExtras

Simpler webdev, one stack at a time…

RWExtras

Simpler webdev, one stack at a time…

RWExtras

Simpler webdev, one stack at a time…

RWExtras

Simpler webdev, one stack at a time…

Scrollable Stack

Scrollable

Scrollable Stack Settings*

  • Visible Panels: set the number of panels that are visible at the same time
  • Panel Height: set the height of each panel in pixels
  • Auto Scroll**: check if you want the Scrollable Stack to cycle automatically through all the panels
  • Scroll using Mouse Wheel: to activate or deactivate scrolling up or down using the mouse wheel
  • Interval (sec): to set the time that the panels remain static on the screen before moving on to the next set of panels
  • Left Button: you can input text, HTML symbols and characters, and references to images (using the format '<img src="assets/image.png" />' for RapidWeaver 4 and '<img src="%resource(image.png)%" />' for RapidWeaver 5) to control navigation to next or previous panels
  • Right Button: same as Left Button...
  • Button Text: set the size for the text used in the navigation buttons. Ranges from 10px to 48px
  • Button color: set the color of the button text
  • Button Hover: set the color of the button text when hovering over it
*If the info box (HUD) is too long for your screen size, follow these 3 steps:
  1. Drag the RW project window down
  2. Drag the info box (HUD) up, past the top of the RW project window
  3. Drag the RW project window back up
The bottom of the info box (HUD) should be visible...
**If you select Auto Scroll, we suggest inputing a single space as text for both the Left and Right buttons to hide them, as they will not be needed.