...

Overview / Description

Text Editor datablock provides basic text editor, and allows you to create and add text to the page that can be used for page information.

...

Pre-requisites

• Standalone

  Datablock

  datablock

• Has no linkages to or from other blocks

• Provides a basic text editor
• Good for page information

Steps to add a text editor

To add a text editor to an existing Page

• Select Add Content under Edit Page Menu
• Choose the number of  Data blocks to be added
• Choose the Text Editor Block

Image Removed

Adding/Editing Text

• Click inside Textbox to add or edit text

Image Removed

Auto Scale

• After checking "Auto Scale", the font size will change automatically when datablock's size is changed.

Image Removed

Inserting an Image/Logo

• Select Image Icon
• Choose an image to insert

Image Removed    

Image Removed

Image Removed

Style

• Header Style
  • Sets Preferences for Text Sizes, Colours, and alignment

Image Removed

• Description Style
  • Inserts a Text Description at the top of your Drill Through
  • Sets Preferences for Text Sizes, Colours, and alignment

Image Removed

Text Template

• Today template, add today's date to text editor

Image Removed

• Header template, add a header template to text editor as a header block to saving time, text on the left, logo on the right, text, and image can be changed according to different needs

Image Removed

Image Removed

Clock Date Format

Date format can be specified as a "format" html attribute in the html content of the text editor, it can be any date format string supported by kendo.https://docs.telerik.com/kendo-ui/framework/globalization/dateformatting

Example html:

<div><div style="float:left;">

<img alt="" src="/emite/DashboardAPI/imagebrowser/Image?path=BT_01.png" /></div>

<div><p style="text-align:center;">

<span class="clock" format="dd MMM yyyy (dddd) - h:mm tt" style="font-size:15px;" timezone="Australia/Sydney">15 Nov 2017 (Wednesday) - 5:04 PM</span></p>  <br />

 </div><div id="botrt"><img alt="" src="/emite/DashboardAPI/imagebrowser/Image?path=help_icon.png" width="27" /></div></div>

<style>#botrt  { right: 0px;  bottom: 5px;  position: absolute; }  

</style>

Dynamic Datasource Value

You can show a data source's value in the text editor. Choose a data source for the text editor, in the html mode add the placeholders the data source.

Two placeholders are supported: 

1. <div currentvalue></div>
2. <div reportmember></div>

if a div has currentvalue attribute, currentvalue of the datasource will be inserted as the content of the div.

if a div has reportmember attribute, and use report member is selected in the description style, the current category member of the data source will be inserted as the content of the div. ie. to show the best agent name in the text editor.

Image Removed

...

Add Text Editor to a Page

1. Select the page where you want to add a datablock. In this example, Training Demo page is selected.

2. From Edit Page menu, select Add Content.

...

The Add Content setting will display.

3. Input the number of datablocks you want to add to the page, then click Add.

...

The Select Datablock sub-setting will display.

4. Select Cube Report from the datablock options.

5. Update the Datablock Title and Datablock Style accordingly.

6. Click Add.

...

The added datablock will display on the page.

...

7. Under Edit Page menu, select Save Page to save the datablock in the page.

...

Once the changes have been saved, a success message will display on the top right corner of the screen.

...

Text Editor UI Controls

Header Style

Header Style allows you to add header text and description, also to update different formatting styles.

...

Header Style Image Added

Description Style Image Added

...