© 2002-2017 Axure Software Solutions, Inc. All rights reserved. Axure ® is a registered trademark of Axure Software Solutions, Inc.

AXURE

RESOURCES

LEGAL

CONNECT

EMAIL

 

SHOW HIDDEN WIDGET

Reveal additional diagram contents found in a hidden widget.

STEP 0: DOWNLOAD THE TRAINING FILE

If you don't already have it, download AxureTraining.rp and open it up in Axure RP. This file contains pages corresponding to each of the tutorials on the Axure training site. We recommend always completing the tutorials using our prepared file, but if you can't, that's okay too—we'll always tell you what to build in a new file in order to complete each tutorial without using AxureTraining.rp.

STEP 1: SETUP

Open the page named "Show hidden widget" in the training document. There, you'll see an image widget and a speech bubble widget. (You can make an image circular by dragging the rounded corner control all the way to the center of the widget. To make a speech bubble widget, add a shape widget and then use the shape chooser to pick the speech bubble. You can move the tail of the speech bubble to the side by clicking and dragging its end point.)


Hide the speech bubble widget by clicking the "Hidden" checkbox in either the Style Toolbar or the Style tab of the Inspector.

STEP 2: ADD ONCLICK INTERACTION

Select the image widget. In the Properties tab, double-click "OnClick" to add a new OnClick case.


In the Case Editor, choose the action "Show". Under "Configure actions," choose the speech bubble widget.


Click "OK" to close the Case Editor.

STEP 3: PREVIEW

Preview the prototype. Click the image to reveal the speech bubble widget.

MORE RESOURCES

CORE TRAINING

Getting Started

Flow Diagrams

Static Wireframes

Interactive Prototyping

Collaboration

TUTORIALS

Interactive Button

Text Link

Show Hidden Widget

Navigation Menu

Tab Control

Lightbox

Flyout Menu / Custom

     Tooltip

Accordion Control

Account Login

Image Carousel

Auto-Tab Fields

Required Fields

Dynamically Set

     Droplist Options

Set Text with Droplist

Pass Text to Next Page

Full-Width Image or

     Banner

Scroll-Activated Sticky

     Header

Slider

Drag and Drop

Embed Media

Scrollable Table

Set Dynamic Panel State

     on Next Page

Table with Images

Terms and Conditions

MOBILE TUTORIALS

Swiping Slideshow

Scrolling Content

Sliding Menu

Toggle Switch

Animated

     Screen Transition

REPEATER

TUTORIALS

Basic Repeater -

     Dynamic Table

Sorting Rows

Filtering Rows

Adding, Deleting, and

     Updating Rows

Marking Rows

Advanced Repeater -

     Product Listing

Reference Pages

Advanced Filtering

Pagination

REFERENCE GUIDE