Tuto WEBDEV 25

318 Part 8: Responsive Web Design ▶ Run the page test ( among the quick access buttons). • The page appears in test as it was in the editor in Desktop mode. • Reduce the size of your browser. • The area on the left of search button is reduced while the area on the right remains the same. ▶ Close the browser. Size anchors ▶ Let’s now study the size anchors. 1.  In the PAGE_Anchor page, select the edit control named "Search" beside the search button. 2. Display the popup menu (right mouse click) and select "Anchor". 3.  The window for anchor management is displayed. ▶ Let’s study the different possibilities: • For the anchors in width, the options are as follows: • Fixed width: the control keeps its dimensions defined in the editor. • Fit to content and pull other controls: the control width adapts to content. In this case, you have the ability to specify the minimum width and the maximum width. • Enlarge or reduce like the browser: the control width is modified proportionally to the browser width. In this case, you have the ability to specify the minimum width and the maximum width. • For the anchors in height, the options are as follows: • Fixed height: the control keeps its dimensions. • Fit to content and pull other controls: the control height is adapted to content. In this case, you have the ability to specify the minimum height.