Axure Tutorial: Left Navigation Adapt to the Height of the Browser Window
Adaptive browser window height means that when the browser width and height change, the controls matching the window size will be displayed. This time I share the method of using Axure to realize the left navigation adaptive browser window height. I hope it will be helpful to you.
Features to be Realized
When the browser height changes, the height of the left navigation changes with the browser.
How to Realize these Feature
Set the interaction event when the window resized. The height of the left navigation is equal to the height of the window.
1. Drag a dynamic panel into the canvas, adjust the width to the width of the left navigation, and make height arbitrary, as a container for left navigation;
name the dynamic panel left Nav Bar.
2. Set the background color of the dynamic panel to the desired color.
3. Move the dynamic panel to the upper left corner of the canvas (0, 0).
Set the height of the Left Nav Bar equal to the [[window.height]] when the window resized.
In this way, all the settings are completed. If you have any questions and suggestions, please leave a message.
Well Joe @AxureBoutique, a technical writer and teacher, focuses on Axure prototype design and product design.