Change position of pagination control in the Dashboards for JRXML report

Problem :  

By default, when a report having multiple pages is embedded in the dashboard the pagination control button is available at the top left corner. 

Cause :

The default themes provided in the jasperserver application position it to the top-left corner.

Resolution : 

To position the pagination control at the different position we can use a custom theme as described in the below doc:

https://community.jaspersoft.com/documentation/tibco-jasperreports-server-ultimate-guide/v780/changing-ui-themes

To position, the pagination controller to the bottom left the following CSS can be used:

.dashboardCanvas .dashlet .paginationControlWrapper {
    position: absolute;
    height: 36px;
    padding-bottom: 8px;
    padding-right: 8px;
    padding-left: 8px;    
    bottom: 15px;
    right: 15px;
}

I have also attached a custom zip file which can be uploaded in the THEMES directory on the server for quick testing 

(Right Click On "Themes" Folder -> SELECT Option "Upload a Theme")

dashboardpagination.zip