HTML Settings

 

General

 

Title

Title displayed on all pages

Note If you use Multi-Language (see ASP Settings), use Multi-Language Property Editor, see Tools for details.
Charset

Charset setting used in the META tag of the site and for exporting data.

Note If you use Multi-Language (see ASP Settings), this setting must be utf-8.
Font Default text font (not specified if not entered)
Size Default font size (pixel). Unit must be in pixel for working with Bootstrap (see below).
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. Registered version allows no logo.
Site footer text

Footer text (e.g. copyright statement)

Notes
  1. If you use Multi-Language (see ASP Settings), use Multi-Language Property Editor, see Tools for details.
  2. This setting is enabled in registered version only.

 

Theme

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

You can change the various properties of the selected theme to suit your style. The property name are self-explanatory.

Themes are intergrated with Bootstrap, you can customize Bootstrap properties directly in the Theme tab, scroll down to find the Bootstrap variables which start with "@".

To export custom theme settings, click the [Export theme] button to export the theme to an external xml file. To import custom theme settings from earlier saved xml files, click the [Import theme] button.

 

Notes

  1. 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.
  2. Bootstrap is a sleek, intuitive, and powerful front-end framework for faster and easier web development, to get started, checkout http://getbootstrap.com/.
  3. After changing theme properties, make sure you re-generate *.css files.

 

Styles

 

Edit styles

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

Note All projects use CSS stylesheet.

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

  1. 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.scss in the "themes" subfolder under the installed directory. Only modify the ew.scss if you have the necessary knowledges in Sass..

  2. 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.

  3. 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 Specify an 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".

 

 

 

 ©2006-2017 e.World Technology Ltd. All rights reserved.