Welcome to Axure Community Site Sign in | Join | Help
in Search

Axure

Scrollbars on Tables and Other Widgets Using the Dynamic Panel

There are a couple ways to represent scrollbars on tables or other sections in wireframes in Axure RP. The first is to simply use an image of a scrollbar on the wireframe, but with this method the scrollbars are static in the prototype.

The second way is to use the dynamic panel. This tutorial will go through the steps to put a scrollbar on a table widget, but it can be used in general for any widget or collection of widgets on a wireframe.

1. Drag a dynamic panel from the Widgets pane onto the wireframe.

2. Right-click on the dynamic panel and select Edit Dynamic Panel -> Show Scrollbars As Needed. This will show scrollbars on the dynamic panel in the designer.

3. Double-click the dynamic panel to open the Dynamic Panel State Manager.

4. Double-click on State 1 in the Panel State list to design the wireframe for the panel state.

5. Drag a table from the Widgets pane onto the wireframe.

6. Specify the number of rows and columns. The width and/or height need to be wider or taller than the dimensions of the dynamic panel for the scrollbars to appear in the prototype.

7. Design the table as desired and resize the dynamic panel as needed.

8. Generate the prototype (F5) and you will see scrollbars on the dynamic panel surrounding the table (if the table is wider or taller than the panel).

Here is a sample file TableWithScrollbars.rp and a link to the prototype.

Using the dynamic panel, you can add scrollbars to tables and any other collection of widgets as needed for your design.

Published Monday, April 03, 2006 12:40 PM by victor
Filed under: ,

Comments

No Comments
Anonymous comments are disabled

This Blog

Syndication