Showing results for 
Search instead for 
Do you mean 

Adding features labels in BI application.

by Technical Evangelist on ‎08-10-2016 12:27 AM - edited on ‎10-31-2019 03:14 AM by Community Manager (950 Views)


Following article describes new feature: labeling in BI applications.





To add labels, configure app with basic data like colors, dimensions etc. After these configurations, in the last step, click labels "on":


M.App Studio » Edit M.App.png


Configuration part of labels contain earlier added measures, dimensions and attributes just like titlebar configuration part. To simplify creating labels, user can simply drag and drop one of his Measures/Dimensions/Attributes to "Text" box - content of label. In this case, to get labels as are showed on map above, only dimension "id_woj" is used with added text: "Feature ID:".


How to style labels

If user wants to change styling of labels, he can use following example snippets (in dev console):


Changing background color:

$(".bi-popup .leaflet-popup-content-wrapper").css("background-color", "#99ccff")

Changing font style:

$(".bi-popup").css("font-style", "italic")

Removing tip:

$(".bi-popup .leaflet-popup-tip-container").css("display", "none")

Changed border style:

$(".bi-popup .leaflet-popup-content-wrapper").css("border-style", "dotted")


To customize app with these snippets, paste code from below to customization window:

.bi-popup {
  font-style: italic;

.bi-popup .leaflet-popup-content-wrapper {
  background-color: #99ccff;
  border-style: dotted;

.bi-popup .leaflet-popup-tip-container {
  display: none;