What is this?

This knowledgebase contains questions and answers about PRTG Network Monitor and network monitoring in general.

Learn more

PRTG Network Monitor

Intuitive to Use. Easy to manage.
More than 500,000 users rely on Paessler PRTG every day. Find out how you can reduce cost, increase QoS and ease planning, as well.

Free Download

Top Tags


View all Tags

Add the real image of cisco equipment in Popup Window - (devicetooltip)

Votes:

9

Add the real image of cisco equipment in Popup Window - (devicetooltip)

Download the image of the device

http://www.cisco.com/c/en/us/products/visio-stencil-listing.html

Convert the stencil image to PNG format

Example: WS- C3750G - 48TS -S

Http://i.imgur.com/1R5rV2a.png

Save the image with the same name as the device id number in folder (images)

C:\Program Files(x86)\PRTG Network Monitor\webroot\images

Open the file (devicetooltip.htm)

C:\Program Files(x86)\PRTG Network Monitor\webroot\controls\devicetooltip.htm

After the second tag </ table > Add the code and save the change.

<img width="100%" src="http://yourprtgserver/images/<#objectid>.png">

When you pass the mouse over in the device name the Popup (devicetooltip) will show the real image of the device .

http://i.imgur.com/6YwlkXq.png

cisco customize device devicetooltip image popup

Created on Oct 8, 2015 2:52:39 PM



Best Answer

Accepted Answer

Votes:

3

In the example the device ID is (56556). The image for this device must be saved as (56556.png) in the folder - C:\Program Files(x86)\PRTG Network Monitor\webroot\images

In the code devicetooltip.htm where this (yourprtgserver) you must switch to IP or URL of your PRTG server. C:\Program Files (x86)\PRTG Network Monitor\webroot\controls

<img width="100%" src="http://IP_or_URL_PRTG_Server/images/<#objectid>.png">

Follows the code complete file (devicetooltip.htm) modified 

<#checkobjecttype objecttype="device">
<#objectid var="objid">
<#objectstatus name="probegroupdevice">
<div class="overviewsmalldata overviewsmalldatastatus<#objectstatus name="status" show="textraw">">
  <table width="100%" >
    <tr>
      <td class="label">
        <#lang key="html.devicedata.status" default="Status">:</td>
      <td class="allowwordwrap" >
        <div title="<#objectstatus name="message" show="treejson">
          <#objectstatus name="condition" show="treejson">
          "> <b><#objectstatus name="message" show="htmllong">
            <#objectstatus name="condition"></b>
        </div>
      </td>
      <td title="<#lang key="html.devicedata.sensors" default="Sensors">
        ">
        <b>
          <#objectstatus name="downsens">
          <#objectstatus name="partialdownsens">
          <#objectstatus name="downacksens">
          <#objectstatus name="warnsens">
          <#objectstatus name="upsens">
          <#objectstatus name="pausedsens">
          <#objectstatus name="unusualsens">
          <#objectstatus name="undefinedsens"></b>
        (
        <#lang key="html.addsensor.xsensors_of_ysensors" default="of">
        <#objectstatus name="totalsens">)</td>
    </tr>
  </table>
</div>
<div class="overviewsmalldata">
  <table width="100%" >
    <tr>
      <td>
        <#lang key="html.devicedata.dnsip" default="DNS/IP">;
      </td>
      <td class="<#if value="@objid" is="0" then="hide" varexpand="value">">
        <#lang key="html.devicedata.dependency" default="Dependency">:
      </td>
      <td class="<#if value="@objid" is="0" then="hide" varexpand="value">" style="<#showbyobjecttype showonlyforobjecttype="group">">
        <#lang key="html.devicedata.lastautodiscovery" default="Last Auto-Discovery">:
      </td>
      <td>
        <#lang key="html.devicedata.ID" default="ID">:
      </td>
    </tr>
	 
    <tr>
      <td>
        <#objectproperty name="host" show="text">
      </td>
      <td class="<#if value="@objid" is="0" then="hide" varexpand="value">">
        <#objectstatus name="dependency">
      </td>
      <td class="<#if value="@objid" is="0" then="hide" varexpand="value">" style="<#showbyobjecttype showonlyforobjecttype="group">">
        <#lastautodisco>
      </td>
      <td>
        <b>#<#objectid></b>
				
      </td>
    </tr>
  </table>
  <img  width="100%" src="http://yourprtgserver/images/<#objectid>.png"> 
</div>

<#lang key="html.global.sensors" default="Sensors" var="title">
<div class="prtg-plugin" data-plugin="prtg-table">
  <#table tableid="devicesensortable" tabletitle="@title" varexpand="tabletitle"  content="sensors" columns="sensor,message,status" sortby="position" sortable="true" links="true" count="100" refreshable="true"></div>
<div style="position:relative;" class="<#selectionlist content="geomapprovider" asClass="true">
  ">
  <div id="geomap_devicetooltip" class="refreshable geomap <#selectionlist content="geomapprovider">
    " refreshurl="/controls/geomap.htm?id=
    <#objectid>
    &width=445&height=225&maxlegenditems=4&domobjectid=geomap_devicetooltip&nolegend=1">
    <#selectionlist content="locationlist" width="445" height="225" maxlegenditems="4" domobjectid="geomap_devicetooltip" loadlater="true" nolegend="1"></div>
</div>

Created on Nov 10, 2015 1:14:53 PM

Last change on Nov 10, 2015 4:28:08 PM by Torsten Lindner [Paessler Support]



15 Replies

Votes:

3

Download the image of the device

http://www.cisco.com/c/en/us/products/visio-stencil-listing.html

Convert the stencil image to PNG format

Example: WS- C3750G - 48TS -S

http://i.imgur.com/aJk7myY.png

Created on Oct 15, 2015 5:02:39 PM



Votes:

0

Hi sorry for noobs question but where can i find the device id?

Created on Nov 9, 2015 7:36:57 AM



Votes:

2

When you access the device in PRTG the ID will this next QR code

https://kb.paessler.com/en/topic/64736-how-to-list-out-the-probes-object-id-and-it-s-name

Created on Nov 9, 2015 2:01:45 PM



Votes:

0

Hi my image doesn't appear any clue why it didn't work? Thanks

Created on Nov 10, 2015 12:29:10 AM



Accepted Answer

Votes:

3

In the example the device ID is (56556). The image for this device must be saved as (56556.png) in the folder - C:\Program Files(x86)\PRTG Network Monitor\webroot\images

In the code devicetooltip.htm where this (yourprtgserver) you must switch to IP or URL of your PRTG server. C:\Program Files (x86)\PRTG Network Monitor\webroot\controls

<img width="100%" src="http://IP_or_URL_PRTG_Server/images/<#objectid>.png">

Follows the code complete file (devicetooltip.htm) modified 

<#checkobjecttype objecttype="device">
<#objectid var="objid">
<#objectstatus name="probegroupdevice">
<div class="overviewsmalldata overviewsmalldatastatus<#objectstatus name="status" show="textraw">">
  <table width="100%" >
    <tr>
      <td class="label">
        <#lang key="html.devicedata.status" default="Status">:</td>
      <td class="allowwordwrap" >
        <div title="<#objectstatus name="message" show="treejson">
          <#objectstatus name="condition" show="treejson">
          "> <b><#objectstatus name="message" show="htmllong">
            <#objectstatus name="condition"></b>
        </div>
      </td>
      <td title="<#lang key="html.devicedata.sensors" default="Sensors">
        ">
        <b>
          <#objectstatus name="downsens">
          <#objectstatus name="partialdownsens">
          <#objectstatus name="downacksens">
          <#objectstatus name="warnsens">
          <#objectstatus name="upsens">
          <#objectstatus name="pausedsens">
          <#objectstatus name="unusualsens">
          <#objectstatus name="undefinedsens"></b>
        (
        <#lang key="html.addsensor.xsensors_of_ysensors" default="of">
        <#objectstatus name="totalsens">)</td>
    </tr>
  </table>
</div>
<div class="overviewsmalldata">
  <table width="100%" >
    <tr>
      <td>
        <#lang key="html.devicedata.dnsip" default="DNS/IP">;
      </td>
      <td class="<#if value="@objid" is="0" then="hide" varexpand="value">">
        <#lang key="html.devicedata.dependency" default="Dependency">:
      </td>
      <td class="<#if value="@objid" is="0" then="hide" varexpand="value">" style="<#showbyobjecttype showonlyforobjecttype="group">">
        <#lang key="html.devicedata.lastautodiscovery" default="Last Auto-Discovery">:
      </td>
      <td>
        <#lang key="html.devicedata.ID" default="ID">:
      </td>
    </tr>
	 
    <tr>
      <td>
        <#objectproperty name="host" show="text">
      </td>
      <td class="<#if value="@objid" is="0" then="hide" varexpand="value">">
        <#objectstatus name="dependency">
      </td>
      <td class="<#if value="@objid" is="0" then="hide" varexpand="value">" style="<#showbyobjecttype showonlyforobjecttype="group">">
        <#lastautodisco>
      </td>
      <td>
        <b>#<#objectid></b>
				
      </td>
    </tr>
  </table>
  <img  width="100%" src="http://yourprtgserver/images/<#objectid>.png"> 
</div>

<#lang key="html.global.sensors" default="Sensors" var="title">
<div class="prtg-plugin" data-plugin="prtg-table">
  <#table tableid="devicesensortable" tabletitle="@title" varexpand="tabletitle"  content="sensors" columns="sensor,message,status" sortby="position" sortable="true" links="true" count="100" refreshable="true"></div>
<div style="position:relative;" class="<#selectionlist content="geomapprovider" asClass="true">
  ">
  <div id="geomap_devicetooltip" class="refreshable geomap <#selectionlist content="geomapprovider">
    " refreshurl="/controls/geomap.htm?id=
    <#objectid>
    &width=445&height=225&maxlegenditems=4&domobjectid=geomap_devicetooltip&nolegend=1">
    <#selectionlist content="locationlist" width="445" height="225" maxlegenditems="4" domobjectid="geomap_devicetooltip" loadlater="true" nolegend="1"></div>
</div>

Created on Nov 10, 2015 1:14:53 PM

Last change on Nov 10, 2015 4:28:08 PM by Torsten Lindner [Paessler Support]



Votes:

0

Hi

I'm sorry i just realize to make this thing working you should pointing your browser to your PRTG Server. What i'm doing is im logging in 127.0.0.0 ip address of the server or if you click the PRTG network monitor.

Just another question am i going to add another <img width="100%" src="http://yourprtgserver/images/<#objectid>.png"> if i want to another image?

Thanks for walking me through here i appreciate it.

regards nezky

Created on Nov 11, 2015 12:29:04 AM



Votes:

2

Depending on your project the function of displaying the actual picture of the devices can be very interesting .

For each device will be necessary to have a picture with the same name as the device ID saved in the images folder .

C:\Program Files(x86)\PRTG Network Monitor\webroot\images

If you have 100 Divices must have 100 images. Or just add the images of the principal devices.

The idea of ​​using the device ID in the image name (< #objectid >.png) is to be used by companies that have several models equipment, the pop-up function will display the image set for each device .

( http :yourprtgserver/) is just The URL of the page in this example. you need to add the access address of your PRTG, can be the IP or URL.

URL EXAMPLE

<img width="100%" src="http://yourprtgserver/images/<#objectid>.png">

IP EXAMPLE

<img width="100%" src="http://10.X.X.X/images/<#objectid>.png">

You Can be used in other ways ( Some browsers do not locate the image as well )

<img width="100%" src="/images/<#objectid>.png">

Created on Nov 11, 2015 2:42:10 PM



Votes:

1

Hello Zarete Max

i tried out of my curiosity to add another line similar to this

<img width="100%" src="http://10.X.X.X/images/<#objectid>.png">

And yes with same format it display the images since in the group device i have a 2 catalyst 4500 but the only problem is instead of displaying one image per device id it display two images (because i add another line). and same thing if you will add another more it will just keep on adding images. would it be nice if PRTG can somehow add this feature so that monitoring personnel will have an idea what type of device it is upon hovering the mouse?

Created on Nov 12, 2015 12:27:35 AM



Votes:

2

Hi,

I will forward this article to our GUI team so that we can consider if we want to integrate this in future version of PRTG.

Best regards, Felix

Created on Nov 12, 2015 7:52:37 AM by Felix Saure [Paessler Support]



Votes:

0

Hi Felix,

Thanks for considering this since for us it will be effective if you have an image since not all the time documentation is update immediately especially in infra upgrade. That's why for us it is much better to please add my vote for this because with this PRTG will be much effective. Thanks felix

kind and regards nezky

Created on Nov 13, 2015 1:36:37 AM



Votes:

0

Hi Felix,

any update on when we will expect this feature? Thanks

Created on Nov 20, 2015 9:23:24 AM



Votes:

0

Hello,

This feature is not requested this often and as there is a workaround to integrate these images, I'm afraid that it won't be highly prioritized nor can we promise that it will be integrated at all, sorry. Please follow this link to see how we rate and handle feature requests for PRTG.

Best regards, Felix

Created on Nov 23, 2015 8:12:46 AM by Felix Saure [Paessler Support]



Votes:

0

Hi Felix,

Thanks for replying but as what you said can you give me the workaround for me to implement this thing in our infra? cause for me as a network guy it will be beneficial for me to see the device that you monitor.

Created on Nov 23, 2015 9:29:58 AM



Votes:

1

Hi,

In the near future, there will be no changes due to the reasons mentioned above. If you want to illustrate which device is in an error state, you can create your own maps which can easily created and display pictures of the device.

Best regards, Felix

Created on Nov 23, 2015 1:35:01 PM by Felix Saure [Paessler Support]

Last change on Nov 23, 2015 1:35:54 PM by Felix Saure [Paessler Support]



Votes:

0

For more information about VDCs, see Adding Devices Manually. You can view the Chassis image in the Summary screen which provide. To distribute images to a group of devices, add a software image.

Created on Nov 2, 2021 9:31:22 AM




Disclaimer: The information in the Paessler Knowledge Base comes without warranty of any kind. Use at your own risk. Before applying any instructions please exercise proper system administrator housekeeping. You must make sure that a proper backup of all your data is available.