How-do-I-customize-my-dashboard-viewer-page

default

markdown

#How do I customize my dashboard viewer page

[[_TOC_]]

##Question

How can I customize my dashboard viewer page, and what can I customize?

##Answer

The dashboard list is not natively sorted. There is no maximum number of dashboard tiles, though browser performance will be impacted by each tile and large dashboards may load slowly on some systems (30+ tiles). You may override and customize these items:

###Dashboard Color

Typically, this is stored in cookies on a given user's computer. You can force a given image by overriding:

Resources/components/dashboard/templates/toolbar.html

Inside of which is the angular component:

```html
<div izenda-dashboard-background ... >
```

There this behavior can be defined as a default for all users.

###Dashboard Verbose List

The text links to each dashboard in the dashboard viewer can be turned off, leaving only the folder to navigate category/dashboard name. Modify this file:

Resources/components/dashboard/templates/toolbar.html

Find this element:

```html

```

And change it to:

```html
<div class="iz-dash-linkspanel-container" ng-show="false">
```

###Dashboard Background Image

In dashboard.css, you can override the following class:

"iz-dash-background"

And establish some property such as:

background-image: url('Resources\images\ExampleBackground.png');

Uploading file...

Header

Sidebar

![Izenda Logo](http://izenda.com/wp-content/uploads/2014/12/IzendaNewLogoBlueTR.png)

---

* [[Izenda 7 Series Documentation|https://www.izenda.com/docs/]]
* [[Release Notes]]
* [[Upgrade Best Practices|FAQ/Izenda-Update-Best-Practices]]
* [[FAQ]]
* [[Tutorials]]
* [[The Izenda API|/API/AdHocConfig]]
* [[The AdHocSettings class|/API/AdHocSettings]]
* [Developer Links and Guides](/Guides/Developer-Links-and-Guides)
* [[Known Issues]]

---

* <a href="http://www.izenda.com" rel="nofollow" target="_blank">Izenda Website</a>
* [Product Video](https://www.youtube.com/watch?v=X3-yWFq0w5A)
* <a href="http://www.izenda.com/blog" rel="nofollow" target="_blank">Izenda Blog</a>
* <a href="http://www.izenda.com/company/" rel="nofollow" target="_blank">About Us</a>
* <a href="http://www.izenda.com/contact-us/" rel="nofollow" target="_blank">Contact Us</a>

---
* [Guide To Report Design](/Guides/ReportDesign)
* [Making Custom Forms Video](http://www.youtube.com/watch?v=5b2axJlgdFs)

---

* [[Acknowledgements]]

Edit message:

Cancel

Editing How-do-I-customize-my-dashboard-viewer-page

Header

Sidebar