CEO's Blog

Blog Entry of Wednesday, January 31st, 2007

Increasing the width of the taglist in PRTG’s web interface

Some users have asked us how they can increase the width of the taglist in PRTG’s web interface. They use longer tag names and/or group names which are cropped when they use PRTG’s default setting for the width of the left column.

Changing the width is actually pretty easy: One must only edit the widths in the CSS file.

So here is what you have to do:

  • Create your own skin by making a copy of the folder of the default skin of your choice (e.g. copy the folder c:\program files\PRTG Traffic Grapher\Webskins\Skin1 to c:\program files\PRTG Traffic Grapher\Webskins\Skin1Edited)
  • Open the file prtg.css from the Skin1Edited\css subfolder using a text editor
  • Change the two width values shown below (130px and 125px are the default values), e.g. to 230px and 225px
  • Save the prtg.css file
  • Restart PRTG Traffic Grapher and choose your new skin in the Extras|Options dialog
  • Access the Web interface of PRTG
td.layoutnavigator
{
  padding:5px;
  text-align:left;
  vertical-align:top;
  width:130px;
}
[…]
div.navigatorinnerbox
{
  width:125px;
  padding:4px;
  background-color:#eee;
  overflow:auto;
  white-space:nowrap;
}
Back to the blog