D10 realease planned

I've added an overlay option fro testing. see attachement.

Also conditionally added "uk-position-relative uk-position-z-index" to the container element, only in case an overlay is applied to the background image.

is that something you would consider also for this module?

Hi artmania,

Once again, thank you for your feedbacks !
I'm glad you use this module too.

I hadn't planned to spend a lot of time on this one, that's why there is only a dev version so far...
... But I will take a look the coming days to have a stable version, compatible with Drupal 10.

I like your idea to improve this module and would try to implement them.

Sponsoring is welcome ! You can contact me in MP if you want talk about that.

Thanks

To get styles on a section, I’ve currently managed to work out a solution based on the module “Layout builder Styles”. This way, it is possible for me to add new or custom classes to sections and blocks in the Drupal UI. Maybe that could be a base for this module too.

The options I've setup are similar, but slightly different still:

1 column
2 columns (50/50 - 33/67 - 67/33 - 25/75 - 75/25)
3 columns (25/50/25 - 33/34/33 - 25/25/50 - 50/25/25)
4 columns

Section type
- transparent
- white
- muted
- primary
- secondary

Padding (top/bottom)
- small
- large
- xsmall (custom class)
- xlarge (custom class)
- remove padding

Container width
- default
- small
- large
- xsmall
- xlarge
- expand
- edge to edge (100%)

Grid
- collapse
- small
- medium
- large
- divider

Margin (multiselect)
- small top
- small bottom
- xsmall top
- xsmall bottom
- medium top
- medium bottom
- large top
- large bottom
- xlarge top
- xlarge bottom

Extra (multiselect)
- preserve color
- grid reverse (@mobile)

The last 2 select lists are multiselect, with the “chosen” module for better UX.

The "preserve color" and "grid reverse (on mobile)" are 2 features I definitely recommend. Also, the "edge to edge" container and "multiselect" for margin settings and extra's.

I’ve added 2 custom classes to the padding select box (xsmall & xlarge), those do actually not exist in the UiKit framework (unfortunately) but I use them a lot myself.

NB: I’ve moved the background image and overlay to my custom block settings. That gives me extra possibilities (e.g., background slideshow, custom overlays) and fewer conflicts in the drupal layout builder administration (z-index).

I don't know if a generic module is possible because I allready use some custom classes. What do you think?

Hi artmania

Thank you for your explanations.
I must confess that I haven't made extensive use of this module so far.

My feeling is that there are already a lot of options and that the interface is not super light with the side panel of Layout Builder.
So I'm going to take my time before adding new elements...

if I understand correctly "margin options" and "preserve colors" are mainly for section/layout so the "Layout builder Styles" module seems the way to follow for me (not teste so far).

For grid reverse, maybe a free extra classes field could do the trick...

I fixed supported versions and background-image error (not related to jquery) with the new release, so I will close this issue but we can continue this discussion...