Sean Test Site

Shop

Left rail with search and results count added to left column. Left aligned. The FS Data Token setting for the Featured Image is set to “Large”. Group block has 1px bottom shadow added to create bottom line under card. Pagination added to bottom.

Upcoming Events

Total Results:

  • 2024 Midwest Summer Jamboree Soccer Tournament

    2024-03-01 14:05:01

  • Youth League Soccer Tournament 2024 Orlando

    2024-03-01 14:05:37

  • Loudoun Soccer College Showcase 2024

    2024-03-01 14:06:09

  • Youth League Football Cup Tournament 2024

    2024-03-01 14:30:43

  • Midwest American Soccer Tournament | Chicago 2024

    2024-03-01 19:15:43

  • Northern Premier Soccer Championship Tournament

    2024-03-04 17:33:06

  • National Champions League 2024 Fall Tournament

    2024-03-04 17:38:35

  • Mid-States Elite Football Championships | 2024

    2024-03-04 17:44:03
…

Left rail with search and results count added to left column. Left aligned. The FS Data Token setting for the Featured Image is set to “Thumbnail” – cropping the images into a 150px square image. Cards styled by adding a group block to create a “card” with background white color and drop shadow. Pagination added to bottom.

Upcoming Events

Total Results:

  • 2024 Midwest Summer Jamboree Soccer Tournament

    2024-03-01 14:05:01

  • Youth League Soccer Tournament 2024 Orlando

    2024-03-01 14:05:37

  • Loudoun Soccer College Showcase 2024

    2024-03-01 14:06:09

  • Youth League Football Cup Tournament 2024

    2024-03-01 14:30:43

  • Midwest American Soccer Tournament | Chicago 2024

    2024-03-01 19:15:43

  • Northern Premier Soccer Championship Tournament

    2024-03-04 17:33:06

  • National Champions League 2024 Fall Tournament

    2024-03-04 17:38:35

  • Mid-States Elite Football Championships | 2024

    2024-03-04 17:44:03

  • 2024 Soccer Cup Invitational Tournament | Minneapolis

    2024-03-04 18:14:17

  • Soccer Team Tryouts Event | Grades 3-8 | Day Two

    2024-03-04 19:05:05

For the group below – this is an example where it would be nice to be able to specify how many cards show up in the row. It is defaulting to two, but design could be improved if we can get one card per row and stack the results.

I’ve noted this in the discussion document, but ideally if we can choose between 1 and 4 columns for the card display that would be great.

Upcoming Events

Total Results:

  • 2024 Midwest Summer Jamboree Soccer Tournament

    2024-03-01 14:05:01

  • Youth League Soccer Tournament 2024 Orlando

    2024-03-01 14:05:37

  • Loudoun Soccer College Showcase 2024

    2024-03-01 14:06:09

  • Youth League Football Cup Tournament 2024

    2024-03-01 14:30:43

  • Midwest American Soccer Tournament | Chicago 2024

    2024-03-01 19:15:43

  • Northern Premier Soccer Championship Tournament

    2024-03-04 17:33:06

  • National Champions League 2024 Fall Tournament

    2024-03-04 17:38:35

  • Mid-States Elite Football Championships | 2024

    2024-03-04 17:44:03

  • 2024 Soccer Cup Invitational Tournament | Minneapolis

    2024-03-04 18:14:17

  • Soccer Team Tryouts Event | Grades 3-8 | Day Two

    2024-03-04 19:05:05

Example of design instance with one card per row.

Events

Total Results:

  • 2024 Midwest Summer Jamboree Soccer Tournament

    2024-03-01 14:05:01

  • Youth League Soccer Tournament 2024 Orlando

    2024-03-01 14:05:37

  • Loudoun Soccer College Showcase 2024

    2024-03-01 14:06:09

  • Youth League Football Cup Tournament 2024

    2024-03-01 14:30:43

  • Midwest American Soccer Tournament | Chicago 2024

    2024-03-01 19:15:43

  • Northern Premier Soccer Championship Tournament

    2024-03-04 17:33:06

  • National Champions League 2024 Fall Tournament

    2024-03-04 17:38:35

  • Mid-States Elite Football Championships | 2024

    2024-03-04 17:44:03

  • 2024 Soccer Cup Invitational Tournament | Minneapolis

    2024-03-04 18:14:17

  • Soccer Team Tryouts Event | Grades 3-8 | Day Two

    2024-03-04 19:05:05

Follow Us