# Surge Mautic Dashboard into something Amazing!

**URL:** https://forum.mautic.org/t/surge-mautic-dashboard-into-something-amazing/23864
**Category:** General Discussion
**Created:** [April 24, 2022, 10:34am UTC](https://forum.mautic.org/t/surge-mautic-dashboard-into-something-amazing/23864 "2022-04-24T10:34:35Z")
**Posts on this page:** 11
**Page:** 1

<div class="post-metadata">

### Author: ![mikew](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.mautic.org/mikew/32/5156_2.png) [@mikew](https://forum.mautic.org/u/mikew)
#### Post date: [April 24, 2022, 10:34am UTC](https://forum.mautic.org/t/surge-mautic-dashboard-into-something-amazing/23864/1 "2022-04-24T10:34:35Z")

</div>

How often have you looked at the dashboard inside Mautic and thought - I wish there was more I can do here.

[Surge.Media](https://surge.media) went ahead and took on this task to create something **amazing**!!

![surge-post-dashboard-1000x1000](https://us1.discourse-cdn.com/flex020/uploads/mautic/original/2X/c/c37a5d12861595901a60ce2e449ff29df9dd8102.gif)

When we began the exploration, we had a number of ideas:

1. Find out how to redirect the “after-login” to another page with iFrame embedded.
2. Trying to create a json file (which is what the dashboard uses)
3. Hiding the Dashboard menu item and adding a new menu item.

So we played around with these few ideas:  
We were able to hide the dashboard menu item, but still were not able to redirect to a different page.  
We tried to create a json file where we were calling an iframe, but this did not work for us.  
Eventually we went into the code and modified the dashboard part to do what we wanted.

We use Metabase as our choice of a BI system. This tool provides the ability to create an external link that can be embedded into a page and pull information from the original source.

In order to do this we created a dashboard inside Metabase for our instance and exported this.  
We then went into the Mautic code and did the following:

1. Go to the following directory: app/bundles/DashboardBundle/Views/Dashboard
2. Make a copy of the file index.html.php to index.html.php.orig (this way you will have a backup of the original view if ever you want to role back, or mess something up)
3. Edit the original file index.html.php
4. Delete all the content from rows 15 downwards

You should be left with only the following:

```auto
<?php
 
 /*
  * @copyright 2014 Mautic Contributors. All rights reserved
  * @author Mautic
  *
  * @link http://mautic.org
  *
   * @license GNU/GPLv3 http://www.gnu.org/licenses/gpl-3.0.html
   */
 $view->extend('MauticCoreBundle:Default:content.html.php');
 $view['slots']->set('headerTitle', $view['translator']->trans('mautic.dashboard.header.index'));
 $view['slots']->set('mauticContent', 'dashboard');

```

Next you go ahead and embed the BI code here, which will look like this:

```auto
?>
<style>
.iframe-container {
  overflow: hidden;
  padding-top: 100%;
  position: relative;
}

.iframe-container iframe {
  border: 0;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}</style>
<div class="iframe-container"><iframe loading="lazy" src="https://your.bi.domain/link"></iframe></div>

```

You will now have a super useful and fully customizable dashboard according to your needs and requirements.

Any questions, please feel free to ask.

---

<div class="post-metadata">

### Author: ![ericgr](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.mautic.org/ericgr/32/5505_2.png) [@ericgr](https://forum.mautic.org/u/ericgr)
#### Post date: [April 25, 2022, 1:03am UTC](https://forum.mautic.org/t/surge-mautic-dashboard-into-something-amazing/23864/2 "2022-04-25T01:03:56Z")

</div>

Nicely done, @mikew and Surge.Media. This looks great. Thanks for the tips!

---

<div class="post-metadata">

### Author: ![mikew](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.mautic.org/mikew/32/5156_2.png) [@mikew](https://forum.mautic.org/u/mikew)
#### Post date: [April 25, 2022, 3:41pm UTC](https://forum.mautic.org/t/surge-mautic-dashboard-into-something-amazing/23864/3 "2022-04-25T15:41:02Z")

</div>

Thanks @ericgr .

---

<div class="post-metadata">

### Author: ![pierre\_a](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.mautic.org/pierre_a/32/7031_2.png) [@pierre\_a](https://forum.mautic.org/u/pierre_a)
#### Post date: [April 25, 2022, 4:39pm UTC](https://forum.mautic.org/t/surge-mautic-dashboard-into-something-amazing/23864/4 "2022-04-25T16:39:33Z")

</div>

Hello @mikew,

Do you think you can make it a “Mautic/Metabase” plugin and propose it as PR on Github?

Pierre

---

<div class="post-metadata">

### Author: ![mikew](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.mautic.org/mikew/32/5156_2.png) [@mikew](https://forum.mautic.org/u/mikew)
#### Post date: [April 26, 2022, 7:47am UTC](https://forum.mautic.org/t/surge-mautic-dashboard-into-something-amazing/23864/5 "2022-04-26T07:47:42Z")

</div>

I do not think there is a need for a plugin. It is a nice hack that really provides a huge surge to the current dashboard.

---

<div class="post-metadata">

### Author: ![pierre\_a](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.mautic.org/pierre_a/32/7031_2.png) [@pierre\_a](https://forum.mautic.org/u/pierre_a)
#### Post date: [April 26, 2022, 10:15am UTC](https://forum.mautic.org/t/surge-mautic-dashboard-into-something-amazing/23864/6 "2022-04-26T10:15:00Z")

</div>

Hello @mikew,

> [@mikew](#):
>
> I do not think there is a need for a plugin. It is a nice hack that really provides a huge surge to the current dashboard.

It’s a bad things because as a hack it will disappear with the next Mautic update.  
This is not sustainable over time. 🙂

Pierre

---

<div class="post-metadata">

### Author: ![joeyk](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.mautic.org/joeyk/32/11164_2.png) [@joeyk](https://forum.mautic.org/u/joeyk)
#### Post date: [April 26, 2022, 10:29am UTC](https://forum.mautic.org/t/surge-mautic-dashboard-into-something-amazing/23864/7 "2022-04-26T10:29:30Z")

</div>

Many Mautic providers do their own patch after an update.  
We also do it. This is standard procedure.  
The reason is, that by sometimes you can’t opensource customer specific data, and masking it / creating variables would be counter productive. You would spend way more time in maintaining an open source plugin, then using your own quick and dirty solution. Balance.

“Balance is what the force seeks.” - little green guy from a galaxy far far away.

---

<div class="post-metadata">

### Author: ![mikew](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.mautic.org/mikew/32/5156_2.png) [@mikew](https://forum.mautic.org/u/mikew)
#### Post date: [April 26, 2022, 10:31am UTC](https://forum.mautic.org/t/surge-mautic-dashboard-into-something-amazing/23864/8 "2022-04-26T10:31:19Z")

</div>

exactly @joeyk . We have scripts written up that take care of any customization we do on each update.

---

<div class="post-metadata">

### Author: ![pierre\_a](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.mautic.org/pierre_a/32/7031_2.png) [@pierre\_a](https://forum.mautic.org/u/pierre_a)
#### Post date: [April 26, 2022, 4:31pm UTC](https://forum.mautic.org/t/surge-mautic-dashboard-into-something-amazing/23864/9 "2022-04-26T16:31:01Z")

</div>

Hello @joeyk,

For me its important to open source all patch. 🙂  
If it is something that brings value to Mautic then it can surely help the community.  
It avoids to maintain each one a different version and to make the work of “patch” in duplicate. 🙂

Pierre

---

<div class="post-metadata">

### Author: ![mikew](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.mautic.org/mikew/32/5156_2.png) [@mikew](https://forum.mautic.org/u/mikew)
#### Post date: [April 27, 2022, 6:18pm UTC](https://forum.mautic.org/t/surge-mautic-dashboard-into-something-amazing/23864/10 "2022-04-27T18:18:22Z")

</div>

Hey @pierre_a

I am not really sure how one would go about making a plugin here. The hack is very dependent on an external system and is actually intended to be wide enough that anyone can input any type of information inside the dashboard, so for example if someone was using google studio, they could embed that as well.

I think the fact that the code is here on the form is in line with the open source theme, such that it is available for everyone to use at their will.

The just of it is two fold:

1. To show the possibility of modifying a view within the Mautic interface
2. To input your own dashboard or information.

I only hope that this will provide some additional value to the mautic community and users all around.

---

<div class="post-metadata">

### Author: ![joeyk](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.mautic.org/joeyk/32/11164_2.png) [@joeyk](https://forum.mautic.org/u/joeyk)
#### Post date: [April 27, 2022, 8:09pm UTC](https://forum.mautic.org/t/surge-mautic-dashboard-into-something-amazing/23864/11 "2022-04-27T20:09:55Z")

</div>

You don’t need to make a plugin. If you’d make one you take all the support in your neck.

1. You gave a perfect explanation, anyone with a little skill can implement this.
2. You already open sourced the solution, thank you for that.

If someone would like to use a plugin, you can use this:

> [@Mautic Plugin - Database Driven Custom Navigation](https://forum.mautic.org/t/mautic-plugin-database-driven-custom-navigation/16584):
>
> Hey guys, So we have built a plugin that allows you to add custom navigation items that load within frame or external pages. My personal object was to be able to embed my commands which I use on the regular, but has a broader scope and flexibility to allow us to add any URL as an internal page or link to external resource. Let me know your thoughts [https://github.com/TornMarketing/Mautic-Custom-Navlinks](https://github.com/TornMarketing/Mautic-Custom-Navlinks) 20201015 - Mautic - Database Driven Custom Navigation [https://www.youtube.com/embed/Ya4…](https://www.youtube.com/embed/Ya48-VxUvD8)

Plus set the default mautic page to this new page. Thats it.
