Tuto WEBDEV 25

Part 4: Internet site with data 157 • Import CSS styles into WEBDEV: This option imports the CSS styles into the WEBDEV project. Then, the styles can be modified in WEBDEV. • Use an external CSS style sheet: This option allows you to use an existing style sheet. This option must be chosen when a style sheet is defined for a company and when it must be shared between several sites (style book of company). 3. Select "Import the CSS styles into WEBDEV" and click "Next". 4. Select the "customstyles.css" file. This file is found in the directory "\Tutorial\WB\Exercises\ Full_WEBDEV_Site". The various styles found in the style sheet are displayed. • A preview of selected site is displayed on the right. Tip The rectangles of colors found in the preview are used to change the background color. This allows you to get a preview on another color than white. • The "class-" prefix means that it is a CSS class. This attribute means that this style will be applied to the elements with the HTML "class" attribute. 5. Keep all proposed styles and validate. The styles are imported and they are available in WEBDEV. Applying CSS styles We are now going to apply the different styles to the controls found in the "PAGE_Product_details" page. 1. Position on the "PAGE_Product_details" page. 2. Display the description window of "FSTC_Price" control that displays the product price (double- click the control).