Crosstab styles

On the editing page, your own CSS crosstab styles can be specified:

 

 

For example,

• To hide the inscriptions of houses on an interactive map:

  .object-label.buildings-label { display:none!important; }

• In order to hide the inscription of the Section on the interactive map according to its ID (in example 49):

  .object-label.sections-49-label { display:none!important; }

• To change the color of the fill, the color of the stroke, transparency of the interactive area

  :root {
--chess-interaction-fill-color: rgba(193, 56, 236);
--chess-interaction-stroke-color: rgba(193, 56, 236);
--chess-interaction-fill-opacity: 0.2;
--chess-interaction-stroke-opacity: 0.8;
}

 

Consider another example

• Creating a bouncing animation for a house tag with ID 31
• Adding inscription “New” for the house with ID 31

  @keyframes bounce {
0% { transform: translateY(0%); }
100% { transform: translateY(-20%); }
}

.buildings-31-label.object-label { animation-duration: 0.8s; animation-name: bounce; animation-iteration-count: infinite; animation-direction: alternate; }

  .buildings-31-label.object-label:before { content: 'NEW'; background: #ec6372; color: #FFF; font-size: 9px; padding: 5px; border-radius: 5px; position: absolute; right: 0px; transform: translate(50%, -35%); } 

• Delete name if the house with ID 32 from the tag and write "Cottage 2" insted with 11px font size

  .buildings-32-label.object-label .label-type-value { font-size: 0px; }
.buildings-32-label.object-label .label-type-value:after { content: "Cottage 2"; font-size: 11px; }
.buildings-32-label.object-label .label-name { display:none; }