Web Attribute

Version

Function Description

You can choose Template > Web Attribute to set Basic, Printer (Server), Pagination Preview Setting, Data Entry Setting, Data Analysis Setting, Browser Background, CSS Reference, and JavaScript Reference, as shown in the following figure.

You can set Title and Report Cache Effective Time in Basic, as shown in the following figure.

Attribute	Content
Title	You can set the title displayed in the browser during report preview and the file name used for export. If you do not set the title, the file name of the report will be displayed. You can set fixed content, cell content, and global parameters, as shown in the following examples. Note: You can set global parameters, but you cannot set template parameters for Title. The global parameter and template parameter are defined according to their scopes. For details, see Types and Differences of Parameters. You can enter Attendance Record as fixed content on the title bar. The following figure shows the title in the browser. You can enter ${"Attendance Record of"+A2+fine_username} on the title bar. In the entered content, the content of cell A2 is referenced and the parameter fine_username is used. The following figure shows the title in the browser.
Report Cache Effective Time	The report can be stored in the cache after the initial opening, allowing you to invoke the report from the cache directly for the subsequent openings. Report Cache Effective Time is set to 0 milliseconds by default, indicating that the report is not stored in the cache.

You can add printer devices that can be searched on your computer, as shown in the following figure.

Pagination Preview Setting only applies to templates previewed in the Pagination Preview mode. For details, see Pagination Preview.

Data Entry Setting only applies to templates previewed in the Data Entry Preview mode. For details, see Data Entry Preview.

Data Analysis Setting only applies to templates previewed in the Data Analysis Preview mode. For details, see Data Analysis Preview(op=view).

The Browser Background setting includes No Background, Color, Texture, Pattern, Gradient Color, and Image. The setting method is similar to that in Report Background. For details about differences between the settings in Browser Background and Report Background, see Report Background.

Note:

The Browser Background setting cannot be previewed on mobile terminals.

During template creation, you can reference custom CSS files in templates.

Note:

You cannot reference CSS files on mobile terminals.

Select a CSS file in the project directory and click Add, as shown in the following figure.

Note:

1. You can only reference CSS files through the relative path. For example, if you reference the CSS file style.css in the project directory webroot\help\css, the relative path is help/css/style.css.

2. CSS files cannot be placed in the WEB-INF directory. If you place CSS files in the directory, the files cannot be read.

Select a widget, add After Initialization in Event for the widget, and reference CSS files in the template by JavaScript, as shown in the following figure.

The JavaScript codes are as follows:

$('<link rel="stylesheet" type="text/css" href="/webroot/help/css/test.css"/>').appendTo('head');//Reference the target CSS file to the head tag.

During template creation, you can reference custom JavaScript files in templates.

Note:

You cannot reference JavaScript files on mobile terminals.

Select the JavaScript file in the project directory and click Add, as shown in the following figure.

Note:

1. You can reference JavaScript files by the relative path. For example, if you reference the JavaScript file demo.js in the project directory webroot\help, the relative path is help/demo.js.

2. You can use the absolute path (for example, http://localhost:8075/webroot/decision) to reference JavaScript files.

3. JavaScript files cannot be placed in the WEB-INF directory. If you place JavaScript files in the directory, the files cannot be read.

Select a widget, add After Initialization in Event for the widget, and reference JavaScript files in the template by JavaScript, as shown in the following figure.

The JavaScript codes are as follows:

$('<script src="/webroot/help/test.js"></script>').appendTo('head');//References the target JavaScript file to the head tag.