Filter Box Panel

Property Path :-

Filter Box Panel → Edit Panel Settings

The Filter Box lets visitors browse locations through categories. Use this group to control the panel’s visibility, size, position, colours and collapse behaviour.

Enable

Turns the panel and Filter Box markers on or off. The Categories property is hidden when the Filter Box is disabled.

Heading

Sets the text shown above the category list. Example: EXPLORE REGIONS

Latitude and Longitude

Set the exact marker position.

Panel Width

Controls the width of the Filter Box. Use a smaller width on tablet and mobile breakpoints.

Container Max Width

Limits the width of the panel-positioning container. Use values such as: 100% 1232px 80rem 90vw.

Hover Color

Controls the hover colour of a built-in marker icon. A valid Map ID is required for the colour change.

Custom Image

Uploads your own SVG, PNG, JPG or WebP marker. Custom images work with or without a Map ID, but they are not automatically recoloured. This is useful when aligning the panel with a centred website container.

Top

Sets the vertical distance from the top of the map.

Left

Sets the horizontal distance from the left side. The current version does not provide Right, Bottom or quadrant controls.

Background

Controls the Filter Box surface colour.

Accent

Controls the heading, hover, active text and active-state tint.

Radius

Controls the panel corner radius.

Collapsible

Adds a small control that lets visitors hide and reopen the panel. Enable this on smaller breakpoints.

Create a free website with Framer, the website builder loved by startups, designers and agencies.