This topic describes how to use the One-click beautification function of DataV. The One-click beautification function allows you to quickly adjust the layout of your project and use built-in styles to enrich the content of your project. This provides an easy way to design the overall style of your project.
Procedure
- In Canvas Editor, click Beautify Toolbox in the toolbar.
- In the left pane, click the One-click beautification tab.
If the One-click beautification function is not enabled, you can click the
icon or Quick Applied to enable this function.
Note You can click
on the left of One-click beautification to enable or disable this function.
Parameters
On the One-click beautification tab, you can configure the following parameters:
- Overall style: Click the square box in Overall style to select a built-in style and click a blank
area on the One-click beautification tab to make the style take effect.
Note
- DataV provides 20 built-in styles for you to select. More built-in styles will be provided in later versions.
- After an overall style is applied, if you need to select another style in subsequent operations, the applied style is replaced with the selected style. The operations include modifying configurations and adding widgets for your project.
- Heading: the heading style of visual groups in your project. You can click the
icon to cancel or apply the heading style.
Parameter Description Subtitle If you turn on the switch, the subtitle in a heading is displayed. If you turn off the switch, the subtitle in a heading is not displayed. Text alignment Specifies how texts in a heading are aligned. You can select Align Default, Align Left, Align Center, or Align Right. - Title: the title style of visual groups in your project. You can click the icon to cancel or apply the title style.
Parameter Description Subtitle If you turn on the switch, the subtitle in a title is displayed. If you turn off the switch, the subtitle in a title is not displayed. Text alignment Specifies how texts in the title are aligned. You can select Align Default, Align Left, Align Center, or Align Right. Exclusion type If you select Map or Ticker Board for Exclusion type, the applied title style does not take effect for these widgets. If you do not select Map or Ticker Board, the applied title style takes effect for all widgets in your project. Note Only the Map and Ticker Board options are provided for this parameter. For other widgets, you must specify whether to apply the title style. - Background: the background style of visual groups in your project. You can click the icon to cancel or apply the background style.
Exclusion type: If you select Map or Ticker Board for Exclusion type, the applied background style does not take effect for these widgets. If you do not select Map or Ticker Board, the applied background style takes effect for all widgets in your project.Note Only the Map and Ticker Board options are provided for this parameter. For other widgets, you must specify whether to apply the background style.
- Layout setting: the overall layout of visual groups in your project.
- Space: the margin style of visual groups in your project.
Parameter Description Screen padding The margin between borders of visual groups and canvas borders in your project. Group margin The margin between borders of visual groups in your project. Group padding The margin between widgets and borders of visual groups. - Alignment threshold: the thresholds used to optimize the page layout. You can adjust the thresholds to
make the alignment relationship between widgets more obvious.
Parameter Description Guideline thresholds X and Y The thresholds to merge the visual guides in X and Y coordinates. Note If two independent visual guides are used in your project and a large spacing gap exists between widgets, you can adjust these thresholds to reduce the gap.Snap thresholds X and Y The thresholds to snap visual guides in X and Y coordinates for widgets. Note If visual guides are used but widgets are not aligned, you can adjust these thresholds to align the widgets. - Keep group: If you use the One-click beautification function to optimize the layout in your project, the group structure of widgets in your project is not considered unless otherwise specified. If you turn on this switch, grouped widgets in your project automatically form an independent visual group. If you want to form a visual group by using the widgets that are not grouped, manually group these widgets with a Title widget (if required) and turn on this switch.
- Space: the margin style of visual groups in your project.
Examples
