[Resolved] Grid & Map Search Layout

[Author]

Posts

[Luo Yang]

No, the map_height="100%" attribute won't work, as the document I mentioned above, this attribute accepts a number with a unit.

[Pete]

The whole point is to have the map 'fill' the area to the right as mentioned right at the beginning.

The list may end up being about 4 rows before pagination, sometimes it may be less.

When you're setting this up in Views, it says you can use %.
I've seen another support ticket saying use VH.
https://toolset.com/forums/topic/make-map-size-dynamic/

None 'seem to work?

[Luo Yang]

There isn't such a built-in feature within Toolset Maps plugin, you might consider custom JS/CSS codes, for example, this thread is based on Bootstrap:
https://stackoverflow.com/questions/27295617/how-to-get-google-map-to-fill-div-with-bootstrap

Since your website isn't using Bootstrap, and it are using Elementor editor in your website, I suggest you check if it is possible to with Elementor supports:
hidden link

[Pete]

Hmmm ok.

I was doing this in Elementor first and then going to 'try' and replicate the layout using Gutenberg.

Is Gutenberg or Toolset blocks bootstrap to offer this flexibility?

See this site: hidden link

The map is a set height, when you scroll the map stays fixed, the left scrolls. This possible?

[Luo Yang]

I have checked again the URL you mentioned above:
hidden link

It is setup the map DIV height as below:

.map--full {
    height: calc(100vh - 70px);
}

So you can try to setup the map shortcode as below:
[wpv-map-render map_id="my-map" map_height="calc(100vh - 70px)"][/wpv-map-render]

And test again, it works fine in my localhost, see screenshot map-height.JPG

[Pete]

My issue is resolved now. Thank you!