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

Text with status related text and text-color on maps

Votes:

1

Hi, I'm building some maps, and I'm trying to put a simple text with a status related color, so, if the sensor is UP, it will be green and the text will be UP, etc.

I've only implemented a single color text, using the custom HTML object and style on it.

There is a way to do that?

color custom dashboards font map-objects maps prtg

Created on Jan 17, 2023 7:38:12 PM



4 Replies

Votes:

0

Hey Eduardo,
You should find all needed information within this link. Please note that don't offer support for customizing objects.

Created on Jan 19, 2023 11:31:47 AM by  Marijan Horsky [Paessler Support]

Last change on Jan 24, 2023 2:00:45 PM by  Marijan Horsky [Paessler Support]



Votes:

0

Hi!

Sorry, I'm looking for a map object that it is a status related text.

Something like: the sensor is down, so it will be written DOWN with respective color;

Created on Jan 19, 2023 6:39:51 PM



Votes:

0

Hey,
We currently don't offer a native map object which can give you desired output. Therefore, you need to create the object yourself. You should find all needed information within this link

Created on Jan 24, 2023 2:01:45 PM by  Marijan Horsky [Paessler Support]



Votes:

0

So, for further development, I've achieved what I wanted.

CSS: I've created an archive on C:\Program Files (x86)\PRTG Network Monitor\webroot\css with the name styles_custom_v2. Here is the content:

.map_iconcolornew_hasblack,
.map_iconcolornew_sensx {
color: #878787;
font-size: 20px;
text-align: center;
}

.map_iconcolornew_hasgreen,
.map_iconcolornew_sensg {
color: #b8c419;
font-size: 50px;
text-align: center;
}

.map_iconcolornew_hasblue,
.map_iconcolornew_sensb {
color: #477ec0;
font-size: 20px;
text-align: center;
}

.map_iconcolornew_hasorange,
.map_iconcolornew_sensp {
color: orange;
font-size: 20px;
text-align: center;
}

.map_iconcolornew_hasyellow,
.map_iconcolornew_sensy {
color: #f5c500;
font-size: 20px;
text-align: center;
}

.map_iconcolornew_hasack,
.map_iconcolornew_senso {
color: #e30613;
font-size: 20px;
text-align: center;
}

.map_iconcolornew_hasred,
.map_iconcolornew_haspartialred,
.map_iconcolornew_sensr {
color: #e30613;
font-size: 20px;
text-align: center;
}

And I've created a new map object in C:\Program Files (x86)\PRTG Network Monitor\webroot\mapobjects with the following text:

<!--Custom: Status Text with related Color-->
<div class="map_object map_icon2 map_icon_large <#sensor type="colorclassofstate" prefix="map_iconcolornew_" id="<@objectid>">" id="<@itemid>" objectid="<@objectid>" subid="<@subid>" style="<#mapobject type="coordinates" subid="<@subid>" mode="<@editmode>">">
  <#mapobject type="objectgrip" mode="<@editmode>">
  <#mapobject type="htmlbefore" subid="<@subid>">

  <#objectstatus name="status" id="<@objectid>" var="objectstatus">
  <#objectstatus name="message" show="textraw" id="<@objectid>" var="message">

  <span class="status-text" style="font-size: 50px;">
    <#objectstatus name="status" id="<@objectid>">
  </span>
  <#mapobject type="htmlafter" subid="<@subid>">
</div>

Created on Jan 30, 2023 2:59:58 PM

Last change on Jan 31, 2023 5:49:31 AM by  Felix Wiesneth [Paessler Support]




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.