How to make more than 2 (of the new) action buttons appear next to each other without the [...] button hiding them?

Hi Community, I am struggling with the new action buttons seemingly by default hiding the 3rd and further buttons when there are more than 2 action buttons per element? Thanks for your help in advance! Stephan

7 Likes

Hi @vonperger, to be honest itā€™s not possible yet, though the Product team is collecting all the feedbacks regarding the action buttons to take into consideration for the next updates.
Hope what youā€™re looking for will become available soon :slightly_smiling_face:

I second this update - would be great to have the option to make more than just only 1 or 2 buttons visible for better user experience!

3 Likes

@CXA thanks a lot for sharing your feedback. Indeed, we plan to improve our action buttons in the future, so I will add your message as a feature request to consider when planning further app updates.

I canā€™t seem to make any more than 1 button before seeing the second hidden by a ā€¦ button. Would also like more options here.

2 Likes

I agree. Since Iā€™ve started implementing these buttons and starting demos with my users, I am realizing why it is such a big UX considerationā€¦ My users simply arenā€™t discovering the buttons or even attempting to click ā€œā€¦ā€ on their own!

(I will definitely include this in my onboarding/guidance materials, but letā€™s be realistic, not many users actually follow those instructions, or read them at all :face_with_hand_over_mouth: weā€™re humans haha)

Could consider giving a feature [in softr app settings] to allow ā€œpinningā€ buttons and re-sizing depending on what is listed? Just an idea!

A less functional but more aesthetic and visual nav- improvement suggestion: perhaps allow adding icons to action buttons in same way as for navigation sections? Iā€™ve been trying to hack it by using copy/paste emojis but an icon set would be a level up :slight_smile: less text to convey same meaning = easier to fit buttons on screens

Less critical, the simple existence of the buttons themselves are a massive improvement in itself. Thank you Softr team for making so many big updates recently, itā€™s making a huge difference for us :heart:

2 Likes

Hi,

There is one option to see more than 2 buttons displayed at the same time. It is to include multiple list blocks showing only the buttons. In each list block you can see 2 buttons, so you could create an array of buttons: 2-4-6ā€¦
No ideal, buttons will appear in columns, not in line, and maybe difficult to align sizes, but its an option.

regards,
Mars

Thatā€™s how I have my current configuration set up :slight_smile: I just dont love the layout LOL but it does work!

Any news here? Mentioned this on April 4th, would be great if we can have an update on this sooner than later so we do not need to use time consuming workarounds :pray:t4:

1 Like

Iā€™m now only getting one action button visible at a time with a ā€œList with horizontal cards and visible buttonā€ block.

Yep, only 1 button + [ā€¦] button visible for me too, in the Table block. Please update this.

Also, is there any way to change the Action column width ? My Action column is taking up almost the entire screen width (so the button problem looks even worse). This occurs only when I position the Action column to the left; positioning right sizes it correctly.

Hi @Viktoria we are still waiting for an update to have more flexible action buttons :pray:t4:

1 Like

@vonperger To be honest there arenā€™t any ETA on this point yet. I will ask the Product team to provide some details on future plans and will reach you back as soon as I have any news.

Hi @vonperger, do you have an example of what you want to achieve? (e.g. screenshot from other SaaS)

For the current buttons we offer today, it wouldnā€™t be good design practice to show more than 2 by default. We intentionally put in some constraints to make sure the app offers good experience to the end users.

But when we do allow icon-based buttons, we will certainly increase the visible buttons by default.

RE: Everyone asking about having more than 1 button on list item
The reason we havenā€™t allowed this is because there are many variables involved ā€“ container size, button widthā€¦etc. We donā€™t want to have a quick solution that solves 1 issue but introduces more.

Weā€™re currently working on a foundational revamp of blocks that will solve many correlated issues regarding layout & styling. In the new blocks, you will get to have 2 visible buttons by default.

The goal is to release the first 2 new blocks (vertical & horiztonal card list) by end of Q3/early Q4

Hi Austin,
One of the problem is that the size of the additional buttons lying in the three dots button canā€™t be changedā€¦ Even if the option is given (this is clearly a bug for meā€¦ Which is not fixed since months ).
And the size of the three dots dropdown options donā€™t fit the size of the displayed textā€¦
Starting from there, 50% of what want my clients is just impossible to do without troncating the text as hell (and make them very doubtful about using Softr :man_shrugging: as something as simple as that canā€™t be achieved).

I have to say that good practice or not, most of my clients donā€™t share this point of view.
The three dots should be an option and up to the Softr users to think ā€œdesign firstā€. Otherwise Softr will become a Glide but not as pretty as Glide. Which isā€¦ I donā€™t know whatā€¦ to be honest.

From what I see, this action button flexibility is the number one request from all of my clients in terms of design. And as I can see, not only my clients.

Though, if the decision were to stay with one or two buttons then 3 dots button => please, fix the bug that doesnā€™t allow to change the text size of the buttons lying in the 3 dots button, otherwise we just canā€™t really use it properly.

Thanks!

Hi Austin, I simply want to be able to put three buttons next to each other like this one (using the old buttons which cannot be updated anymoreā€¦)

Since blocks are always extending across the full width of the page, not sure why having more than 2 buttons next to each other would be tricky or am I using the wrong block?

Thanks, Stephan

Hi everyone, especially @Viktoria and @austinyang,

Iā€™ve been closely following this thread as I have encountered similar limitations in my own application. While I understand the design considerations and constraints around button dimensions and container sizes, Iā€™d like to point out that this limitation is especially challenging for list-details blocks, not just standard lists.

In my specific use case, I urgently need to have ā€˜Editā€™, ā€˜Printā€™, and ā€˜Send via SMSā€™ buttons visible simultaneously within the list-details block. The rich display of data and actions that the list-details block allows makes it a crucial part of my appā€™s UI. Unfortunately, the current designā€”which hides the third button behind a ā€˜ā€¦ā€™ menuā€”makes these actions less discoverable and accessible for my users.

I understand there are complexities in implementing more flexible button options. However, these needs can differ greatly depending on the type of block in use. So, Iā€™m joining others here in urging the product team to consider block-specific configurations for the number of visible action buttons.

@matthieu_chateau pointed out the high demand for this feature among various clients, and Iā€™m in full agreement. If a quick fix isnā€™t feasible, could an interim solution involve allowing users to override the default button limitations in some way?

Thank you for your time and consideration. Iā€™m eagerly looking forward to future updates that will make Softr even more versatile for all of us in the community.

Best regards :sunflower:

4 Likes

Would be a great & necessary feature!
Right now as a workaround itā€™s possible to use a header as a button line, although actions like ā€œopen details pageā€ wonā€™t work since itā€™s not linked to any data. My idea was to show all button destinations on one page, and set the button action to scroll to its linked section on that page.
Only problem Iā€™m running into is that adding a 2nd header when there already is one, makes the 1st (top) header disappear in the preview (and published app) disappear, and a white bar appears under the 2nd header. Doesnā€™t look good, but it works.

Seriously though this is just a possible workaround I found, please this feature needs to be a thing badly!!!

1 Like

Any news about this issue?

More all around flexibility with the item action buttons is needed. Some things we regularly run into that weā€™re unable to do todayā€¦

  1. Natively setting the width of the action button column
  2. Changing the action button column header text, size, color
  3. Changing the styling of the actual ā€œmoreā€ button - if youā€™re using a dark theme, this button stays white and sticks out like a sore thumb today.
  4. Choosing how many buttons are displayed without collapsing into the ā€œmoreā€ button, or disabling it altogether