Source view allows you to format your HTML source code for readability. This feature enables you to specify your own HTML source formatting rules. It overrides the default formatting that the editor applies when you edit a file in Page view or use a tool or menu item to generate code in Source view.
This feature is important if you use Page view to develop or modify your HTML files. Page view edits your HTML source code behind the scenes, then formats that code according to its own rules for indenting, new lines, and so on. Although this default formatting is generally adequate, it might differ from the coding style you want.
Source formatting options enable you to override the default formatting generated from Page view with your own code formatting rules.
If you select the Format Source option (on the Editors tab of the Options Properties dialog box), PowerBuilder automatically performs HTML source formatting in these cases:
When you switch to Source view from other HTML editor views after making changes
When you perform operations in Source view that generate code
Whether or not you check the Format Source option, you can invoke HTML source formatting manually at any time by selecting the Format Source command on the Source view pop-up menu.
If you prefer to format your HTML source code manually and keep it in that format, use Source view instead of Page view for all your editing, and do not select the Format Source command from the Source view pop-up menu.
To change the Source view display formatting:
Select Design>Options.
The Options Properties dialog box opens to the Editors page.
In the Windows list, highlight Source View.
Select the Format Source check box.
Type or select other options in the Editors panel.
Select an HTML tag or Script tag from the Tags list.
Select a radio button for the type of formatting you want for that tag.
Repeat the previous step for as many types of tags as you want to format and click Apply.
Select the Colors/Fonts tab.
In the Window list, highlight Source View.
Select a display element in the Types list.
Modify the display element colors and fonts as desired.
Repeat the previous step for as many display element types as you want to format, and click OK.
