Geo Map tooltip formatting with CSS

[former_member184594]

Hello,

I am trying to format the tool tip of geo map component with CSS. I am able to do that, but I just want to hide value on the tooltip.

I am using the following CSS tag for this:

.myMap .sapzengeomap-tooltip .sapzengeomap-value {
	color: indianred !important;
}

I am using Design Studio 1.6.

Thanks,

Zahid.

[arijit_das · Accepted solution]

For Lumira 2.x Designer:

To hide the value in tooltip:

.myMap .v-tooltip-dimension-measure tr:nth-child(1){
    visibility : hidden;
}

To change the color of the value only:

.myMap .v-tooltip-dimension-measure tr:nth-child(1)> td:nth-child(2){
    color : blue !important;
}

[former_member184594]

Thanks a lot arijit.das

[former_member184594]

Hi arijit.das

That worked like a charm. I now have another question. I have the same dashboard on Lumira 2.1 Designer, but the map component is different and CSS tag for tooltips are not the same. I couldn't find css tags for Lumira Designer 2.1. Do you happened to know the tag for that?

Thanks a lot.

[arijit_das]

To hide the value in tooltip:

.myMap .sapzengeomap-tooltip-content tr:nth-child(2) {
    visibility:hidden;
}

To change the color of the value only:

.myMap .sapzengeomap-tooltip-content tr:nth-child(2)>td:nth-child(2) {
    color: blue !important;
}

[TammyPowlas]

Hello Zahid - have you tried using the visibility: hidden; syntax with CSS?