New List Block ⚡️

[Jjenglert]

Hey everyone! JJ here with some exciting news – we just launched our brand new list block, and it looks fantastic!

With the list block, you have plenty of options at your disposal. You can change the layout, decide if you want to click to expand or always show expanded, show dividers, and include secondary or main sections, titles, and subtitles – and so much more.

When you preview it, you’ll see that it provides a slick, flexible experience for your users.

We hope you love it as much as we do! Dive in, check it out, and let us know your thoughts and feedback.

You can also view a quick video tour here.

-JJ

[jaspijk]

Very nice. Thanks!!
More than 2 full buttons on the card would be great…

[Jjenglert]

Thanks for your comment @jaspijk ! Unfortunately 2 full buttons are the most that will be coming at the moment. We are trying our best to ensure our design system allows our users to make beautiful designs quickly, and this is one of the design patterns that we’ve identified to keep all apps looking good.

[Ben]

Thanks Softr! I’m presuming the new ‘Grid’ should be used more for mobile while ‘List’ is more for desktop/tablet?

Existing versions were never explicit about which list blocks should be used depending on the view, resulting in a block with wonky formating when intended for all 3 views (desktop, tablet, and mobile) at the same time.

[Jjenglert]

Hi @Ben

Not really. We designed both blocks to be mobile optimized. So really, it’s how you want to display your information: if you have a text heavy list, maybe go with the listing blocks; and for visual first lists, the grid block would work great!

[Ben]

Can these blocks’ search feature hide list items until something is searched for?

List Block Enhancement

Can you include the option to start the list blocks with ZERO results until user interactions with search, tag or other input ? It has worked well for company called Google. Thanks!

This was initially requested back in 22’. From the links you’ll see a lot of user requests since then. Not to mention, the custom code workarounds had usability issues. For instance, the noticeable lag in loading of the block with custom code affects the interactivity and stability of the whole page.

[Ben]

@artur, new list blocks need customization for the ‘See more’ button. Settings that customize appearance, like old list blocks, would improve UX since the default is hardly noticeable.

Thank you

[artur]

Yes it makes sense we will improve

[Groupy]

I was looking to fix the see more button today. +1

[Ben]

@artur. Still waiting for see more button style settings.

Also noticed there’s no color or border style settings for the search bar.

Thought these newer list blocks were supposed to be an improvement over old ones?

[Jjenglert]

Not having search styles in there is a bug that is being corrected. However, the button styling is going to stay as is (using your central themes).

If you need to override them for your own use case, you’d need to use custom code.

Thanks for your note, @Ben !!

[Ben]

@artur

Yes it makes sense we will improve

Thanks JJ. I’m confused though. Why did Artur say the ‘see more’ button will “improve” then?

[artur]

Hi Ben, some of those decisions are changing overtime as we are redoing blocks and design system behind… we still might revisit the pagination next year