In This Article

Adding custom CSS and JavaScript code to a dashboard

From the My Dashboards tab:

  1. Click on Dashboards in the command bar
  2. On the My Dashboards tab (or the Other Dashboards tab if editing a dashboard you do not own), click on the Edit Info () icon in the Actions column.
  3. On the Edit Dashboard modal, in the Custom CSS/JS box, add your code.
    • This code will be added to the <HEAD> section of your dashboard.
    • Be sure to put your CSS rules inside of <style> tags and your JavaScript inside of <script> tags.
    • DO NOT include any <script> tags that are loading the jQuery JavaScript library. This is already included on each page and loading it additional times can cause jQuery-powered elements to stop working.
  4. Click the Save changes button.

editing a dashboard's css part 1

editing a dashboard's css part 2


While editing a dashboard's content:

  1. Click on the Edit Dashboard Settings button.
  2. On the Edit Dashboard modal, in the Custom CSS/JS box, add your code.
    • This code will be added to the <HEAD> section of your dashboard.
    • Be sure to put your CSS rules inside of <style> tags and your JavaScript inside of <script> tags.
    • DO NOT include any <script> tags that are loading the jQuery JavaScript library. This is already included on each page and loading it additional times can cause jQuery-powered elements to stop working.
  3. Click the Save changes button.

editing a dashboard's css part 1

editing a dashboard's CSS 2

Related Articles