Intellicus Enterprise Reporting and Business Insights 19.1

Rich Text Editor

0 views June 28, 2020 0

You can drag and drop or double-click the Rich Text Editor under Dashboard Elements > Placeholders to add to the dashboard. Intellicus dashboard allows you to enhance your dashboard by adding rich formatted text, along with images, URL links and HTML content to enrich your dashboard with relevant contextual information and styling. You can also use the HTML code to provide the formatted text.

Rich Text Editor
Figure 7: Rich Text Editor

Below is an overview of all features available in the Rich Text Editor:

Toolbar Button Description
View or edit the source code of the document. Rich Text Editor is a WYSIWYG editor that produces clean, standards-compliant HTML code. All you need to do is enter your text in the editing area and format it with a few simple clicks of the toolbar buttons. At any time, you can check the HTML source code of your document using the Source button. The text in the editing area would then contain all the relevant HTML tags and attributes.
Apply boldunderlinestrike-through or italic formatting to the text.
Apply superscript or subscript formatting to the text.
Remove the formatting of the selected text. All text styling will be removed, and the text will be displayed in the default font.
Create a numbered or bulleted list. In Rich Text Editor, you can customize the appearance of the bulleted list/numbered list and modify the list marker. To change the list style, open the list context menu by clicking the right mouse button on a list item or using the Menu/Application key on your keyboard, and choose the Bulleted/Numbered List Properties menu option.

The type of the bulleted list can be circle, disc or square.

You can choose the starting value of the numbered list and the type from the below pop-up:

If you want to remove list formatting, leaving the text of the list items intact, select the list in the document and press chosen bullet button again on the toolbar. The list markers and indentation will be removed and each of the former list items will become a paragraph.

Set text alignment (left, centered, right or justified).
Insert an image into the document. Rich Text Editor allows you to add images to your documents in an easy and intuitive way.

When you click the Image button on the toolbar, the Image Properties dialog window opens to let you set configuration options that define image source, its size, display properties, or other advanced properties.

The Image Properties dialog window includes three tabs that group image options:

Image Info

Link

Advanced

The Image Info tab is the tab that allows you to set the image URL and configure the way it will appear in the document.

If the image is too big, you can alter its dimensions by entering new values into the Width and Height fields. By default, the image ratio is locked due to the Lock Ratio button. This means that when you change one of the size values (width or height), the other one will be adjusted automatically.

If you want to freely modify both dimensions, click the button to unlock the ratio. The button will now change to and modification of one dimension will not automatically cause the other one to be adjusted. To lock the image ratio again, click the button once more.

You can easily return to original image size by pressing the Reset Size button. This will reset the image size; the original width and height will then appear in appropriate text boxes.

The Link tab lets you assign a link to an image inserted into the document, effectively converting the image into a clickable link. The link can point to any kind of object available in the Internet, like a simple URL address, a PDF document, or an online video.

The Advanced tab lets you configure additional image options such as assign it an ID, a class, a longer description, a tooltip, or CSS style properties. It is meant for advanced users with knowledge of HTML as well as CSS and gives nearly endless possibilities as far as the presentation of the image is concerned.

Create a table with the defined number of columns and rows.

To create a table in Rich Text Editor, press the Table button on the toolbar. The Table Properties dialog window that will open lets you set configuration options that define table size, its display properties, or other advanced properties.

The Table Properties dialog window includes two tabs that group table options:

Table Properties

Advanced

Once inserted into the document, the table can be modified. To edit the table, either double-click it, or open the table context menu by clicking it with the right mouse button or using the Menu/Application key on your keyboard.

To delete the whole table and its contents, use the Delete Table option.

When you choose the Table Properties option, the dialog window of the same name will appear. It allows you to change the configuration options that were set when the table was created, except the number of rows and columns which are grayed out.

Additionally, the table context menu lets you modify the rows, columns or table cells. This method makes it possible to insert new rows, columns or cells in specified locations as well as merge and split cells.

Table cells in Rich Text Editor can be further customized, creating a unique look and feel. Various configuration options can be set in the Cell Properties dialog window that is opened from the table cell context menu.

Apply pre-defined block and inline styles to the text.
Apply pre-defined formatting options to your rich text.
Change the typeface (font) of the text.
Change the font size of the text.
Change the color of the text.
Change the background color of the text.