Enter the dashboard content

Pentaho CTools
Version
10.2.x
Audience
anonymous
Part Number
MK-95PDIA006-12
  1. Select the bottom row.
    This row will be used for the content of the dashboard.
  2. In the Properties pane, click in the Value column for the Name property and type dashboardContent. Press Tab or Enter.
  3. Add one column. In the Layout Structure pane, click the Add Column icon.
    This column will be the container for the selector, including the title of the selector and the selector itself.
  4. To set the column width, in the Properties pane, locate the Extra Small Devices property and click in the Value column. Type 4 and press Tab or Enter.
  5. Add two rows to nest inside this column. In the Layout Structure pane, click the Add Row icon twice.
  6. Add the selector.
    1. In the Layout Structure pane, click to select the bottom row and then click the Add Column icon.
    2. In the Properties pane for the newly added column, click in the Value column for the Name property and type selectorObj. Press Tab or Enter.
    Note: This column will be the placeholder for the selector, so we should remember its name. It will be referred on the htmlObject property of the select component which we will add later.
  7. Add the title of the selector.
    1. In the Layout Structure pane, click to select the row above the selectorObj, and then click the Add Column icon.
    2. In the Properties pane for the newly added column, click in the Value column for the Name property and type selectorTitle. Press Tab or Enter.
    3. In the Layout Structure pane, click to select the selectorTitle column and then on the Layout Structure toolbar, click the Add Html icon.
    4. Locate the HTML property and click the ellipsis button. An Edit window displays. Type the title of the selector using HTML tags, such as <b>Select Product</b>, and then click Ok.
  8. On the Layout Structure pane, click to select the dashboardContent row, and add one column by clicking the Add Column icon.
  9. Name the column. In the Properties pane, click in the Value column for the Name property and type chartObj. Press Tab or Enter.
  10. To set the column width, click in the Value column for the Extra Small Devices property and type 8. Press Tab or Enter.
    Note: This column will be the placeholder for the line chart, so we should remember its name.