To add a page, click on the “Add Child Page” button in the sitemap toolbar.

To rename a page, do a slow double-click on the page. You can rename pages safely without breaking links to the pages.

To delete a page, select it and click the “Delete Page” button in the sitemap toolbar.

You can also add, rename and delete pages using the context menu shown when you right click on a page or click the down arrow next to the page.

Drag and drop pages in the sitemap or use the arrow buttons in the sitemap toolbar to reorder pages in the sitemap. The organization of the sitemap does not affect interactions within the pages.

Double click on a page to open it for design in the Wireframe Pane.

For convenient access, open pages will have a tab in the Wireframe Pane's tabbed interface. The tabs can be dragged to reorder. You can see a list of open pages when you click on the down arrow next to the page tabs as well as options to Close All Tabs or Close Other Tabs.

The Sitemap is used to add, delete, and organize pages in your design. There's no limit to the number of pages you can add, but once you're over a couple hundred, we recommend looking for opportunities to divide the file.

Annotated wireframes are useful for visually communicating the layout and functionality of an application or web site. Learn how to create, organize, and setup your pages, design using widgets, and annotate your wireframes.

Widgets are user interface objects used to design your wireframes. The Widgets Pane contains a library of commonly used objects such as buttons, images and text panels.

In addition to the default set of widgets, you can create your own custom widget libraries or download shared libraries to load into the Widgets Pane. To learn

more about custom widgets visit Custom Widget Libraries.

To select a library click on the dropdown menu and choose the library. The widgets in that library will display in the widgets pane. To view all the widgets in all of the loaded libraries select “All Libraries”.

To search across the current library, click the search icon and type into the text field.

To add a widget, drag and drop the widget from the Widgets Pane onto the Wireframe Pane. You can also copy and paste widgets from one wireframe to another.

To move a widget, drag and drop them into place or use the arrow keys to nudge.

To size a widget, drag the handles that surround the widget. You can also use the Location and Size (located in the editor toolbar and the Widget Properties pane) to specify the exact location and size.

You can also select multiple widgets to move and size them at the same time.

There are several ways to edit the styles and properties of widgets:

          Double-click: Double-click the widget to edit the most commonly

          edited property of that widget. For example, double-clicking on an

          image widget opens a dialog to import an image, and double-

          clicking a droplist opens a dialog to add droplist items.

          Editor toolbar: Use the buttons in the toolbar above the Wireframe

          Pane to edit widget styles like font name, font size, font style, font

          color, fill color, line color, location and size, etc. You can also select

          multiple widgets and use widget layout tools like group, order,

          align, and distribute.

         Formatting tab in the Widget Properties Pane: Edit widget styles

          and properties. You’ll find options for location and size, font,

          alignment and padding, style, ordering, and fills, lines, and borders.

          Context menu: Right-click on a widget to display the context menu

          with additional widget-specific properties. These properties vary

          depending on the widget.

Select multiple widgets and right-click to use the context menu to group, order, align, distribute or lock widgets. You can also use the toolbar buttons above the wireframe pane.

You can edit a widget within a group without affecting the others in that group by selecting the group and clicking on the desired widget.

The Format Painter allows you to copy the formatting properties from one widget and selectively apply them to other widgets. It acts like a clipboard for formatting properties.

To copy the formatting from a widget, select the widget in the wireframe and click on the Format Painter button in the Editor Toolbar (the paintbrush icon). This opens the Format Painter dialog with the widget's properties applied. If the dialog is already open, selecting a widget and clicking Copy in the dialog will also copy the formatting to the Format Painter.

You can choose which of the properties you want to apply by selecting and unselecting the checkboxes next to the properties. Then, to apply the formatting to other widgets, select the widgets in the wireframe and click Apply in the Format Painter.

You can keep the Format Painter dialog open while you’re working on the wireframe to quickly copy and apply formatting from widget to widget.

The "Selected Contained Mode" is similar to Visio and only selects the widgets entirely contained in the selection area. 

Annotations allow you to add notes to your widgets and can be used to clarify functionality in your design. Widgets that have annotations or interactions have a yellow numbered footnote displayed in the top right corner of the widget. To hide the footnotes, un-check “Show Footnotes” under Wireframe in the main menu.

Select a widget in the wireframe pane and type notes into the fields in the Annotations tab of the Widget Properties Pane to the right.

Tip: It's good practice to label widgets in the Label field at the top of the Widget Properties Pane. This is particularly helpful to find and identify the widgets when defining interactions that affect them.

You can also copy and paste annotations from one widget to another. To do this, select the widget with the annotation and Copy the widget (Ctrl/Cmd + C). Then, select the widget(s) you want to paste the annotation to, right-click on the widgets and choose Paste Special -> Paste Annotation from the context menu.

Choose Wireframe -> Customize Annotations Fields and Views in the main menu, or click the “Customize” link in the Annotations tab of the Widget Properties Pane to open the Customize Fields and Views dialog. In this dialog, you can add, remove, and reorder the fields. You can also add new Views to create different sets of Annotation fields for different audiences.

To renumber the footnote number of a widget, right-click on the widget and choose Footnotes -> Decrement/Increment Footnote.

You can also type a footnote number in the footnote field next the Label field in the Widget Properties Pane. The footnotes numbers are sequential so the number you enter needs be less than the total number of widgets with footnotes.

Now, you can create and organize pages in the Sitemap, design your wireframe using widgets, and annotate your wireframes. Next up, page properties.

There are two selection modes in Axure RP, "Select Intersected Mode" and "Select Contained Mode". These are located in the Editor Toolbar (PC Version: located to the right of the Zoom level. Mac Version: located in the top left corner).

The "Select Intersected Mode" is the default. When you create a selection area by clicking and dragging your cursor, any widget that intersects the selection area will be included.

You can assign radio buttons to a radio group by right clicking on the radio buttons and using Edit Radio Button->Assign Radio Group. In the prototype, only one radio button within a group can be selected at a time.

Similarly, button shapes and images can be assigned to Selection Groups. When one widget in a selection group is set to its selected

state, the other widgets are automatically set to their default states. You

can learn more about selected styles in the article Widget Styles.

The Widget Style Editor allows you to edit default widget formatting and create custom styles to centrally manage formatting for widgets (similar to styles in Word).

To open the Widget Style Editor, click on the Widget Style Editor button in the Editor Toolbar (the “A” icon next to the dropdown that contains “Default” as the applied style).

Editing the default widget formatting affects all widgets of that type. When you drag a widget from the Widgets Pane, it will create a widget with the formatting of the default style.

Create custom widget styles to quickly apply consistent formatting to widgets. You can choose which properties will override the default style.

To apply a custom style to a widget, use the droplist located at the very left in the Editor Toolbar.

Editing a custom style in the Widget Style Editor will affect the formatting of all widgets with that style applied.

Still need help? Check out the forum or drop us a line at support@axure.com.

© 2002-2012 Axure Software Solutions, Inc. All rights reserved.

The Round Up

Sitemap

Add and Delete Pages

Organize Pages

Open Pages for Design

Widgets

Choose and Search Widget Libraries

Add, Move, and Size Widgets

Edit Widget Styles and Properties

Work with Multiple Widgets

Radio Groups and Selection Groups

Widget Style Editor

Format Painter

Change Selection Modes

Annotations

Add Annotations

Customize Annotation Fields

Renumber Footnotes

Organize and build

Annotated Wireframes