General

Common Properties

This section lists the properties that are common to the General components.

View

The View tab lets you see the views name and type and also set the initial visibility and z-index.

The Image Server provides a static image of your view.

The Show Image Server Url option allows you to set the image height and width, and the cache duration.

You can copy and paste this URL anywhere else (for example, in Adhoc Reports) to display the image.

Blank

This component can be used as a place holder. You could use it to fill a space on the dashboard while waiting for a new View to be created.

After you add a Blank component, a blank area will display. Double-click the blank area to alter the properties.

View: See the section called “View”

Button

Adds a push button to your dashboard.

After you add a Button component, a component area with an image icon will display. Double-click the component area to alter the properties. You can specify the images that indicate the static, hover and active states.

View: See the section called “View”

Type

  • Image: Choose from a repository and set an image for the button.

  • Hover: Choose from a repository and set an image that displays when the cursor is hovering over the button.

  • Active: Choose from a repository and set an image that displays when the button is activated.

Cardnav

A Dashboard is built from Cards and Views. To navigate between cards, you use the CardNav view.

The other method to navigate between cards is to use the Show Card action.

This is the card navigation component. After you add a Cardnav component, a component area with buttons will display. Double-click the component area to alter the properties.

View: See the section called “View”

Type

  • Choose cards...: You can choose cards for navigation. In the Run mode, there will be buttons that link to the chosen cards on clicking.

  • Fixed Width: If selected, buttons are all of the same width. If not selected, the button width depends on text width count and direction, allowing control over layout.

  • Count: Sets the number of rows or columns of the grid.

  • Direction: Select from the following options.

    • Down: Display the grid using the down then across direction.

    • Across: Display the grid using the across then down direction.

For more information on count and direction, see the section called “Grid”.

Freetext

You can use this component to create a multi line label embedded with images and your own desired formatting, using the provided rich text editor.

After you add a Freetext component, a component area showing “Default Freetext” will display. Double-click the component area to alter the properties.

View: See the section called “View”

Type

  • Text: Enter any text using the embedded text editor.

Glint

Glint is Elixir's native vector graphics format. This component displays Glint reports.

View: See the section called “View”

Glint

  • URL: Enter the URL of the Glint report into the field. The URL can be either a path in the repository, or a URL on the Internet.

HTML

This is used to display the HTML content from a URL.

After you add a HTML component, a blank area will display. Double-click the area to alter the properties.

View: See the section called “View”

Type

  • URL: Enter the URL of the HTML page into the field. The URL can be either a path in the repository, or a URL on the Internet.

  • Choose from repository...: You can choose a HTML file from the repository to display in the view.

  • Scrolling: If this option is selected, horizontal and vertical scroll bars will automatically display around the HTML view if they are required.

Image

This component is used to display an image.

After you add an Image component, a component area with an image icon will display. Double-click the component area to alter the properties.

View: See the section called “View”

Type

  • URL: Enter the URL of the image into the field. The URL can be either a path in the repository, or a URL on the Internet.

  • Choose from repository...: You can choose an image from the repository to display in the view.

  • Tooltip: Enter the tooltip to display when hovering over the image.

  • Hyperlink: Specifies a hyperlink for the image. Clicking the image, opens the hyperlink.

  • Target: Specifies how to open the hyperlink. Choosing Self opens the hyperlink in the current window. Choosing Blank opens it in a new window.

Label

Displays a single line label that you can enter using the text editor.

After you add a Label component, a component area showing “Default Label” will display. Double-click the component area to alter the properties.

View: See the section called “View”

  • Text: Enter the text into the text editor, and set the format, which will display as the label.

Rectangle

This component draws a rectangle on the dashboard.

You can use this component to group views together on the same card by using a Rectangle view as a background, for example.

In addition, you can display SVG graphics using this component.

After you add a Rectangle component, a component area in a rectangular shape will display. Double-click the component area to alter the properties.

View: See the section called “View”

Type

  • Gradient Type: Set a blend of two colours to fill up the rectangle.

    • none: There will not be any gradient effect and only one colour will be used.

    • horizontal: The direction of the gradient will be from left to right.

    • vertical: The direction of the gradient will be from top to bottom.

    • forward diagonal: The direction of the the gradient will be along the forward diagonal line.

    • backward diagonal: The direction of the gradient will be along the backward diagonal line.

  • Fill Colour: Specify the fill colour with which to start.

  • Fill Colour 2: Specify the fill colour with which to end.

  • Border: Tick if you need a border around the rectangle.

  • Border Width: Select a width from the drop down list.

  • Border Radius: Select a radius from the drop down list to add a rounded border.

  • Border Colour: Specify the border colour.

  • Use SVG: Tick if you want to use SVG markup, and the other options related to rectangle will be automatically disabled. Deselecting this option means you use the rectangle mode, in which you set the options to create a SVG rectangle for creating simple backgrounds of views.

  • SVG: Enter the SVG markup into this field to bring you more control to create more sophisticated designs.