Tool for Converting FRM Dashboards into Visual Dashboards

11.0.22

/

11.0.22

V4.2.0

FRM mobile App Re-layout and Component Order configuration supported conversion to FVS. For details, see section "Notes."

Widget

• Button Widget

• Password Widget

• Number Widget

Difference

FVS currently does not support data entry. Data entry widgets, for example, password widgets, are not available.

Solution:

• The button widgets can be replaced by title components.

• Password widgets can be implemented in general reports and then used in FVS by embedding the general report via FVS iFrame Component.

• The number widgets can be replaced by text widgets.

• Before Editing Event

• After Editing Event

Difference:

FVS has been optimized based on application scenarios and usage frequency to simplify user understanding. Component triggers no longer distinguish between events before and after editing. Only the Edit End events are retained.

Solution:

The Edit End event can be used to replace the function.

Icon Color

Difference:

The widget icon color adopts the theme color of the converted FVS template.

Solution:

You can set the icon color in FVS Template Style Management.

Tab Component

• Click Event

• After Initialization Event

Difference:

FVS has been optimized based on application scenarios and usage frequency. Tab components only support the tab switching events.

Solution:

If you need to configure interactions for components within a Tab, you can add click events to the corresponding components.

After initialization events can be replaced by loading end events

Tab Button Expansion Style on Mobile Terminals

Up Menu Style, Down Menu Style, Sliding Style, and Row Style.

Difference:

Tab component Style can be set to Sci-fi, Inline Style, and Underline in FVS dashboards.

Solution:

Manual adjustments are required with the Style and Position settings.

Mobile Dot Indicator

Difference:

In FVS, the function has been changed and named to Navigation, without distinguishing between PC and mobile terminals.

Solution:

You need to manually tick the Enable Navigation button.

Padding and Interval settings in the Tab component on PC

Difference:

Components in a Tab can be freely dragged and put with no need to set the padding and interval in FVS dashboards.

Solution:

You can drag the component to an appropriate position.

Mobile Terminal

Component Navigation

Difference:

For FVS of versions before V3.1.0, this function is not supported.

Refresh when the page is re-displayed

Difference:

Due to product implementation differences, this function is not currently compatible with FVS dashboards. However, the specific use of the template remains unaffected.

Allow Double-click/Pinch to Zoom

Difference:

Only the table components in FVS dashboards support this function. Future versions will gradually add support for this function.

Prompt Upon Leaving Without Data Submission

Difference:

FVS dashboards do not support the Data Entry function currently. Future versions will gradually add support for this function.

Solution:

You are advised to embed a general report within the data entry page for creation.

Absolute Canvas

• After Initialization Event

• Click Event

Difference:

The absolute canvas is an empty container. FVS has been optimized based on application scenarios and usage frequency by removing the interaction event settings for the absolute canvas.

Solution:

Components in an absolute canvas can be configured.

After initialization events can be replaced by loading end events

Template Configuration

Widget Display Enhancement

Difference:

The style settings corresponding to widget enhancements are largely covered in FVS dashboards.

Solution:

Manual adjustments are required.

Opening Effect

Difference:

The effect needs to be manually adjusted under Template Setting > Loading Effect in FVS dashboards.

Theme Style

Difference:

Only styles already applied to components are supported for conversion.

Solution:

Manual configuration is required.

JavaScript Event

Difference:

The calling APIs for FVS templates and FRM reports are different.

Solution:

You need to manually set the API to duchamp.xxx.

Chart Title

Difference:

Differences exist in the chart title logic between FRM reports and FVS templates.

Solution:

You need to manually add the chart title.

Parameter Panel

Difference:

The parameter panel will be automatically converted into a query panel in FVS templates, which will be displayed on the left side of the canvas.

To achieve a similar effect of having the parameter panel at the top, you can simply add the corresponding widgets in the canvas.

The data entry submission event is used.

Secondary development functions are used

You are advised to check whether FVS provides an alternative solution; if no alternative is available, you are advised to continue using the FRM template.

Container nesting is used:

• Two or more layers have been nested in an absolute canvas.

• More than three layers have been nested in a Tab component.

Components within the container need to be copied and pasted into the FVS template.