Card container; Quickly build report layout styles - vividime Community

Card container component plays a role in building the layout in the dashboard, a container inside which multiple sub-components can be placed.

Card Container component can be used in grid layout and free layout dashboards as a container component to quickly build the layout style of the dashboard.

Select Card Container from Components > Layout Component on the right and drag it to the canvas.

You can set the style of the component in the right Format, including background color, border, alpha, fillet radius, shadow, etc., refer to Component Operation and Setting > Format.

Set the component border effect. The border styles in the drop-down list include system, custom, and publiced borders.

When the custom image is svg (layer group less than or equal to 2), the original color of the image will be retained by default, if you need to fill in other colors, you can click on the fill color below, which supports solid color and gradient color (single-color and double-color).

If the custom image is jpg, png, gif, svg (layer group is more than 3), it supports global filter setting, if svg (layer group is less than or equal to 2), it supports fill color setting, for details, please refer to Component Operation and Setting > Format.

The customized image supports mouse hover to show more, and can view details, public and delete.

[Detailed] Learn the current custom border image name and display type.

[Public] After setting public, other users in the platform can use the customized border. You can also cancel public of the customized border.

The user who created the customized border can make it public and share it with other users in the platform. When other users use the card, they can view and use the public border in the border style drop-down list, but they can't do anything more with the public border (Details, Unpublic, Delete).

When the dashboard resource can be edited by multiple users but the creator does not disclose the customized border or the dashboard resource is imported into a new platform environment through resource deployment, other users can view the customized border, and if you need to extend the application to other cards, you need to save the card style first.

[Padding Size] The padding size between the inside of the component and the boundary of the component.

[Option]Check Fit Width (Table, Chart, Group), the width of these three types of components (Table, Chart, Grop) dragged into the card container will always be the same as the width of the card container.

The card container supports dragging in other components inside the card container, but not the card container, blank component. At present, the subcomponents inside the card container support to be arranged in the form of free layout, and its internal interaction logic is consistent with the free layout of the dashboard.

When exporting dashboard, the png&pdf file format keeps the card container style output, the word&excel file format card container style is not output.