# OnDemand Dash Board Layout

**URL:** <https://discourse.openondemand.org/t/ondemand-dash-board-layout/2666>\
**Category:** Get Help\
**Tags:** ondemand2, question\
**Created:** [April 26, 2023, 1:04pm UTC](https://discourse.openondemand.org/t/ondemand-dash-board-layout/2666 "2023-04-26T13:04:50Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![bviviano](https://sea1.discourse-cdn.com/flex015/user_avatar/discourse.openondemand.org/bviviano/32/1514_2.png) [@bviviano](https://discourse.openondemand.org/u/bviviano)\
**Post date:** [April 26, 2023, 1:04pm UTC](https://discourse.openondemand.org/t/ondemand-dash-board-layout/2666/1 "2023-04-26T13:04:50Z")

</div>

I’m using the pinned\_apps and motd widgets on my dashboard, but on a smaller monitor, the pinned app icons don’t look very good

 ![image](https://us1.discourse-cdn.com/flex015/uploads/osc/original/2X/c/c521615626749dd2742b7d93424d106d6cc21d25.png)

But there is a lot of white space to the left and right of both widget, so, my questions

1. Is there a ondemand.yml setting that will let me tell the dashboard\_layout to be wider then it appears by default, using up more of the white space on either side so the pinned\_apps icons don’t get smooched, or
2. Can I tell the pinned\_apps widget to only be 3 wide instead of 4?

If I edit /var/www/ood/apps/sys/dashboard/app/views/widgets/pinned\_apps/\_app.html.erb and change

```
<div class="col-sm-3 col-md-3">

```

to

```
<div class="col-sm-3 col-md-4">

```

It changes the pinned\_apps layout to 3 across and the icons look better, but I don’t see a YML setting for that anywhere.

 ![image](https://us1.discourse-cdn.com/flex015/uploads/osc/original/2X/a/a9009d674e43347bdd396d19e77862d00d078a2d.png)

Thanks.

---

<div class="post-metadata">

**Author:** ![jeff.ohrstrom](https://sea1.discourse-cdn.com/flex015/user_avatar/discourse.openondemand.org/jeff.ohrstrom/32/136_2.png) [@jeff.ohrstrom](https://discourse.openondemand.org/u/jeff.ohrstrom)\
**Post date:** [April 26, 2023, 2:07pm UTC](https://discourse.openondemand.org/t/ondemand-dash-board-layout/2666/2 "2023-04-26T14:07:44Z")

</div>

Hi and welcome!

For question 1 - there is no way to get rid of the white space on the right and left.  
For question 2 - You can override any partial by supplying a new one.

Change the file as you see fit and place it in the location below. The system will read your new file instead of the one that shipped with the source code.

Aside from that, you could change the `dashboard_layout` such that they get their own row (so they don’t have to share the horizontal space with the message of the day).

But you’re right, that those icons are off a bit on small screens.

```auto
/etc/ood/config/apps/dashboard/views/widgets/pinned_apps/_app.html.erb

```

---

<div class="post-metadata">

**Author:** ![bviviano](https://sea1.discourse-cdn.com/flex015/user_avatar/discourse.openondemand.org/bviviano/32/1514_2.png) [@bviviano](https://discourse.openondemand.org/u/bviviano)\
**Post date:** [April 27, 2023, 11:41am UTC](https://discourse.openondemand.org/t/ondemand-dash-board-layout/2666/3 "2023-04-27T11:41:27Z")

</div>

Thanks. Adding my customer \_app.html.erb to /etc/ood/config/… did the trick.

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex015/uploads/osc/original/2X/b/bae70bd0ed39a3ae769c2108155f4cb3e9da8385.png) [@system](https://discourse.openondemand.org/u/system)\
**Post date:** [October 24, 2023, 11:42am UTC](https://discourse.openondemand.org/t/ondemand-dash-board-layout/2666/4 "2023-10-24T11:42:14Z")

</div>

This topic was automatically closed 180 days after the last reply. New replies are no longer allowed.