Text Background

Text Background

In RubiSight, three Background formatting options are available for Text Widget.

  • Gradient
  • Image
  • Border

The Gradient and Image formatting options can be applied independently. Border can be applied along with both, Gradient and Image.

The Background formatting options are not visible by default. Click the toggle button ON  to format the Text Widget background.

Also, to access all the Gradient formatting options, select the Gradient check box.



The table given below describes different fields present under Background on the Text Widget’s Format pane.

Field

Description

Remark

Gradient

Color 1

It allows you to select the primary color for the background of the Text Widget.

  • The default color is White.
  • Several standard and customized colors are available in the drop-down.

Color 2

It allows you to select the gradient color for the background of the Text Widget.

  • The default color is White.
  • Several standard and customized colors are available in the drop-down.

Gradient Direction

It allows you to select the position of the Gradient in the background of the Text Widget.

  • The default position is to bottom.
  • The available options are,
    • to bottom
    • to top
    • to right
    • to left
    • to top left
    • to bottom left
    • to top right
    • to bottom right
  • Gradient Direction is applicable only when Color 2 is selected.

Image

Add Image

It allows you to select an image for the background.

  • When you select an image for the background, the Gradient check box is automatically disabled.
  • The image files with .jpg, .jpeg, .gif, and .png extensions are currently supported in this formatting option.

Border

Border

It allows you to select a border for the Text Widget.

  • The default value is All. It applies border to all four edges of the widget.
  • You can also apply border to individual edges of the widget.
  • The available options are,
    • All
    • Top
    • Bottom
    • Left

Color

It allows you to select the border color.

The default color is Black.

Width

It allows you to select the border width.

The default width is zero; that is, there is no border to the widget.

To use Background formatting options, first plot a Text Widget. For example, we plot a Text Widget with the following message –

Welcome to Rubiscape

The figure given below shows an original image of the Text Widget. By default, there is no background applied to the widget.



Notes:

  • You can change the font type, size, color, and alignment of the text.
  • You can make the text bold, italic, and underline it.

To add a gradient color as a background,

  • Change Color 1 and Color 2.
  • Select the Gradient Direction.

The resultant Text Widget is shown below.



Notes:

  • If you do not select the Gradient check box, you can select only Color 1, which is the primary color. You can select any basic color which then becomes the default background color.
  • If you click the Background toggle button OFF and then ON again, the background color selected in Color 1 remains unchanged.

 To add an image as a background,

  • Select the Image check box.
  • Click Add Image to select an image from your local machine, a shared network location, or the web.

 Note:

If you want to add an image from the web as a background, the image should first be downloaded to your local machine.

The resultant Text Widget is shown below.



 Also, to apply border to the Text Widget,

  • Select the Border check box.
  • Select the border orientation from the Border drop-down.
  • Select the border color from the Colour drop-down.
  • Select the border width from the Width drop-down.

The resultant Text Widget is shown below.



    • Related Articles

    • Background

      Background refers to the entire space in which the widget and its allied information, like title, legend, and subtitle, are located. By default, the background formatting options are not visible. Turn the toggle button ON () to format the background. ...
    • Text

      The Text formatting option is available in the Text widget. The table given below describes different fields present on Text widget formatting. Field Description Remark Text It allows you to edit the text shown in the Text Chart. — Text Font It ...
    • Text

      Creating Text Dataset To create a Text dataset, follow the steps given below. On the home page, click Create icon () The Product Selection page is displayed. Hover over the Data Connect tile and click Create Dataset. Dataset Selection page is ...
    • Grand Total

      The Grand Total formatting option is available in the Cross Table widget. By default, the Grand Total formatting options are not visible. Turn the toggle button ON () to use the Grand Total formatting options. The table given below describes ...
    • Values

      Values formatting option is available in the Cross Table widget. The table given below describes different fields present on Values formatting. Field Description Remark Header Font It allows you to change the appearance of the Header row. You can ...