Topics

See more

Label Visualization

Configure Label Visualization

Visual Configurations

Configuration Options in Full-Screen Mode

You can create Label visualizations to add illustrations to your dashboards. You can embed images or text in a Label. Unlike other visualizations in Klera, Label visualization is not associated with an underlying dataset. It is used to show a fixed image or text.

To create a Label:

  • Right-click anywhere on the container and select View> New/Change > Label.

1.png

Refer here to learn more about creating a visualization.

The following figure shows the resulting Label visualization.

2.png

Configure Label Visualization

Whenever you create a new Label or change an existing visualization to Label, it doesn't have any image or text associated with it. You need to configure it further.

  • Select the Label and open the Visualizations.

3.png

The following configuration options are available: 

mceclip0.png

  1. Visual Configuration mceclip1.png: It lets you configure the visual appearance of the Label with the following settings.

a. View Content
b. Image Settings
c. Text Settings
d. Layout
e. Container Settings 

Visual Configuration

  • Click on the mceclip2.png icon for visual configuration settings. 

View Content

  • Type: Click on the mceclip3.png icon to select the type of content you want to show in the Label. You can add an image or a text to the Label.

5.png

Image Settings

  1. Source: Select the radio button for the source of the image.
  2. URL or File: Enter the  URL of the image or upload a file of the image.6.png
  3. Scaling:  This defines how the image will scale on container resizing.
  • Aspect Ratio: Image will be resized while maintaining the aspect ratio of the original image.
  • Fill: The image will be stretched to fill the container. If the original image is larger than the size of the container then the center of the image will be retained for the Label and the rest of it will be cropped.
  • Fit: The image will be resized to fit the container without maintaining the aspect ratio of the original image. The complete image will be visible.
  • Original: The image is automatically center aligned. If the original image is larger than the size of the container then some parts may not be visible. 

Text Settings

  1. Type text for Label.
  2. Select the font type and color of the text.
  3. Enable/disable auto-resizing of the text by clicking on the toggle switch.

A Label created with text is shown in the following figure.

8.png

Layout

  • Select horizontal and vertical alignment from the drop-down for the image or text on your Label.
    mceclip4.png

Container Settings

  1. To show or hide the header and border, click the toggle switch. 
  2. Turn on the toggle switch to show the border for the container. Change the border color, style and width as shown below: 

mceclip5.png

Here is the effect of various container settings on your Label. 

10.png

Configuration Options in Full-Screen Mode

Visualization can be seen in full-screen mode by clicking on mceclip6.png icon.

Note.pngNote: Visualizations Panel is not accessible in full-screen mode.
  1. Click on the mceclip7.png icon at the top-right corner of the container.
  2. Select ‘Configure View’ from the overflow menu.
    11.png
  3. A pop-up form with all the relevant configuration options will appear on the screen.
  4. Configure your visualization and click on ‘APPLY’.
    12.png

 

↑