You can add one or more logo walls to a project to display different logos.

Style

  • Basic Attributes
    • Size: Set the size of the widget by adjusting its width and height.
    • Position: Set the position of the widget by adjusting its abscissa and ordinate.
    • Others: Set the rotation angle and opacity of the widget.
  • Global
    • Border Radius: To adjust the border radius of each logo, enter a value or drag the slider.
    • Border Width: To change the border width of each logo, enter a value or drag the slider.
    • Border Color: To set the border color of each logo, see Color picker.
    • Fill Type: To set the fill color type, click the drop-down arrow and select the target type. The fill color can be one of the following types: default, contain, and stretch.
    • Row Number: To adjust the number of rows on a wall, enter a value, or click + or .
    • Column Number: To adjust the number of columns on a wall, enter a value, or click + or .
    • Horizontal Interval: To adjust the horizontal spacing between the logos, enter a value or drag the slider.
    • Vertical Interval: To adjust the vertical spacing between the logos, enter a value or drag the slider.


  • Animate: You can customize the animation effect when multiple pages are displayed on the wall.
    • Loop: If you select this option, multiple pages on the wall are automatically displayed in a loop.
    • Pause: To change the time interval between the display of two pages, enter a value, or click + or . The unit is seconds.
  • Dot: You can set the dot style as needed. To display the dots, click the Eye icon next to Dot.

    • Non-current Color: To change the color of the dot corresponding to page that is not displayed, see Color picker.
    • Current Color: To change the color of the dot corresponding to page that is displayed, see Color picker.
    • Size: To adjust the dot size, enter a value or drag the slider.
    • Padding: To adjust the spacing between the dots, enter a value or drag the slider.
    • Vertical Interval: To adjust the spacing between the dots and the wall, enter a value, or click + or . If the value is a positive number, the dots move upwards. If the value is a negative number, the dots move downwards.

  • Background Color: To add or delete a background color, click + or click the Trash icon.

    To change the background color of each logo, see Color picker.

    Note If you add two or more background colors, DataV will distribute the colors among the logos evenly.

Data



value: URL of each logo on the wall. Cross-domain configuration is required. We recommend that you specify logo access through either HTTP or HTTPS. However, note that HTTPS access cannot be used for a logo with an HTTP URL.

Interaction

This widget is not connected to any events yet.