Hi I'm trying to customize the layout of my map so it will fit a large monitor in our room. I have a device listed with four group that each has five devices.

In customerstyle.ccs i can easily modify the Group object .map_object .groupmenu{ font-size:36px; } ...so I can see the text from the other end of the room, but trying to modify the device with something like .map_object .devicemenu{ font-size:24px; } ...does not work.

It seems that all font's on the maps are optimized for close screen viewing. How can I change the size of font on the devices?

One thing i noticed was that in the html there is no space before the classdefinition. thisid="2095"class="devicemenu Could it be that this is an error that causes the devicerendering in the maps to always stay at default values? (just a thought)

Article Comments

Please try with:

.map_object .devicemenu{ font-size:24px !important; }

The "!important;" entry should solve this.


Nov, 2012 - Permalink

At first glance - yes this should do the trick...but it doesn't

I might add, that I'm using the "Device tree Small" as I only want a series of boxes for each device, showing the color. The traffic light as the bosses like to call it.

In this menu I have the Group name "Test / Build / Production" in large font, and in each category, i have 5 subsystems, each in a box with a background color.

If i use any of the other rendering methods, I get all kinds of silly things - response-times, boxes for each senoser and so on. We need it simple.

Looking in the css (hitting f12 in explorer, then looking at "computed stylesheet" i see that the file prtg.sensortree.css has a definition for

div.sensortreesmall div.dev{

font-size: 11px!important;

...and similar a lot of other places. and i think the styles get confused by the many 11px!Important so it's not possible for me to change it.

Does it work for you guys, or did you just guess?


Nov, 2012 - Permalink

Our bad, sorry. It should actually be:

.map_object #sensortreebox a.devicemenu {
    font-size:24px !important;
}

This needs to be defined in the styles_custom.css file under C:\Program Files (x86)\PRTG Network Monitor\webroot\css


Nov, 2012 - Permalink

Indeed - this helps me change the font-size. However changing this to e.g. 24px just overflows the box so I can only see the top 2 pixels of the font. Apparently I need to change to boxsize (and box spacing) as well. I tried with

.map_object #sensortreebox a.devicemenu {
    font-size:24px !important;
   height:60px !important;
}

..but that did not seem to work.

Maybe you have more styling tricks to use?


Nov, 2012 - Permalink

Add

.map_object div.sensortreesmall div.row div.dev, div.sensortreesmall div.dev > a {
    height: 80px !important;
}

to the styles_custom.css file under C:\Program Files (x86)\PRTG Network Monitor\webroot\css


Nov, 2012 - Permalink