The following are the ways in which a viewer can customize a dashboard:
Adding a banner to a dashboard
When designing the dashboard the editors may select a banner to be uploaded to the dashboard. Once banner is uploaded it will appear when viewing the dashboard. When a user (a viewer) views the dashboard, if there is an existing banner the banner is displayed. The viewer can personalize the banner in the dashboard if required. Each personalized dashboard that includes a banner can only be accessed by the user who added that specific personalization.
Follow the instructions below to add a banner to a dashboard:
- Enter the dashboard URL to access the respective dashboard in view mode.
URL format:
https://<HOSTNAME>:<HTTPS-PORT>/portal/<DASHBOARD_URL>
Example:
https://localhost:9443/portal/dashboards/sales-stats
- Log into the dashboard using the viewer credentials.
- Click Edit on the dashboard.
In the Dashboard Designer, if the layout supports a banner, the banner placeholder appears. In addition, if a banner is already uploaded, the banner appears; otherwise, an empty placeholder appears.
- Click Add/Edit, select an image from the file browser window and click Open. The selected image appears in the block allocated for the banner with the option to crop the image.
- Crop the banner image.
- Move your pointer over the cropping tool and drag the points to resize it.
Click Save to crop the image.
Adding a block to a dashboard
- Enter the dashboard URL to access the respective dashboard in view mode.
URL format:
https://<HOSTNAME>:<HTTPS-PORT>/portal/<DASHBOARD_URL>
Example:
https://localhost:9443/portal/dashboards/sales-stats
- Log into the dashboard using the viewer credentials.
- Click Edit.
- Click Block.
- If you want to view the size of the existing blocks in the dashboard, click Show Grid. This displays a grid to gauge the size of the block based on its columns.
- Enter the width and height of the block in the respective text-boxes, or drag the pointer either vertically, horizontally or diagonally to define the size of the block in the grid.
- Click Add Block to add the block to the page in the dashboard.
Adding a gadget to a dashboard
- Enter the dashboard URL to access the respective dashboard in view mode.
URL format:
https://<HOSTNAME>:<HTTPS-PORT>/portal/<DASHBOARD_URL>
Example:
https://localhost:9443/portal/dashboards/sales-stats
- Log into the dashboard using the viewer credentials.
- Click Edit.
- Click on the gadget icon. All the available gadgets that are shipped with WSO2 DS appears.
Drag and drop the gadget into the desired block in the dashboard.
Repositioning a block in the dashboard
- Enter the dashboard URL to access the respective dashboard in view mode.
URL format:
https://<HOSTNAME>:<HTTPS-PORT>/portal/<DASHBOARD_URL>
Example:
https://localhost:9443/portal/dashboards/sales-stats
- Log into the dashboard using the viewer credentials.
- Click Edit.
- Hover your pointer over the block title bar, drag the pointer, and release the pointer in a preferred location in the dashboard.
Resizing a block in the dashboard
- Enter the dashboard URL to access the respective dashboard in view mode.
URL format:
https://<HOSTNAME>:<HTTPS-PORT>/portal/<DASHBOARD_URL>
Example:
https://localhost:9443/portal/dashboards/sales-stats
- Log into the dashboard using the viewer credentials.
- Click Edit.
- Hover your pointer over the bottom-right corner of the block. When the resize button appears together with the diagonal pointer, drag the pointer to resize the dashboard.
Maximizing and minimizing the view of a gadget
A viewer can view a gadget in full screen mode when either viewing or personalizing a dashboard.
- Maximizing a gadget in view mode
- Enter the dashboard URL to access the respective dashboard in view mode.
URL format:
https://<HOSTNAME>:<HTTPS-PORT>/portal/<DASHBOARD_URL>
Example:
https://localhost:9443/portal/dashboards/sales-stats
- Log into the dashboard using the viewer credentials.
- Click Maximize to view the gadget in full screen mode.
- Click Minimize to view the gadget in the standard mode.
- Maximizing a gadget in personalization mode
- Enter the dashboard URL to access the respective dashboard in view mode.
URL format:
https://<HOSTNAME>:<HTTPS-PORT>/portal/<DASHBOARD_URL>
Example:
https://localhost:9443/portal/dashboards/sales-stats
- Log into the dashboard using the viewer credentials.
- Click Edit.
- Click Maximize.
- Click Minimize to view the gadget in the standard mode.
Changing user preferences of a gadget
All dashboard viewers are given the option to change the user preferences in the dashboard view page. The changes made by dashboard viewers are saved in that respective user's space in the registry. Thereby, enabling viewers who have entered user preferences to view a customized version of the original dashboard.
A viewer can change the user preferences of a gadget when either viewing or personalizing a dashboard.
- Changing user preferences of a gadget in view mode
- Enter the dashboard URL to access the respective dashboard in view mode.
URL format:
https://<HOSTNAME>:<HTTPS-PORT>/portal/<DASHBOARD_URL>
Example:
https://localhost:9443/portal/dashboards/sales-stats
Log into the dashboard using the viewer credentials.
Click Properties.
- Enter the required user preference details.
- Click Properties.
These changes are saved to the userPrefs of a particular gadget. In addition, the gadget view is also updated based the new preferences.
- Changing user preferences of a gadget in personalization mode
- Enter the dashboard URL to access the respective dashboard in view mode.
URL format:
https://<HOSTNAME>:<HTTPS-PORT>/portal/<DASHBOARD_URL>
Example:
https://localhost:9443/portal/dashboards/sales-stats
- Log into the dashboard using the viewer credentials.
- Click Edit.
Click Properties.
Enter the required user preference details.
Removing a block in a dashboard
- Enter the dashboard URL to access the respective dashboard in view mode.
URL format:
https://<HOSTNAME>:<HTTPS-PORT>/portal/<DASHBOARD_URL>
Example:
https://localhost:9443/portal/dashboards/sales-stats
- Log into the dashboard using the viewer credentials.
- Click Remove, which appears in the block title bar.
- Select your delete preference and click Delete.
- The following message-box appears when you are trying to delete a block that already has a gadget.
- The following message-box appears when you are trying to delete an empty block.
Removing a page in a dashboard
- Enter the dashboard URL to access the respective dashboard in view mode.
URL format:
https://<HOSTNAME>:<HTTPS-PORT>/portal/<DASHBOARD_URL>
Example:
https://localhost:9443/portal/dashboards/sales-stats
- Log into the dashboard using the viewer credentials.
- Click Next or Previous to navigate to the required page.
- Click Remove.
- Click Yes to confirm the deletion process.
Resetting a dashboard
- Enter the dashboard URL to access the respective dashboard in view mode.
URL format:
https://<HOSTNAME>:<HTTPS-PORT>/portal/<DASHBOARD_URL>
Example:
https://localhost:9443/portal/dashboards/sales-stats
- Log into the dashboard using the viewer credentials.
- Click Reset to discard your dashboard preferences and revert to the dashboard that was created by the dashboard editor.