HTML Settings

HTML Settings

General

Title	Title displayed on all pages. Note: If you want to use special characters, use HTML entities such as "&#euro;", or you can enter unicode caption using Unicode Property Editor, see Tools for details.
Charset	Charset setting used in the META tag of the site and for exporting data. It must be compatible with CodePage (see ASP.NET Settings). If you use Multi-Language (see ASP.NET Settings), this setting must be utf-8.
Font	Default text font
Size	Default text size
Site icon	Icon of the site. For browsers to show your URL with an icon. Must be an .ico file.
Site header logo	Logo image in the header Note: This setting is enabled in registered version only.
Site footer text	Footer text (e.g. copyright statement) Notes: If you want to use special characters, use HTML entities such as "&#euro;", or you can enter unicode caption using Unicode Property Editor, see Tools for details. This setting is enabled in registered version only.

Theme

ASP.NET Maker provides over a dozen of themes for you to setup the look and feel of your project quickly.

You can change the various settings in a theme to suit your style: (See Note 1 below)

Site Header
Background color	Background color
Text color	Text color
Site Left column
Background color	Background color
Text color	Text color
Site Footer
Background color	Background color
Text color	Text color
Site Header
Background color	Background color
Text color	Text color
Site Body
Background color	Background color
Text color	Text color
Link color	Hyperlink color
Visited Link color	Visited hyperlink color
Active Link color	Active hyperlink color
Table Header
Background color	Background color
Background image	Background Image (See Note 2 below)
Border color	Border color
Text color	Text color
Table Body
Row color	First alternate row color
Row Text color	First alternate row text color
Alternating row color	Second alternate row color
Alternating row Text color	Second alternate row text color
Edit row color	Background color for row in edit mode (for Inline-Add/Copy/Edit only)
Edit row Text color	Text color of the row in edit mode
Highlight row color	Color when mouse cursor is over the row
Highlight row Text color	Text color of the highlighted row
Selected row color	Color when row is selected (by mouse click or selected for delete)
Selected row Text color	Text color of the selected row
Table Footer
Background color	Background color
Text color	Text color
Grid
Padding	Padding of table cells in the grid
Border width	Grid border width
Border color	Grid border color
Grid Lines
Width	Grid line width
Color	Grid line color
Show	Show/Hide Grid lines (Both, Horizontal, Vertical or None)
Grid Pager Panel
Background color	Background color
Text color	Text color
Tab
Background color	Tab background color
Background image	Tab background image
Highlighted tab background color	Highlighted tab background color
Highlighted tab background image	Highlighted tab background image
Selected tab background color	Selected tab background color
Selected tab background image	Selected tab background image
Selected tab text color	Selected tab text color

Notes:

Changing a setting in the user interface does not change the corresponding setting in the theme definitions, it only changes the setting for the project. The theme definition files (in XML format) are installed in the subfolder "themes" under the installation folder. You can easily add your own themes by duplicating one of the theme definition file (except the theme.xml which is for defining the settings and data type in a theme), rename it and modify the settings in the file, just make sure you give your theme an unique theme name.
If you use background images, just enter the file name. All background images should be placed in the "themes\_images" subfolder for the user interface to show HTML preview. The images should also be placed in the "images" folder in the template so they will be copied to the destination folder.

Styles

Edit styles

A separate CSS stylesheet will be generated for each project. Click the [Edit styles] button to open CSS editor.

Notes:

All projects use CSS stylesheet.
If you have TopStyle Pro (v1.5+) or TopStyle Lite (v1.5-3.1) installed on your PC, ASP.NET Maker will use it automatically.

When you edit the CSS styles in the editor, note the follows:

DO NOT MODIFY the system styles section, it is generated by the system, your modifications will be overwritten. If you want to change the stylesheet template, modify the ew.css in the "themes" subfolder under the installed directory. Only modify the ew.css if you have the necessary knowledge in CSS.
DO NOT REMOVE THE FOLLOWING COMMENTS:

BEGIN_USER_STYLES
END_USER_STYLES

You MUST write your styles between these two comment lines, styles outside this user styles section will be discarded.
If you want to override the system styles, you can copy the styles to the User Styles Section, or you can use a separate user stylesheet.

User Stylesheet

Linking to external user stylesheet (will be copied across during generation)

You can see the effect of new settings immediately in the preview window at the bottom of the HTML tab.

Other than choosing color from the palettes, the color picker can also pick color directly from screen using the "eyedropper".