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.
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. ...