In the previous sections we looked at setting up EDAB and creating reports, charts, and maps. This chapter discusses the automated publishing features in EDAB.
In addition to URLs and the menu page, EDAB also allows you to publish reports and charts using a dashboard interface. Dashboards can place multiple charts and report tables into a single presentation page. Users can define common filters for the dashboard items and set up drill-down for individual dashboard items.
Dashboards are created in the thin-client Dashboard Builder interface. To launch the Dashboard Builder, click the
link in the EDAB start page. The interface will allow you to build a new dashboard.In this section we will guide you through creating a dashboard from report, chart, and map templates that come with EDAB installation. At first we need to add some templates to the dashboard. To add reports, charts, or maps to the dashboard, click the on the Dashboard Builder toolbar. After you have clicked the button, the Insert Reports/Charts/Maps dialog will appear. The dialog contains a tree that mirrors the folder structure in the Organizer. Next, expand the Examples node and then the QuickStart and QuickStart Dashboard sub-nodes as shown on the image below.
iconFrom the dialog click on all the templates (Sales By State
map, Products Sales
report, and Total Sales By Category
chart) in the QuickStart Dashboard node. This will insert the templates into the dashboard. Once you have inserted the templates, close the dialog by clicking button.
Now move the Sales By State map template by clicking to the map header and drag it to the lower left position in the dashboard. Then select the Total Sales By Category chart and drag it to the upper right position in the dashboard. Finally, move Products Sales report and drag it below the chart. You can also resize the chart/report/map by clicking and dragging the sizing handle that appears in the lower right corner of the templates. After completing these steps, the dashboard should look like the following image:
Next, we will add dashboard shared parameters that allow us to group common parameters from the chart, report, and map into a single parameter. First open the Shared Parameters dialog by clicking on the on the toolbar. This will open the Share Parameters dialog that allows you to add shared parameters to the dashboard.
iconFrom the dialog, click
button. This will open another dialog that allows you to specify a shared parameter.The left-hand side of the dialog shows all the available parameters from all the charts/reports/maps in the dashboard. You can select which parameters you would like to add to the selected parameters list by selecting them in the left-hand side and clicking the
button. Note that all parameters in the selected parameters list must have the same data type.In this example, we will create two shared parameters (Start Date
and End Date
) and put them into a date range panel. We will start with the first parameter (Start Date
). First, enter the parameter name Start Date
to the Shared Parameter Name text box at the dialog top. Enter the same text to the Prompt Name text field and then select all the Start Date
parameters from the list on the left (you can select the parameters by CTRL+Clicking on the appropriate items in the list). After you have selected all the Start Date
parameters from the list, click the button. This will add the selected parameters to the list on the right. At this moment the shared parameter dialog should look as follows:
Now click the Start Date
has been added to the shared parameters list.
Next, we will add the second shared parameter End Date
in the same way as mentioned above. From the dialog click the button again, which will open the shared parameter dialog. Enter the parameter name and the prompt name End Date
and select all the End Date
parameters from the list on the left. After you have selected all the parameters, click the button.
Click
button. After adding both parameters you should see the same shared parameters dialog as follows:In the dialog, select both parameters by CTRL+Clicking on the parameters as shown in the image below.
After selecting the parameters, click Range Param Attributes dialog that allows you to specify ranges for the parameters.
button. This will open theAs you can see there are lot of options in the dialog. Please note that we will describe only the options necessary for the example. For more information about the rest of options, please see the Section 6.2.4.2 - Parameter Range.
First, specify the Range Name in the text box at the top of the dialog, e.g. DateRange
. The name represents the title for the Date Range panel. Next, specify the Prompt Text to be Date Range
. This text will be then displayed next to the selected date parameter drop-down menu in the Date Range panel. After entering the names, we will proceed with creating date ranges.
For simplicity we will add only two date ranges (Year 2003
and Year 2002
) in this example. The range Year 2003
will include all the dates in year 2003 (dates from 2003-01-01
to 2003-12-31
in the Year-Month-Day format). Similarly, the range Year 2002
will include all the dates in year 2002 (dates from 2002-01-01
to 2002-12-31
).
Now specify the name for the first range in the Option Name text box to be Year 2003
. Next, enter the expressions for the Start Date
and End Date
parameters to be 2003-01-01
and 2003-12-31
. Once you have entered the Range Name as well as the expressions, click button. This will add the date range to the list of selected ranges on the right.
Similarly, add the second date range Year 2002
. As mentioned above, first specify the range name to be Year 2002
and enter the expressions for the Start Date
and End Date
parameters as 2002-01-01
and 2002-12-31
. After that, click the button to add the range to the list of selected ranges on the right.
Once you have added both date ranges into the selected date ranges list on the right, click
button. After that click somewhere to the Dashboard Builder, and the date range panel appears.Now move the panel above the map as shown on the image below. To move the panel, just click on the panel header and drag it to the desired location. You can also resize the panel by clicking and dragging the lower right corner of the panel. The resizing rectangle will then appear, allowing you to adjust the size of the panel.
The last thing we will do in this example will be adding links from the map to the chart and report in the dashboard. This will enable sending the State
parameter from the map data points to the chart and report.
To set up links from the map, click the from the map header. This will open the Set Up Link dialog below. There are three lists in the dialog. The first list contains all the available data columns and their data types in the source template (in our case ,Sales By State
map). The second list shows all the available destination templates in the dashboard (in our case, Product Sales
report and Total Sales By Category
chart). Finally, the third column contains all the available parameters in the selected destinate template. Please note that the third column will show the parameters only after selecting the destination template in the second list.
To set up a link from the map to the Product Sales
report, select State (String) item in the first list and the Product Sales item in the second list. This will cause showing the parameters from the report in the third list. After that select State(String) item from the third list. This should enable button as shown on the image below. Click the button to set up the first link.
Similarly, set up a link from the map to the Total Sales By Category
chart. First, select State (String) item in the first list and the Total Sales By Category item in the second list. This will cause the parameters from the chart in the third list to be shown. From the third list select State(String) item. This should enable button as shown on the image below. Set up the second link by clicking the button.
Once you have set up both links, click
button that will close the dialog. At this moment the links from the map should be set up. So if you now click on a data point in the map, the chart and report should refresh according to the data point parameter value.To finish our dashboard, we will just add a dashboard title and choose a dashboard background color. To add the title, click the from the toolbar. A small rectangle will then follow your mouse cursor. Position the rectangle where you would like to insert the label and click. This should add the label panel into the dashboard. Next, double click to the label panel to edit the label text. Enter e.g. SALES BY STATE DASHBOARD
text and click outside of the label panel. You may also want to resize the label because the label is now too small to be the dashboard title. This can be done from the label properties dialog that opens after clicking on the icon on the panel header.
You can specify various properties for the label from this dialog. In the dashboard preview screen shot below, we just increased the label font size to 36
px in the Text tab, disabled the panel border in the Border tab (write 0
to the Thickness option), and set up the label background color to be transparent in the Background tab. Click to apply changes. Now, click and drag the bottom right corner of the label border to be the whole title in one line. For more information about the label properties, please see Section 6.2.5 - Insert Labels.
To change the dashboard background color, just click the on the toolbar. This will open the Set Dashboard Background dialog from which you can choose the dashboard background color. Select the color and click .
iconOnce you have chosen the dashboard background color, you may preview the dashboard by clicking the on the Dashboard Builder toolbar. The dashboard display will open in a new window. For more information about dashboard features, see Section 6.1 - Introduction to Dashboards.
buttonClose the dashboard preview window to return to the main Dashboard Builder interface. Click the on the toolbar. A dialog will open prompting you to specify a name for the dashboard.
buttonEnter a name for your dashboard and then from the treeview pane select the project that you created in Section Q.2.2.2 - Add a Project. Click to save the dashboard. The window will then give you a message that the dashboard was saved successfully. Click to close the dialog.
Click the on the Dashboard Builder toolbar and check the option Show toolbar in preview (in the Other section). Click to apply the setting. Open the dashboard preview window by clicking the button . Then click the button to open the preview toolbar. You can export dashboard to PDF file by clicking button from the preview toolbar.
buttonAll the reports, charts, SVG Map and other objects in the Dashboard will be exported to PDF file with the exception of Google Map due to licence restrictions.
Alternatively, you may open the same .dsb file in Published Files (for more information please see Section 7.1 - The Menu Page ), open the Dashboard toolbar and Export PDF there.
Note: There may be small differences in the appearance of elements in export (e.g. radio button shape can change from round to square).
One automated deployment provided in EDAB is the ability to run dashboards via URL calls to the EDAB server.
To generate a URL, first log into the Organizer, using the steps described in Section Q.2.2 - Start the Organizer. With the Organizer interface open, select the project you created in the left-hand side (Section Q.2.2.2 - Add a Project). You will see a list of files added from the previous exercises. Select the QuickStart_Dashboard.dsb
file in the Organizer (dashboard created above), and click the button on the toolbar . A dialog will open, prompting you to specify option For Current User.
In this dialog, disable the option marked For Current User. This will create the URL without encoding a username and password, prompting users to login when running the URL. Click and the URL will be generated in the Dashboard URL dialog.
Now, select the generated URL and copy the text to the browser's location dialog. Hit enter to run the URL. You will first be directed to a login dialog because you selected not to pass in the username and password in the URL.
Enter your User Name and Password in the dialog and click the button. The dashboard will then load in the browser.
Another way that EDAB automatically publishes reports, charts, maps, and dashboards is through the Menu Page. The Menu Page is a thin-client interface that allows users to run/view the reports, charts, maps, and dashboards to which they have access in the Organizer.
To launch the Menu Page, go to the EDAB Start page and click the link labeled
. The Menu Page will load.The page contains a list of all the reports, charts, maps, and dashboards in your project and some examples. The only option available is to run the file because you do not have any active schedule or archive jobs. To open a file, expand respective project/folder nodes (in the left-hand tree-list) to locate the file and click on the file name. The file will load in the right-hand DHTML Viewer panel.
For more information about the options and functions available in the Menu Page, see Section 7.1 - The Menu Page. After you have finished viewing your report/chart/map/dashboard, close the window that contains it, and click the button in the menu interface to return to the start page.