Overview
This document is applicable to users who have installed the FineVis Data Visualization plugin to learn plugin functions.
Version
Report Server Version | Plugin Version | Functional Change |
11.0 | V1.X | For details, see FVS Title Component (Earlier Version). |
11.0.16 | V2.1.0 | Allowed you to use the font fuzzy search function to set fonts more easily and conveniently. |
| 11.0.22 | V2.7.1 | Allowed you to select the Dynamic option in the title content and bind the dataset fields to the component directly. |
| 11.0.22 | V3.4.0 | Added Vertical Alignment under Content > Layout. For details, see section "Content Style." |
Function Description
The title component is commonly used for creating the title content of a component or a single line of text description.
You can set the gradient color, text shadow, layout, letter spacing, and other effects for the title content through configuring the component.
You can achieve the text shadow effect by ticking Enable Shadow in FVS Component Style and Attribute, as shown in the following figure.
You can also use the component as a button to set click events, like FVS Click to Switch Pages. The following figure shows the effect.
Note:This document only introduces the unique functions of the title component.
For details about component interactions, see FVS Component Interaction Attribute.
For details about the component animation, see FVS Cross-page Component Animation.
For details about the component style, see FVS Component Style and Attribute.
Component Adding
1. Choose File > New FineVis Visualization Dashboard in the upper left corner of the designer to create a blank FVS dashboard, as shown in the following figure.
2. Choose Other > Title in the component area to add the title component to the page, as shown in the following figure.
Content Style
This section introduces the attributes of Title Content and Content Style, as shown in the following figure.
The following table shows the configuration items for the component content.
Note:Settings | Description |
Title Content | You can select String or Dynamic when entering the content. 1. String: You can directly enter the text. · The set text content is displayed in a single line, and the line breaks are not supported. · Texts that exceed the display range are truncated and not displayed. 2. Dynamic value: You can select the binding dataset fields or enter formulas. For details, see FVS Dynamic Value. |
Font | You can set the font of title texts. Note: In FineVis Data Visualization plugin 2.1.0 and later versions, you can use the fuzzy search function to find the needed font quickly. |
Style | You can set the bold, italic, underline, and font size for title texts. Note: |
Color | You can set Color to Solid or Gradient for title texts. 1. Solid 2. Gradient You can click one of the color markers on either side to open the color setting page, select a color, and adjust the gradient angle to achieve different gradient effects. The following figure shows the effect. |
Text Shadow | After ticking Enable Shadow Effect, you can add multiple shadow effects. You can click the Add Shadow button to open the shadow setting box where you can set the name, offset, blur, and color for the shadow. If multiple shadows exist, the shadow at the bottom of the list is displayed on the outermost layer. You can adjust the shadow order by dragging and dropping the shadow. The following figure shows the effect.
|
Layout | Arrangement: You can set Arrangement to Horizontal or Vertical for the title. The following figure shows the effect.
|
Horizontal Alignment: You can set the horizontal alignment of the component content to Align Left, Center, or Align Right. Vertical Alignment: You can set the vertical alignment of the component content to Align Top, Align Middle, or Align Bottom. Note: | |
Letter Spacing | You can set the letter spacing for the title. The display effect is shown in the following figure.
|
Word Spacing | You can set the word spacing for the title and manually add spaces to separate words when entering the title content. Then the set spacing is displayed between words that are separated by spaces. The following figure shows the effect.
|
Marquee Effect
You can tick Enable Marquee Effect to scroll texts as a whole, as shown in the following figure.
The following figure shows the preview effect.
Notes
Obscured Italic Text on the Right
Problem
If you set Horizontal Alignment to Align Right or Color to Gradient for the title content (shown in the following figure), the rightmost title text content is partially obscured, as shown in the following figure.
Solution
You can manually add a space at the end of the title content.
Template Download
For details, you can download the template: FVS Title Component Example.fvs.
Previous：FVS Table Component
