view grid

  • nicolaslavado

    (@nicolaslavado)


    2 years ago

    I’m trying to get a grid view in my events list as you announced with the last update (6.3). I added the shortcode view=”grid” in my formatting options?Events > Settings > Formatting > Event page?but it doesn′t work.

    This is the code I used:

    [events_list view=”grid” scope=”today” town=”Badajoz” limit=”100″]

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)

  • It doesn’t work for anyone.

    It does work, solution was posted here:
    https://www.ads-software.com/support/topic/new-shortcode-events_grid/
    you need to use [events_grid (your placeholders)] shortcode…

    https://www.voesfgraz.at/wandertage/
    working example
    • This reply was modified 1 year, 12 months ago by a77777t.

    @a77777t that’s a workaround, but it doesn’t mean that the shortcode works.

    A simpler workaround is to add the following CSS 

    .events-grid .em-list {display:grid;  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));}

    and wrap you shortcode in a div with the events-grid class

    <div class="events-grid">[events_list]</div>

    Also, add a div tags to the formatting in the end and beginning of each event in the list (under settings formatting -> Events-> default list format), to make each event a separate item in the grid. (It might work without this, but it is to make sure that each event is treated as a separate grid item).

    I haven’t test this with the new default CSS, but if you use your own custom CSS, this should work.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘view grid’ is closed to new replies.