Still on Drupal 7? Security support for Drupal 7 ended on 5 January 2025. Please visit our Drupal 7 End of Life resources page to review all of your options.This module is very nice!
However, I've tried to get it running on D10 but got a javascript error using the background image.
I don't use jQuery in my own simplified uikit starterkit theme, since it is not a dependency of UiKit 3 anymore, and also not a Drupal 10 dependency. For the rest this module works well in D10 also.
Do you plan to release a D10 version any time soon? I'm willing to sponsor this.
Hope to hear form you soon. Thumbs up for your excellent uikit support and modules!!!
| Comment | File | Size | Author |
|---|---|---|---|
| #5 | Lay-out_bewerken_voor_Homepage.jpg | 70.76 KB | yazzbe |
Comments
Comment #2
yazzbe CreditAttribution: yazzbe as a volunteer and commentedI'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?
---
[ edit ]: Or maybe it is better the background and overlay options to the custom blocks.
Comment #3
mitsuko CreditAttribution: mitsuko commentedHi 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 ideas 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
Comment #4
yazzbe CreditAttribution: yazzbe as a volunteer and commentedComment #5
yazzbe CreditAttribution: yazzbe as a volunteer and commentedTo 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?
Comment #6
yazzbe CreditAttribution: yazzbe as a volunteer and commentedComment #7
mitsuko CreditAttribution: mitsuko commentedHi 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 tested 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...
Comment #8
mitsuko CreditAttribution: mitsuko commentedComment #9
mitsuko CreditAttribution: mitsuko commented