Tuto WEBDEV 25

Part 7: Specific Web features 295 Overview WEBDEV allows you to manage two types of anchors: • The anchor to content: An anchor to content is used to define the behavior of control or area when modifying its content. Will the control keep the same size? Will it adapt to its content? • The browser anchor: A browser anchor is used to define the behavior of a control or area when resizing the browser. Will the control be enlarged? Will it move? The browser anchor is used to define the behavior of pages during the display on specific resolutions (tablets, phones, ...). The anchors can be easily implemented via an option found in the popup menu of controls. Let’s play with anchors right now with an example. In this lesson, we will use browser anchors only. We are going to create a project containing a page used to implement the browser anchors and to present their benefits. ▶ To create a project in WEBDEV: 1. Start WEBDEV (if not already done). 2. Display the WEBDEV home page if necessary (Ctrl + <). 3.  In the home page, click the "Create a project" button and select "Site". The project creation wizard starts. 4. Keep the default options of the different steps of the project creation wizard, until you reach "Description - General information". 5.  Type the project name ("Anchors") and validate the different steps of the wizard with the default options. Answer A corrected example can be accessed at any time to check the validity of operations performed. To open this corrected project, in the home page, click "Tutorial" and select "Anchors (Answer)". Creating a page in zoning mode ▶ To create a page used to implement the management of anchors: 1. Create a new blank page. • In the new element window, click "Page" then "Page". Remark: To display the window for creating a new element, click among the quick access buttons. • The page creation wizard starts. • Click "Blank" and validate the wizard. 2.  The window for saving the page is displayed. 3. Enter "Anchors" as title. The name ("PAGE_Anchors") is automatically proposed. 4. Validate.