# Passenger app that renders with dashboard navbar and stylesheets

**URL:** <https://discourse.openondemand.org/t/passenger-app-that-renders-with-dashboard-navbar-and-stylesheets/2402>\
**Category:** Get Help\
**Created:** [December 13, 2022, 12:24pm UTC](https://discourse.openondemand.org/t/passenger-app-that-renders-with-dashboard-navbar-and-stylesheets/2402 "2022-12-13T12:24:47Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![linus](https://sea1.discourse-cdn.com/flex015/user_avatar/discourse.openondemand.org/linus/32/1399_2.png) [@linus](https://discourse.openondemand.org/u/linus)\
**Post date:** [December 13, 2022, 12:24pm UTC](https://discourse.openondemand.org/t/passenger-app-that-renders-with-dashboard-navbar-and-stylesheets/2402/1 "2022-12-13T12:24:47Z")

</div>

Hi!

Very much a beginner in RoR / Sinatra. We have developed a simple passenger app based on the “ps-app” tutorial [1]. It works as expected, however, we would like the app to rendered with templates from the dashboard so we can have the common navbar, CSS styles etc. Is this possible using some require / render magic, or, as I suspect, is it easier to integrate the app inside apps/dashboard/apps or similar?

Any helpful links or code much appreciated.

Thanks!

Linus  
UPPMAX

[1] [Tutorials: Passenger Apps — Open OnDemand 2.0.20 documentation](https://osc.github.io/ood-documentation/latest/app-development/tutorials-passenger-apps.html)

---

<div class="post-metadata">

**Author:** ![travert](https://sea1.discourse-cdn.com/flex015/user_avatar/discourse.openondemand.org/travert/32/3074_2.png) [@travert](https://discourse.openondemand.org/u/travert)\
**Post date:** [December 13, 2022, 6:52pm UTC](https://discourse.openondemand.org/t/passenger-app-that-renders-with-dashboard-navbar-and-stylesheets/2402/2 "2022-12-13T18:52:38Z")

</div>

Hello and welcome!

For something like this you won’t be able to get that navbar like the dashboard has unless it is an actual dashboard app.

For the styling we use Bootstrap 4 so if you just use that most of what we use can be recreated, but you’d have to then rewrite the `html` for the app to use all of that.

---

<div class="post-metadata">

**Author:** ![linus](https://sea1.discourse-cdn.com/flex015/user_avatar/discourse.openondemand.org/linus/32/1399_2.png) [@linus](https://discourse.openondemand.org/u/linus)\
**Post date:** [January 31, 2023, 11:44am UTC](https://discourse.openondemand.org/t/passenger-app-that-renders-with-dashboard-navbar-and-stylesheets/2402/3 "2023-01-31T11:44:14Z")

</div>

Thank you. Here is the solution we came up with if anyone is interested:

Dashboard app: [GitHub - c3se/ood\_dashboard\_diskquota: OpenOndemand Dashboard App for displaying disk quota](https://github.com/c3se/ood_dashboard_diskquota)  
Passenger app: [GitHub - c3se/ood\_diskquota](https://github.com/c3se/ood_diskquota)

If anyone sees things that can be improved, or achieved in an easier way, please let us know.

Regards,  
Linus  
UPPMAX

---

<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:** [January 31, 2023, 2:33pm UTC](https://discourse.openondemand.org/t/passenger-app-that-renders-with-dashboard-navbar-and-stylesheets/2402/4 "2023-01-31T14:33:05Z")

</div>

Thanks for sharing!

That said, you can show warnings for balances on the dashboard itself.

[https://osc.github.io/ood-documentation/latest/customization.html#balance-warnings-on-dashboard](https://osc.github.io/ood-documentation/latest/customization.html#balance-warnings-on-dashboard)

---

<div class="post-metadata">

**Author:** ![linus](https://sea1.discourse-cdn.com/flex015/user_avatar/discourse.openondemand.org/linus/32/1399_2.png) [@linus](https://discourse.openondemand.org/u/linus)\
**Post date:** [January 31, 2023, 3:05pm UTC](https://discourse.openondemand.org/t/passenger-app-that-renders-with-dashboard-navbar-and-stylesheets/2402/5 "2023-01-31T15:05:53Z")

</div>

Yes I stumbled upon that by accident while looking through the source code. It is something we are interested in so we will likely revisit in the future.

Linus

---

<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:** [July 30, 2023, 3:06pm UTC](https://discourse.openondemand.org/t/passenger-app-that-renders-with-dashboard-navbar-and-stylesheets/2402/6 "2023-07-30T15:06:34Z")

</div>

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