Article Forum Symmetrical Grid Layout

[Paul B]

The code specifically targets article nodes only.

 

[Pepelepew]

Can this same code be used for thread types though?

 

[Paul B]

No.

 

[Pepelepew]

Sorry for asking a lot but can this code be tweaked for thread type nodes?

 

[Neutral Singh]

@Brogan, this is just fabulous! Is it possible to display this as a dynamic widget on forum's homepage, from a select few forums. Thanks

If the threads have images, they will show.

View attachment 248614

 

[Paul B]

Not using the code in this guide.

 

[Pepelepew]

Can this be used for mobile view to be displayed in 2 column

 

[rdn]

Anybody here implemented the Equal Grid - Fixed Footer?
May I take a look on your install?

It's somewhat broken on Safari Browser MacOS based on my testing.

 

[Deleted member 241496]

Any ideas how to make the layout 2 columns instead of 4, with the fixed footer?

 

[Paul B]

Brogan updated Article Forum Symmetrical Grid Layout with a new update entry:

Configuring the layout for 2 or 3 articles per row

This modification is courtesy of @BassMan

The core code is the same as for the Equal Grid - Fixed Footer layout in the main resource: https://xenforo.com/community/resources/article-forum-symmetrical-grid-layout.8303/

Add the following code before it:

.p-body-main:not(.p-body-main--withSidebar) .block--previews .block-body
{
    grid-template-columns: repeat(2, 1fr);
    grid-template-areas: "a a" "b_1 b_2" "b_3 b_4";
}

That will...

Read the rest of this update entry...

 

[Abizaga]

I love this but the one issue I have is that the existing spacing on the articles page is undone (not super familiar with this stuff lol) so a specific graphic of my style covers the previous article, making it basically invisible. Luckily, I used a test version of my theme to try this so it didn't affect the live version.

 

[Paul B]

Can you post a link and screenshot of the issue.

 

[Abizaga]

So basically this is what I mean:
The way it looks with the graphic visible:

With grid layout:

 

[Black Horse Off Road]

Brogan submitted a new resource:

Article Forum Symmetrical Grid Layout - Evolver



Read more about this resource...

Hello, does this need an additional addon to be installed because it isn't working?

 

[Paul B]

It doesn't require any additional code or add-ons.

It works on the default style but I can't say whether it will work on all third party styles.

 

[Wildcat Media]

I am using it with the Flare theme from ThemeHouse and it works almost perfectly. (Margins need slight tweaking but functionally, it's 100%.)

But that is no guarantee it will work on other third party themes.

 

[Shuya]

Hi @Brogan,

Thank you for this guide. The presentation is very nice, and it works as intended except for this minor bug. In the first 5 articles, the preview image is a different size than in the next articles. Do you have any idea what is causing this, please?

 

[Paul B]

The image sizes are based on the ratio of the image - they are not all forced to a specific size.

You can updated the code to do that if you wish.

 

[Shuya]

The image sizes are based on the ratio of the image - they are not all forced to a specific size.

Thanks for your reply.

I have replaced the image by trying different sizes/ratio/etc, and still looks the same. It seems like something is forcing the first 5 articles to have that size.

 

[Paul B]

Can you link to the forum?