I am creating a Map and have created new Mapicons under the iconset8 folder with a template that creates a box with the sensor status colour and then the icon and sensor

This is the template.htm file

<div class="map_object map_graph <#sensor type="colorclassofstate" prefix="map_iconcolor_" id="<@objectid>">" id="<@itemid>" objectid="<@objectid>" subid="<@subid>" style="min-width:20px;min-height:20px;text-align: center;<#mapobject type="coordinates" subid="<@subid>" mode="<@editmode>">">
<#mapobject type="objectgrip" mode="<@editmode>">
<#mapobject type="htmlbefore" subid="<@subid>">

<div style="display:block;width:<@width>px;height:<@height>px; border:4px solid black;">

	
		<img src="<@iconpath>" style="max-width:64%;max-height:64%">
		<div style="width: 100%" class="graphicalmapicon" <#sensor type="colorclassofstate" prefix="map_iconcolor_">
			<span class="label <#sensor type="colorclassofstate" prefix="map_iconcolor_" id="<@objectid>" filter_status="5">">
				<b><#objectproperty name="Name" id="<@objectid>" show="link"></b><br>
				<#objectstatus skiptagfortype="sensor" name="downsens" id="<@objectid>">
				<#objectstatus skiptagfortype="sensor" name="partialdownsens" id="<@objectid>">
				<#objectstatus skiptagfortype="sensor" name="warnsens" id="<@objectid>">
				<#objectstatus skiptagfortype="sensor" name="upsens" id="<@objectid>">
				<#objectstatus skiptagfortype="sensor" name="unusualsens" id="<@objectid>">
				<#objectstatus skiptagfortype="sensor" name="undefinedsens" id="<@objectid>">
				<#objectstatus skiptagfortype="sensor" name="pausedsens" id="<@objectid>">
				<#objectstatus skiptagfortype="group,device,probenode" name="minigraph" id="<@objectid>">
			</span>
		</div>
		</img>
	
	</div>

</div>

I would like to get it so that the box colour does not change if the sensor is paused or in a down acknowledge state.

I can see that in other mapobjects there are ways to filter but cannot seem to do this for a mapicon template.

I have also tried to create my own mapobject based on the object_box1.htm file and can again get the box to change colour but not ignore paused or acknowledge states.

Is this possible via custom css or filter property?


Article Comments

I solved this by adding the Style text to the top of the template. For some reason it didnt respond to being put in the custom css file

<style>
.map_object.map_iconcolor_senso,.map_object.map_iconcolor_senso label,.map_object.map_iconcolor_senso span,
.map_object.map_iconcolor_sensr,.map_object.map_iconcolor_sensr label,.map_object.map_iconcolor_sensr span,
.map_object.map_iconcolor_sensq,.map_object.map_iconcolor_sensq label,.map_object.map_iconcolor_sensq span {
background-color: <#colorcode color="statusdown">;
color: #fff;
}
.map_object.map_icon2.map_iconcolor_sensg,.map_object.map_icon2.map_iconcolor_sensg label,.map_object.map_icon2.map_iconcolor_sensg span {
background-color: <#colorcode color="statusup">;
}
.map_object.map_iconcolor_sensy,.map_object.map_iconcolor_sensy label,.map_object.map_iconcolor_sensy span {
background-color: <#colorcode color="statuswarning">;
}
.map_object.map_iconcolor_sensb,.map_object.map_iconcolor_sensb label,.map_object.map_iconcolor_sensb span {
background-color: <#colorcode color="statuspaused">;
}
.map_object.map_iconcolor_sensp,.map_object.map_iconcolor_sensp label,.map_object.map_iconcolor_sensp span {
background-color: <#colorcode color="statusunusual">;
}
.map_object.map_iconcolor_sensx,.map_object.map_iconcolor_sensx label,.map_object.map_iconcolor_sensx span {
background-color: <#colorcode color="statusunknown">;
color: #fff;
}
.map_object.map_iconcolor_hasblack {
background-color: #ddd;
}
.map_object.map_iconcolor_hasgreen, map_iconcolor_hasack {
background-color: #b8c419;
}
.map_object.map_iconcolor_hasblue {
background-color: #b8c419;
}
.map_object.map_iconcolor_hasorange {
background-color: #f59c00;
}
.map_object.map_iconcolor_hasyellow {
background-color: #f5c500;
}
.map_iconcolor_hasred,.map_iconcolor_haspartialred,.map_iconcolor_hasredok{
background-color: #e30613 !important;
}


</style>

Feb, 2023 - Permalink