![\"Download\/Upload](\"https:\/\/help.instantatlas.com\/dashboard-builder-agol\/wp-content\/uploads\/sites\/41\/2018\/06\/iao-db-download-button.png\")
<\/p>\nIt is possible to add custom CSS and JavaScript to a dashboard to give it a customised look and\/or behaviour. It is also possible to download the layout or colour scheme and upload it to another dashboard. To do this, go to the Style tab and click the Download\/Upload button. The following window will appear:<\/p>\n
<\/p>\n
Layout<\/strong> – this file contains detailed information about the layout of your report (size, position and settings for every widgets). You can click Download to save off a copy of your dashboard layout at any point (i.e. to take backups). You can then use the Upload button if you need to roll back to a saved layout for example, or to apply a saved layout to a different dashboard.<\/p>\n Colour Scheme<\/strong> – this file contains all the settings you can choose under the Style tab in Dashboard Builder. Again, it can be useful to download\/upload the colour scheme for the same reasons given above for the layout.<\/p>\n Stylesheet<\/strong> – use this button to initially download the default stylesheet file for your dashboard. You can then edit this file using a text editor and upload it using the Custom Stylesheet, Upload button in order to apply the custom CSS to your dashboard.<\/p>\n Custom stylesheet<\/strong> – you can use these buttons to download\/upload the custom stylesheet for your dashboard. It is worth noting that if you upload a custom stylesheet to your dashboard, subsequent chages made under the Style tab will have no effect, as the custom stylesheet overrides these settings.<\/p>\n Custom JavaScript<\/strong> – start by downloading the file, which will give you a template file that tells you where to add the custom code. You can find examples of custom code in this technical article<\/a>. The dashboard will reload after you change the JavaScript. Be careful when using the custom JavaScript function as you can cause your dashboard to become permanently inoperative! It is a good idea to take a backup copy of the dashboard beforehand (Save As).<\/p>\n","protected":false},"excerpt":{"rendered":" It is possible to add custom CSS and JavaScript to a dashboard to give it a customised look and\/or behaviour. It is also possible to download the layout or colour scheme and upload it to another dashboard. To do this, go to the Style tab and click the Download\/Upload button. The following window will appear: … Continue reading Custom CSS and JavaScript<\/span><\/a><\/p>\n","protected":false},"author":51,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-14894","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/help.instantatlas.com\/dashboard-builder-agol\/wp-json\/wp\/v2\/pages\/14894","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/help.instantatlas.com\/dashboard-builder-agol\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/help.instantatlas.com\/dashboard-builder-agol\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/help.instantatlas.com\/dashboard-builder-agol\/wp-json\/wp\/v2\/users\/51"}],"replies":[{"embeddable":true,"href":"https:\/\/help.instantatlas.com\/dashboard-builder-agol\/wp-json\/wp\/v2\/comments?post=14894"}],"version-history":[{"count":0,"href":"https:\/\/help.instantatlas.com\/dashboard-builder-agol\/wp-json\/wp\/v2\/pages\/14894\/revisions"}],"wp:attachment":[{"href":"https:\/\/help.instantatlas.com\/dashboard-builder-agol\/wp-json\/wp\/v2\/media?parent=14894"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}