Data Portal Style

11.0.7

V1.0

/

11.0.8

V1.1

/

11.0.8

V1.2

1. Added Portal Theme, allowing you to switch the portal theme with one click.

2. Allowed page configuration and component style to follow the theme.

3. Allowed component background of the image component to be built-in images.

11.0.8

V1.4

Allowed title to contain formulas in component style.

Follow Theme

In the Data Portal plugin V1.2 and later versions, four styles of portal themes are built in.

After Follow Theme is selected, the style of page background follows the style of portal theme.

For details, see section "Portal Theme".

Custom

Two styles of background can be set.

Color: You can customize a color.

Image: You can upload local JPG/PNG/GIF/BMP image files. These images are adapted to the component by default.

Component Title

Title Text

Not supported in a text component

Not supported in an image component

You can perform the following operations: 

Determine whether to display the component title.

Set the component title text.

Set the title font and font size.

Set the style of the title text: bold, italic, underline, color, and alignment.

The component title can contain formulas in the Data Portal plugin V1.4 and later versions (see below).

Title Style

Not supported in a text component

Not supported in an image component

You can perform the following operations: 

Set the background color of the component title.

Set the title icon before the component title.

Set the space between the component title icon and the text.

Title Style can be set to Predefine or Custom.

Predefine

Simple, Business and Fresh are available.

Custom

The background color and transparency of the component title can be set.

Component Background

Supported in all components

You can perform the following operations: 

Set the color and transparency of the component background.

Set the rounder corner size of the component.

Set the color and thickness of the component border.

Component Icon

Supported only in a report dynamics component

In the Data Portal plugin V1.2 and later versions, five styles of component icons are built in.

List Colors

Supported only in a bulletin board component whose Displayed Content is set to All

List Colors can be set in a bulletin board component when the component displays all announcements in the Data Portal V1.2 and later versions.

System Parameter

${fine_username}

${fine_position}

${fine_role}

${fr_username}

${fr_userposition}

${fr_authority}

${GETUSERDEPARTMENTS()}

${GETUSERDEPARTMENTS(X)}

${GETUSERJOBTITLES()}

Note:

You need to enclose formulas in ${} brackets.

Example:

${fine_username}

DATE Function

DATE, DATEDELTA, DATEDIF, DATEINMONTH, DATEINQUARTER, DATEINWEEK, DATEINYEAR, DATESUBDATE, DATETONUMBER, DAY, DAYS360, DAYSOFMONTH, DAYSOFQUARTER, DAYSOFYEAR, DAYVALUE, ENDOFMONTH, HOUR, ISWORKDAY, LUNAR, MINUTE, MONTH, MONTHDELTA, NOW, SECOND, TIME, TODATE, TODAY, WEEK, WEEKDATE, WEEKDAY, YEAR, and YEARDELTA

Note:

You need to enclose formulas in ${} brackets.

Example:

${now()}

Follow Theme

In the data portal plugin, six styles of mobile portal themes are built in.

If Follow Theme is selected, the style of page background follows the style of the portal theme.

For details, see section "Portal Theme."

1. Padding

You can set the top, bottom, left, and right padding of the page.

2. Component

• Round Corner: You can set component round corners.

• Space: You can set the space between components.

3. Top Navigation

You can determine whether to display the top navigation.

If this option is not selected, no top navigation is displayed for the second-level pages of the portal.

If this portal is used on the HTML5 terminal, you are advised to hide the navigation.

Custom

1. Two styles of background can be set.

Color: You can customize a color.

Image: You can upload local JPG/PNG/GIF/BMP image files. These images are adapted to the component by default.

2. Padding

You can set the top, bottom, left, and right padding of the page.

3. Component

• Round Corner: You can set component round corners.

• Space: You can set the space between components.

4. Top Navigation

You can determine whether to display the top navigation.

If this option is not selected, no top navigation is displayed for the second-level pages of the portal.

If this portal is used on the HTML5 terminal, you are advised to hide the navigation.