Hide default status icons on a custom icon

Dear dma

Your case is perhaps best covered by using custom map objects. The easiest way to get a custom map object is to copy an existing file and change the map object's content. Please find a comprehensive description in the article above.

Hello - Yes, I created a custom map object based on the 'Status Only (transparent)' map object, and added code to the customer-styles.css so the map object users my own icon files.

The problem I have is that the new map objects show both the default status icon (the small green box) and also my custom icon image. I can't see any way to hide the default status icon and only show my custom icon.

The text from my map object is below....

<!-- Added Objects: Custom Status Icons - Large -->

<div class="map_object <#sensor type="colorclassofstate" prefix="map_customstatuslarge_" id="<@objectid>">" id="<@itemid>" objectid="<@objectid>" subid="<@subid>" style="<#mapobject type="coordinates" subid="<@subid>" mode="<@editmode>">">


  <span>
    <#objectstatus name="downsens" id="<@objectid>">
    <#objectstatus name="partialdownsens" id="<@objectid>">
    <#objectstatus name="downacksens" id="<@objectid>">
    <#objectstatus name="warnsens" id="<@objectid>">
    <#objectstatus name="upsens" id="<@objectid>">
    <#objectstatus name="pausedsens" id="<@objectid>">
    <#objectstatus name="unusualsens" id="<@objectid>">
    <#objectstatus name="undefinedsens" id="<@objectid>">
  </span>
    <#mapobject type="objectgrip" mode="<@editmode>">

</div>

Dear dma

The default icon is part of the placeholder. If you add the attribute show="textraw", the icon will not be shown; however the link to the PRTG object will be removed as well.

Hi - thanks for the update - can you confirm exactly where in the code I need to add this attribute?

I tried a few different places but it didn't seem to make any difference...

thanks!

OK I think I worked it out - I added the show="textraw" to the objectstatus tag and the icon disappears.

However, the text still shows - I want this to disappear too so that all I have is my custom status icon....no default icon, no text.....is this possible?

thanks!

OK I figured it out :)

I added a new section to my sytles-custom.css as follows:

** Invisible fonts for Custom Status Icons
/******************************************************************************************/

.map_icon_customfont .moreicon {
  display: none;
}
.map_icon_customfont, .map_icon_customfont div, .map_icon_customfont span, td.map_icon_customfont {
  font-size: 0px;
  font-weight: bold;
}
.map_icon_customfont .status {
  font-size: 0px;
  font-weight: normal;
}

Then I referenced this CSS in my map object:

<div class="map_object map_icon_customfont <#sensor type="colorclassofstate" prefix="map_statuslarge_" id="<@objectid>">"  id="<@itemid>" objectid="<@objectid>" subid="<@subid>" style="<#mapobject type="coordinates" subid="<@subid>" mode="<@editmode>">">