Contrib.social

Figure out how to handle views grid in Olivero

Open on Drupal.org →
Created on 21 July 2021, almost 4 years ago
Updated 18 August 2023, almost 2 years ago

This is split off from #3219959: Update standard profile so Olivero is the default theme → and is closely related to #3151553: Create new “Views Responsive Grid” format for Views Core → .

Problem

Olivero does not respect the following Views setting when the user selects the "grid" format option.

Why?

Because Olivero's implementation of Views Grid is responsive. The number of columns will change depending on the width of the browser's viewport. This IMO should be a requirement.

You can test this out at

Because the default implementation of Views Grid was written so long ago (before responsive web design was a thing), there were wrappers put around each row (or column). The settings within the Views UI allow the site-builder to add CSS classes onto those wrappers. Because Olivero does away with those wrappers, we have no place to put these classes.

What to do?

It's obviously not optimal to have UI settings that do nothing.

Options:

🐛 Bug report
Status

Closed: duplicate

Version

9.3

Component
Olivero  →

Last updated 3 days ago

Created by

🇺🇸United States mherchel Gainesville, FL, US

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Comments & Activities

Not all content is available!

It's likely this issue predates Contrib.social: some issue and comment data are missing.

  • Comment almost 2 years ago →
    Masalanz58

    My issue with using Colorbox image gallery, Drupal 10 and Views not displaying Grid as expected - Fixed
    After testing all the available image gallery modules available for Drupal 10, I chose and installed the Colorbox module. Setup was easy and I used a View with Grid properties. Once I had everything working and displaying the way I wanted in the Views preview, I linked it to a menu navigation.

    When the Gallery was called by the menu link there was no grid of my images. I had expected to see 4 columns of images as per my settings and preview.

    I am using the latest Drupal 10.1.2 and using the default theme "Olivera". No matter what I did to the Colorbox or Views settings it would never display the images in a grid as expected. It only displayed the images as one single vertical column.

    I searched help videos and posts for almost a week and came to the conclusion I was going to have to use CSS to fix it, so that the grid would display my images as wanted. However, I found a page that explained that the problem was the Drupal 10 Olivera theme causing the issue and gave ways to correct it with code. So, I thought before I fix this with code let me find a simple theme to test. I installed the stark them, since you cannot get any simpler and viola everything displayed and worked as expected. The grid showed as expected and everything worked. Downloaded and installed a theme I could live with and all is good now.

    These are my settings and Drupal versions:
    Drupal 10.1.2
    Views 10.1.2
    Colorbox:2.0.1
    Firefox version 110.0.1 (64-bit)
    Firefox updated to version 116.0.3 (64-bit) still working fine
    (I did not test with any other browsers since I only use Firefox)

    Surely someone at Drupal should know that this issue with the default Olivera theme and Colorbox image gallery module is there?

    Hopefully this post will help anyone having this issue before wasting time on a solution when it is as easy as changing the theme from default.

    I am Still Happy with Drupal after 10 years.

  • Comment almost 2 years ago →
    🇫🇷France andypost

    @Masalanz58 please file new issue to improve current state

contrib.social Blog FAQ Discussions
Production build 0.71.5 2024