• Using inline CSS in the custom feature popup
    The custom popup editor supports inline CSS tags to help you create the perfect popup. Using inline CSS, you can customise the colours, styles, and add engaging elements like buttons.   Inline CSS is contained in the HTML element. To work with inline CSS, o... Continue reading 🡒
  • How to create links to direction routes
    You can easily create dynamic links that open directions in Google Maps using simple URL structures. These links can include destinations derived from your data attributes, providing a seamless navigation experience. Basic URL Structure Inserting the Link ... Continue reading 🡒
  • Basic popups
    A basic popup lists raw attribute data for the selected feature. You can configure which attribute will be displayed as the popup title by clicking on the cog button and selected an attribute from the list. To hide fields from the Basic popup, open the Fo... Continue reading 🡒
  • Custom popups
    The popup editor makes visualising and comparing data more engaging and accessible for your map’s users. Using Mango’s WYSIWYG editor, you can quickly and easily insert tables to organise your data, add pie and bar charts using values from your data, displa... Continue reading 🡒
  • Creating a calculator popup
    Allow users to enter values and generate calculations based on existing values in your data. Mango’s calculator popup provides intuitive and rapid interaction with your data. The calculator popup allows users to click on a feature, open the popup, and enter... Continue reading 🡒
  • Equations
    The Equations feature in Mango lets you extract even more insight from your data by performing basic mathematical functions using numerical attribute variables, or a mixture of numeric attributes variables and fixed values. Constructing an equation Format... Continue reading 🡒
  • Formatting your attributes
    The attributes tab in Layer settings allows you to customise how attribute data is displayed on your maps in interactive elements such as the Basic popup identify windows, and search results.   Default Column Labels Customised Column Labels Attri... Continue reading 🡒
  • Number localisation and formatting
    Why use number localisation? Example localisations Script localisations Localising the result of math calculations in an equation Retaining raw number values for use in links Example map   Why use number localisation? To use number fields in Mango for vi... Continue reading 🡒
  • Using conditional statements in custom popups and query reports
    A common need in reporting is the ability to display different messages for different outcomes. For example, you perform a query to see if a sales territory under-performing. To you, the maintainer of the data, the meaning of the resulting gaggle of numbers... Continue reading 🡒
  • Adding call and message links to your popups
      Popups can contain links that trigger phone calls, SMS, skype, or whatsapp messages on devices.  Trigger a call <a href="tel:+13636798626">Call 363-679-8626</a> If the map is viewed in a desktop browser, clicking on the number will bring up any associated... Continue reading 🡒
  • Adding email links to feature popups
    Custom popups are a great way to let users interact beyond the map. You can provide links to external resources, use attributes in the links to load specific documents or pages, and even send an email. Here's how to create a link that opens the map viewer's... Continue reading 🡒
  • Customizing the Popup Window
    The layer popup editor makes visualising and comparing data more engaging and accessible. You can format layer attributes with a WYSIWYG/HTML editor, insert tables and charts, display a hosted image based on a variable, or embed hosted video and audio from... Continue reading 🡒
  • Displaying Images, Links, or Video in the popup
    Sometimes the map only tells half the story, and we need to draw on other sources to complete the picture for our audience. Mango makes it easy to display an image or link to a webpage, google doc, PDF, or display an image or video in your feature window. L... Continue reading 🡒
  • Adding Pie and Bar Charts to popups
    Extracting as much detail out of your map data is what your users want, and our new popup customizer allows you to generate charts to facilitate that goal. To add bar and line charts using map attribute data, navigate to the Layer Panel, edit the layer that... Continue reading 🡒
  • Display images in custom popups
    Create dynamic popups that display unique images to help inform and engage map users, and provide a richer experience. Mango’s Popup editor lets you display a hosted image based on attribute variables, creating dynamic popups that can help inform and engage... Continue reading 🡒
  • Embedding dynamic video for each feature in a layer
    Embedding video in your custom popup or side panel is a great way create deeper links between your data and your map users. Mango supports most popular video hosting services through either Auto Embed via URL, iFrame embed, or by using a video URL or ID as ... Continue reading 🡒
  • Embedding a single video for all features in a layer
    Want one video to appear in all feature popups for a layer? Here's how. This method allows you to insert a single video that will display in the popup for all features in a layer. Please note, you must include http or https in your URL for the quick embed t... Continue reading 🡒