O'Reilly logo

Prototyping Essentials with Axure Second Edition by Elizabeth Srail, Ezra Schwartz

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Example 2 – Hide and Show

A typical login control includes username and password fields and a few options such as "forgot password?". It is not necessary to display this section on the page at all times. Instead, the section can be invoked by a much smaller element, such as a button, which we will cover in this example.

Construction Strategy

Let's begin with the approach to the construction:

  • Position the LOG IN widget on the right end of the global navigation bar.
  • Design the login section, then convert it to a dynamic panel which is hidden by default. You could later add a state that handles the "forgot password?" option to the dynamic panel.
  • Finally, add the interaction on the login button which, when pressed, will make the login section visible. ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required