...
| Table of Contents | ||
|---|---|---|
|
Pre-requisites
...
Standalone Datablock...
Overview / Description
Image datablock is a standalone datablock that is used to display logo and/or dashboard screenshot overview
...
- Other pages
- Webframe
...
- Metric Tree
Adding Image Data Block
- To add Image Data block to an existing Page
- Select Add Content under Edit Page Menu
- Choose the Image Data Block
Upload Image
- Upload image from local computer
Use Existing image
- Use the existing image from previous upload
- Use the image from internet( paste image url)
...
.
...
Add Image Datablock 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. Update the Datablock Title and Datablock Style accordingly.
5. Click Add.
...
The added datablock will display on the page.
...
6. Click the Choose Image icon from the UI Controls.
...
7. Select an image to display on the datablock, then click Ok. In this example, eMite logo is selected.
...
The selected image is now displayed on the datablock.
8. 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.
...
Image UI Controls
Choose Image
Choose Image allows you to select and upload image to display on the datablock.
...
From existing image library  |
From local computer  |
From web address/internet  |
Image Size
Customize image height and width in percentage, or keep the original size.
Edit Dashboard Page Background
- Navigate to Edit Page > Page Background
- Click on Choose Image and then select the image from existing image pool or url or upload new.
Linking
- Link to other Pages as well as Datablocks
...
Link
Link links the image to other pages, as well as datablocks.
...
Image URL Template
Image
...
URL Template supports userdomain and
...
links filter from other datablocks
...
. I.e.
/customers/{userdomain}.png (hosted as a standalone website)
/dashboardapi/imagebrowser/Image?path=customers%2F{userdomain}.png (hosted inside emite dashboardservice)
/dashboardapi/imagebrowser/Image?path=customers%2F{linking}.png
The userdomain placeholder will be replaced by current user's first userdomain. This is good for sharing pages with a company logo based on user's userdomain, provided the company logo name is the same as the userdomain name.
The linking placeholder will be replaced by the linkfilter sent from other datablocks.