Scrolling Text Plugin

Version

Application Scenario

Regarding large-screen displays and general conference presentations, scrolling texts have always been a common requirement. However, it may be troublesome for you to implement them through codes and existing widgets. In this case, you can easily achieve the effect of scrolling subtitles through the Scrolling Text plugin.

Function Description

To use this plugin, the JDK version must be V1.8(minor version: JDK8u102 or above).

This plugin only supports dashboards.

You can hover your cursor over the scrolling subtitle on the PC to pause the scrolling. This feature is not supported on mobile terminals.

Plugin Installation

You can obtain the plugin at Scrolling Text.

For details about how to install the plugin in the designer, see Designer Plugin Management.

For details about how to install the plugin on the server, see Server Plugin Management.

Procedure

After installing the plugin, drag the Scrolling Subtitle widget into the body of the dashboard design on the widget management panel.

Attribute Setting

The following figure shows the widget attribute settings panel where you can add subtitles and adjust styles.

Style

Click the ... button on the right side of Style to open the style setting box. You can set the style of the scrolling subtitles, including the rendering style, border attribute, and body background.

Note:

You can only set Render to Common for mobile terminals.

Widget Value

Click the ... button on the right side of Widget Value to open the rich text editor. You can directly enter the content of the scrolling subtitle.

The widget value also allows you to dynamically obtain data, as shown in the following figure.

The formula sum(report0~B1) in the figure is used to reference the data in the cells of the report block and summarize the data.

Scrolling Direction

There are four scrolling directions (Left by default).

4. Scrolling Speed and Scrolling Gap

You can customize the scrolling speed of subtitles and the gap between different scrolling texts.

The default scrolling gap is 0. In this case, texts will be scrolling repeatedly. The following figure shows the effect.

If the scrolling gap is 50 px, the text will be scrolling repeatedly with a 50 px gap. The following figure shows the effect.

Template Preparation

Open the built-in template in the path %FR_HOME%\webapps\webroot\WEB-INF\reportlets\demo\Dashboard\Retail Groups Monitoring_mobile.frm.

Alternatively, download the template Retail Groups Monitoring_mobile.frm and open it in the designer.

Component Adding

Insert the scrolling text widget between the report block report1 and the chart block chart0, as shown in the following figure.

Subtitle Adding

Click the ... button on the right side of Widget Value and enter the subtitle Trend: Black Friday Discount!  !  ! in the rich text editor. Then set the font to Perpetua and the font size to 16.

Widget Style Setting

Click the ... button on the right side of Style, select Color from the drop-down list of Body Background, and select the sky blue.

Component Display Order Adjustment

Components are displayed in the component order already set for the original template during preview on mobile terminals. Therefore, you need to move the scrolling text widget to the second position, as shown in the following figure.

Effect Display

Save the template and click Mobile Preview. The following figure shows the subtitle effect.

You can download the completed template: (Completed) Retail Groups Monitoring_mobile.frm.