Rich Text Visuals

Arcadia Instant 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.

Developer Note. The user must have the System-level Manage styles and settings privilege to create Rich Text visuals. See Working with User Roles and more specifically, Setting System Privileges.

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 6, column 1).

    choosing rich text visual 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.

  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.

    Formatting controls include, from left to right, the following groupings:

    • Undo, Redo, and Remove Font Style
    • Recent Color and More Color color palette selector for Background Color and Foreground Color
    • (Style) selector (Normal, Quote, Code, Header 1 - Header 6), Font Family menu, Font Size menu, and (Line Height) menu
    • Character formatting: (Bold), (Italic), and (Underline)
    • More character formatting: Strikethrough, Superscript, and Subscript
    • (Unordered Lists), (Ordered Lists), and paragraph alignment: (left), (center), (right), and (justified)
  6. Special formating includes (Horizontal Lines), and an option to embed any of the following items:

  7. Rich Text visuals also support the (Code View/Code Edit) option, as a simple toggle between text view and code view.

    For example, you may wish to override the width settings on a previously inserted image. Editing in code view enables you to specify the width in terms of percentages:

    <img src="/arc/reports/staticasset/raw/5.png" style="width: 50%;">

    or in terms of pixels:

    <img src="/arc/reports/staticasset/raw/5.png" style="width: 350px;">

    You can also remove table borders, format custom email notification templates, and so on.

  8. 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.

  9. Click Refresh Visual.
  10. Change the title to World Population - Rich Text.

    • 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.

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

    clicking to save
  12. At the top left corner of the Visual Designer, click Close.

Your visual may look something like this:

completed Rich Text visual