👇

Layer Interactions (popups, sidebars and more)

 
Looking to customize what’s shown when clicking or hovering on data on a map? You’ve come to the right place. Use the Interaction section of a layer’s style editor to configure how users can interact with features or pixels in a layer.
 

Popup interactions

A walkthrough of popup configuration options
notion image
 
Popups provide a simple way to display a layer’s attributes on click or hover. Popups are the default interactions for vector layers, and can be further configured from the Interaction section of a layer’s style editor.
Click on the Contents row to customize the layout and contents of popups. You can:
  • Choose between a table and list layout
  • Set the popup title
  • Provide an image URL attribute to display at the top of the popup
  • Add and remove attributes shown in the popup. You can edit the label and add custom formatting for each attribute.
 
💡
Tip: Popups update in real time! Click on a feature to see changes as you make them.
 
 

iframe and Custom HTML interactions

iframe and Custom HTML interactions allow you to fully customize the contents and layout of layer interactions within Felt. iframe interactions allow you to show external websites when clicking or hovering on a feature, while Custom HTML lets you build a custom interface and layout all within Felt.
 

iframe interactions

📢
This feature is only available to customers on the Enterprise plan. To upgrade, contact Sales.
notion image
 
Use iframe interactions to open other websites inside Felt when clicking or hovering on features in a layer. From the Interaction section of a layer’s style editor, set type Type to iframe, which will open configuration settings. You can always return to the configuration settings by clicking on Edit... in the Content row.
 
iframe interactions can use attributes in your data to point to feature-specific URLs. If you have a URL attribute in your data, click the Add attribute button and select the URL attribute.
notion image
 

Already purchased? Sign in here.