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

AXURE

RESOURCES

LEGAL

CONNECT

EMAIL

 

SET TEXT WITH A DROPLIST

Dynamically set text on a widget based on a selection made in a droplist.

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: GET STARTED

In AxureTraining.rp, open the page named “Set Text with Droplist”.


The droplist on this page is used to select a shirt size, which will then be displayed on the rectangle widget above the “Shirt” custom shape widget.


Click the rectangle widget to select it. In the field at the top of the Inspector, name the widget “Size label”.

STEP 2: CREATE SET TEXT ACTION

Click the droplist to select it. In the Properties tab, double-click "OnSelectionChange" to add a new OnSelectionChange case.


In the left column, click the action “Set Text”.


In the right column, check “Size label (Rectangle)”.


At the bottom of the column, change the “Set text to” dropdown to “selected option of”.


Leave the second dropdown set to “This”.


Click "OK" to close the Case Editor.

STEP 3: PREVIEW

Click Preview.


Change the droplist selection to change the “tag” size on the shirt.

MORE RESOURCES

CORE TRAINING

TUTORIALS