Rich Text Visuals

Arcadia Enterprise enables you to use markup code to add supporting textual or image information to the application: to insert styled paragraphs, hyperlinks, tables, images, and other elements (such as static assets) into dashboards. These visuals do not use any information from the dataset.

The following steps demonstrate how to create a visual with rich text formatting.

We are working with dataset World Life Expectancy [data source samples.census_pop].

  1. Start a new visual based on dataset World Life Expectancy [data source samples.world_life_expectancy]; see Creating Visuals.
  2. In the Visuals menu, select Rich Text (row 5, column 3).

    choosing rich text chart type
  3. Note that this visual type does not have any shelves associated with it. Instead, the Visual Designer interface changes to show a Rich-Text Editor: a large text entry box, with a set of editing tool bars.

    empty Rich Text visual
  4. In the text box, paste the following text.

    In the early 1800's, life expectancy at birth began to increase significantly in the countries that industrialized early, but it remained low in the rest of the world. Industrialization levels correlated strongly with life expectancy, and lead to notable inequalities in global health distribution. Good health was prevalent in the rich countries, where improvements in sanitation, infant/maternal care, and food quantity lead to longer life. Meanwhile, poor health persisted in poorer countries.
    
    This global inequality decreased over the last half of the 20th century. Countries that relatively recently suffered from bad health are catching up rapidly. Since 1900, the global average life expectancy more than doubled, increasing from 32.6 years for all reporting countries to 70.0 years.
  5. At this point, we can format the text.

    Simple controls include Font Family selection, Font Sizes, Formats, character options such as Bold, Italic and Color, Indent Controls, and both Numbered Lists and Bullet Lists.

    Arcadia Enterprise also has options for inserting Links and Images, and comprehensive Table support within Rich Text visuals.

    Enhance the basic text according to your requirements. In this example, we used two tables with images in the left column and text in the right column, 2 levels of headings, and links for sources. See Inserting images.

  6. Change the title to World Population - HTML.

    • Click (pencil icon) next to the title of the visualization to edit it, and enter the new name.

    • [Optional] Click (pencil icon) below the title of the visualization to add a brief description of the visual.

  7. At the top left corner of the Visual Designer, click Save.

  8. At the top left corner of the Visual Designer, click Close.

Your visual may look something like this:

completed Rich Text visual

Inserting Images

There are two categories of images you can use to enhance these visuals: from the static assets that are already incorporated into Arcadia Enterprise, and uploaded from the local machine. Incidentally, the uploaded images are automatically added to static assets.

To insert an image into a visual, follow these steps:

  1. In the Rich-Text Editor, click the Insert menu, and select Insert/edit Image.

    inserting image
  2. In the Insert/Edit image interface, at the Source field, click the folder icon to select an image file from your file system.

    inserting image in modal
  3. Note that Arcadia Enterprise automatically converts the image into an asset. The Source link does not point to a local file on your system, but instead to the asset, where asset_id is the id generated for the new asset, and image_type is the extension for the graphic format, either .png or .jpg:

    ../../reports/staticasset/raw/asset_id.image_type

    Enter the Image Description information, and click Ok.

    inserting image in modal, converted to asset
  4. To insert an image that has been previously uploaded to the system, enter the following string into the Source field, where asset_id is the ID of an asset that has been previously imported into the system.

    ../../reports/staticasset/raw/asset_id.image_type

    In our case, we use asset_id=1, image_type=png, for the asset we created earlier, as described in Creating New Assets. We are also naming it Arcadia Logo.

    inserting image in modal, converted to asset
  5. To resize an image inside the visual, click on the image, and then select (image) icon from the menu.

    editing image
  6. In the Image/edit image interface, adjust the dimensions of the image. By default, the Constrain proportions option is on, but you can uncheck it.

    adjusting size
  7. After resizing, your visual should look something like this:

    image resized