New list block top bar button alignment

Hello, Can I left align the top bar button (the “Add record” button) from the new list block?

Is there any custom code I could use to left-align, center-align, or justified-align the button? I can’t do it with the available styling options.

Hello @g.lav,

Currently it is not possible, but we have plans to add the option.

It’s in our todo- s.

1 Like

Hello, one way to do this before Softr adds this option is to add 2 list block (the old one and the new one) mapped to the same table,

Example:

  • Add 1 Block “List With Small Cards” (the old one)-> Select your “user” table for the data source but display nothing except the title only + button Add record and remove padding-bottom

  • Configure your Add Record and make it align to the left as you want

  • Now add 1 Block “List” (the new one) → Select your “user” table for the data source , display the information as you wish but do not display the title and remove the button “add record” and remove padding-top

  • You will need to reload the second block when you use “Add record” on the first block, so here is the code provided by Matthieu to do this:

The result is as follows:

Here the settings for Old List Block :

Capture d’écran 2024-12-05 013810

Hope it will help before update : )

1 Like

Another related issue with Buttons for actions:
If a few action buttons on a Data Table column, you can only see the first one, and then you see a dotted menu to invoke the other actions.
That is ok because of real estate space; however, if you have a Details Page with action button and plenty of space in the screen, it only shows 2 buttons and not the other ones. It brings again a dotted menu.

Does it make sense? I believe there is an opportunity for configuration here.