Axure Docs
  • Axure RP Reference
  • Axure RP Tutorials
  • Axure Cloud Reference
  • Axure Support
  • Download

›The Repeater

Installing and Activating RP

  • Activating Axure RP
  • Installing on macOS
  • Installing on Windows

Getting Started

  • Getting Started Video
  • The Axure RP Environment
  • Viewing and Sharing Your Prototypes
  • Keyboard Shortcuts
  • Auto-Saved Backup Files

Working with Widgets

  • Organizing Widgets
  • Widget Groups
  • Styling Widgets
  • Widget Libraries
  • The Grid, Guides, and Snapping

Basic Widgets

  • Buttons, Shapes, & Text
  • Images
  • Hot Spots
  • Lines & Arrows
  • Dynamic Panels
  • Inline Frames
  • Text Fields & Text Areas
  • Droplists
  • List Boxes
  • Checkboxes
  • Radio Buttons
  • Trees
  • Tables
  • Classic Menus
  • Snapshots

Working with Pages

  • Managing Pages
  • Styling Pages

Masters

  • Creating and Using Masters
  • Master Views
  • Raised Events

Introduction to Interactions

  • Events, Cases, and Actions
  • List of Events
  • List of Actions
  • Text Links
  • Style Effects
  • Animations

Advanced Interactions

  • Variables
  • Conditional Logic
  • Math, Functions, and Expressions
  • Selection Groups
  • Move Action Boundaries

The Repeater

  • Repeaters
  • Dynamically Adding Rows
  • Dynamically Deleting Rows
  • Updating Rows
  • Marking Rows
  • Sorting Rows
  • Filtering Rows
  • Pagination

Adaptive Views

  • Adaptive Views

Documenting Your Prototype

  • Page and Widget Notes
  • The Word Specification
  • Printing

Flow Diagrams

  • Flow Diagrams
  • Flow Connectors

Publishing Your Prototype

  • The Prototype Player
  • Customizing the HTML Output
  • Web Fonts and Font Mapping

Team Projects

  • Creating and Sharing Projects
  • Working with Team Projects
  • Team Project History
  • Troubleshooting Team Projects
  • Upgrading Projects to RP 9

Marking Repeater Rows

In this tutorial, you'll learn how to mark rows, both visually and programmatically, to be worked with later.


Note

Click here to download the completed RP file for this tutorial.

1. Widget Setup

  1. Open a new RP file and open Page 1 on the canvas.

  2. Drag a repeater widget onto the canvas and double-click it to edit its item.

  3. Drag a checkbox widget onto the canvas and place it to the right of the rectangle.

  4. Set the checkbox label's text to Mark Row.

2. Mark the Row When the Checkbox Is Checked

  1. Select the checkbox widget and click New Interaction in the Interactions pane.

  2. Select the Selected event in the list that appears, and then select the Mark Rows action.

  3. Select the repeater widget in the Target dropdown.

  4. Leave the This radio button selected and click OK to save the action.

3. Unmark the Row When the Checkbox Is Unchecked

  1. With the checkbox widget still selected, click New Interaction in the Interactions pane again.

  2. Select the Unselected event in the list that appears, and then select the Unmark Rows action.

  3. Select the repeater widget in the Target dropdown.

  4. Leave the This radio button selected and click OK to save the action.

  5. Click Close at the top-right of the canvas or press ESC to close the repeater's item.

4. Delete All Marked Rows with a Button Click

  1. Drag a button widget onto the canvas and set its text to Delete Marked Rows.
  1. With the button selected, click New Interaction in the Interactions pane.

  2. Select the Click or Tap event in the list that appears, and then select the Delete Rows action.

  3. Select the repeater widget in the Target dropdown.

  4. Select the Marked radio button and click OK to save the action.

5. Preview

  1. Preview the page and check the boxes for a few of the repeater rows.

  2. Click the "Delete Marked Rows" button to delete the checked rows.

← Updating RowsSorting Rows →
  • 1. Widget Setup
  • 2. Mark the Row When the Checkbox Is Checked
  • 3. Unmark the Row When the Checkbox Is Unchecked
  • 4. Delete All Marked Rows with a Button Click
  • 5. Preview
Axure Docs
Stay Connected

Sign up to receive Axure tutorials and news. You can unsubscribe at any time.

Axure
TourEnterpriseCompanyDownloadPurchase
Legal
Customer AgreementPrivacy PolicyGDPRSecurityPatents
Resources
BlogForumLicense PortalAxure Cloud
Support
Learn and SupportGetting StartedReferenceWidget LibrariesAxure RP 8 Documentation and Tutorials
Copyright © 2002–2021 Axure Software Solutions, Inc. All rights reserved. Axure® is a registered trademark of Axure Software Solutions, Inc.