Background in dashboards

Hello,

question: How to change a background in dashboards. I want to use an image for background.

 

 

Max

ukmoose's picture

Re: Background in dashboards

Are you hosting your own copy of emoncms or using emoncms.org?

If you are using emoncms.org, it isn't something you can currently do.

Max's picture

Re: Background in dashboards

hello,

yes I am hosting a copy of emoncms. I am don't using emoncms.org.

ukmoose's picture

Re: Background in dashboards

I've not done this, and you might well find it affects other parts of emoncms.

but if you use the developer tools in your browser when displaying the dashboard, you could find the CSS tag that defines the entire dashboard.

then search for the .CSS file that contains that tag and modify the properties to include a background image.

 

 

 

EmilianoM's picture

Re: Background in dashboards

Simply paste HTML into a text box.

Max's picture

Re: Background in dashboards

have you an example for CSS and HTML?

ukmoose's picture

Re: Background in dashboards

If you want to try the CSS route try googling "CSS background image" you'll find lots of examples

TrystanLea's picture

Re: Background in dashboards

You can add an image to the dashboard using the paragraph widget, click configure and then enter:

<img src="http://openenergymonitor.org/emon/sites/default/files/Open-Hardware.png" >

This will draw the open hardware logo from the OpenEnergyMonitor home page

 

TrystanLea's picture

Re: Background in dashboards

Ah yes and to change the background color try:

<style>
body { background-color:#222; }
</style>

or

<style>

body
{
background-image:url('http://i1-news.softpedia-static.com/images/news2/Ubuntu-13-04-Default-Wallpaper-Was-Revealed-Download-It-Now-2.jpg');
background-color:#cccccc;
}
</style>

using that ubuntu gradient background looks quite nice!

Max's picture

Re: Background in dashboards

thanks,

 

where I must put it in?

 

in this File:  "dashboard_edit_view.php"

ukmoose's picture

Re: Background in dashboards

Max,  Look at the post Submitted by TrystanLea on Sun, 23/03/2014 - 10:49.

Rather than modifying the css code, Trystan suggests just drawing a box as an object on the dashboard.

 

 

Max's picture

Re: Background in dashboards

thanks, it works!

Comment viewing options

Select your preferred way to display the comments and click "Save settings" to activate your changes.