Hexagon Geospatial
MENU

Shared Samples

M.App Portfolio provides a modern, cloud-based platform for creating and delivering diverse geospatial web applications.
Through the M.App Studio, our partners can design, build, and deploy their own Hexagon Smart M.Apps.
Showing results for 
Search instead for 
Do you mean 

Adding features labels in BI application.

by Technical Evangelist ‎08-10-2016 12:27 AM - edited ‎10-11-2016 09:09 AM (717 Views)

Introduction

Following article describes new feature: labeling in BI applications.

 

Biex2.png

 

Description

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;
}

 

Effect:

Biex22.png