Customizing AlphaSportsWeb

Changing Styles

You can change the appearance of the AlphaSportsWeb application by changing the underlying Cascading Style Sheets.

Open the Web Projects Control Panel.
Select Edit > Web Component Style Sheets... .
Select the style sheet you would like to edit and click Open.
Refer to Webform Style Builder for more detailed instructions.

If you wish to use a different style sheet for a dialog component:

Open the dialog component in the Dialog Builder.
Display the Form > Properties menu.
Click in the Layout Options > Style name property to select a different style sheet.

If you wish to use a different style sheet for a grid component:

Open the grid component in the Grid Builder.
Display the Grid > Properties menu.
Click in the Layout Options > Style name property to select a different style sheet.

If you wish to use a different style sheet for a navigation component:

Open the navigation component in the Navigation System Builder.
Display the Navigation System menu.
Click in the Root Settings > Style property to select a different style sheet.

Many pages contain style overrides. You also can change these settings. The ASWUSERLIST.A5W page contains a typical example of a style override.

Open the A5W page in an editor.
At the top of the page is a line of Xbasic that sets the variable pgstyle to the name of a CSS style. You can change the style here.

pgstyle = "winxp2" 'override page styles

Alternatively, look for the section between <head> ... </head> tags after a line of Xbasic that contains a call to a5w_load_component(). You will see a section of code similar to the one below. Here you could set the style_name property to the name of a CSS style. From this:

with tmpl_NAV_INT

...

style_name = pgstyle ' override style

...

end with

to this:

with tmpl_NAV_INT

...

style_name = "winxp2"

...

end with

Other Grid Component Modifications

There are a number of other grid properties that you can easily modify that will change its appearance.

Property	Description
Grid > Fields > Display Settings > Display format	This property defines currency and date display formats.
Grid > Fields > Summary values	This set of properties enables the calculation and display of column summaries.
Grid > Fields > Column Properties > Column heading	This is the caption that appears above a column or to the left of a row.
Grid > Fields > Column Properties > Cell in-line style	This property specifies new style settings that override the style settings of the cascading style sheet.
Grid > Properties > Layout Options > Rows of data	This property sets the number of rows that appear in a grid.
Grid > Properties > Layout Options > Font size	Changing the default value of "Medium" to "Smaller" reduces the point size of the text and makes the grid smaller.
Grid > Properties > Shading and Dividers > Alternate row shading	Setting this property to TRUE causes alternative grid rows to have different colors.
Grid > Properties > Record Navigator > Record navigator layout	Use the Record Navigator Designer to restyle the navigation controls used by your grid.
Grid > Properties > Quick Search > Has Quick Search	The Quick Search feature is a fast and efficient way to help users find records in your grid.
Grid > Properties > Customization	This set of grid properties modifies the: "No records found" and "Total records" messages HTML that appears between grid rows. Properties of the <table> tag underlying the grid.
Grid > Properties > Summary value options	This set of grid properties define the labels and style properties associated with summary fields (if you have defined any).
Grid > Properties > Show on last page only	By default column summary fields appear on each page of the grid. This property causes them to appear only on the last page of the grid.
Grid > Properties > Freeform Edit Regions	This set of grid properties modifies allows you to define HTML that will appear above, below, to the left, and to the right of the grid. This benefit of this feature is that it allows you to associate specific page content with the grid, no matter what page it appear upon.
Grid > Update Settings > Permissions > Number of new record rows	This property defines the number of blank new record rows that appear in the grid when the user is allowed to add records.
Grid > Update Settings > Permissions > Show new records on last page only	By default new record row(s) appear on every page of the grid. This property causes them to appear only on the last page of the grid.
Grid > Update Settings > Validation	This set of grid properties modifies the: Text that appears in error messages when field validation errors occur. The instruction message that explains to the user how to correct an error. The column labels that appear above the row(s) of validation error messages.
Grid > Update Settings > Customization	This set of grid properties modifies the: Text label of the Submit button. Text label of the Delete checkbox. Text label of the Cancel button. Whether a Cancel button appears.

More Consequential Modifications

There are a number of more consequential modifications that you will want to make after you have carefully considered your application requirements.

Property	Description
Grid > Fields > Column Properties > Security level	This property sets the minimum access level (stored in session.__protected__SecurityLevel ) that the user must have to see a grid control.
Grid > Update Settings > Permissions > Allow delete	Set this property to FALSE to prevent users from deleting records.
Grid > Update Settings > Permissions > Allow update	Set this property to FALSE to prevent users from modifying records.
Grid > Update Settings > Permissions > Allow insert	Set this property to FALSE to prevent users from adding new records.
Grid > Update Settings > Permissions > Delete Security Level	This property sets the minimum access level (stored in session.__protected__SecurityLevel ) that the user must have to delete a record, even when delete record functionality is enabled.
Grid > Update Settings > Permissions > Update Security Level	This property sets the minimum access level (stored in session.__protected__SecurityLevel ) that the user must have to modify a record, even when update record functionality is enabled.
Grid > Update Settings > Permissions > Insert Security Level	This property sets the minimum access level (stored in session.__protected__SecurityLevel ) that the user must have to add a record, even when insert record functionality is enabled.