View Live

You need to have HubDB access in HubSpot to use this module

SR Locations 01

SR Locations 01 is great as an interactive world map that visitors can hover on sections to view data.

This module is a combination of HubDB, heading, description.

sr-locations-01

Module Settings

Styles

Layout choice
Page Full Width
Container Width choice
Minimum Narrow Wide Maximum
Top Bottom Padding choice
Use default values No padding Small padding Large padding Custom padding
Background Option CHOICE
Image Video Color Custom Gradient
Text Align Text Alignment
Left Center Right Justified
Text Color CHOICE
Auto Primary Secondary Tertiary White Black Dark Light Success Info Warning Danger Custom
Border Border

    Style
    Color
    Width
    Sides

Responsive settings Group
    Tablet Group
        TEXT ALIGN TEXT ALIGNMENT

        Left Center Right Justified

        TOP BOTTOM PADDING CHOICE

        Use default values No padding Small padding Large padding Custom padding

    Tablet Group
        TEXT ALIGN TEXT ALIGNMENT

        Left Center Right Justified

        TOP BOTTOM PADDING CHOICE

        Use default values No padding Small padding Large padding Custom padding

Headings

Heading Text
Size Choice

H1 H2 H3 H4 H5 H6 P

Display Size CHOICE

H1 H2 H3 H4 H5 H6 P XL XXL XXXL

Color CHOICE

Auto Primary Secondary Tertiary White Black Dark Light Success Info Warning Danger Custom

Align: CHOICE

Left Center Right

CSS Class Text

Description Rich Text
Lead Text Toggle

 

HubDB

The module automatically adds a new table "SR Locations 01" in HubDB. Here, you can modify each card individually by accessing the rows in the table. The customization options include:

  • Name
  • Image
  • Address
  • Description
  • Location: The X-Axis, and Y-Axis value of the dot on the map.
  • Button Link
  • Button Text

 

See it Live