Article Forum Symmetrical Grid Layout

[AnimeHaxor]

AnimeHaxor submitted a new resource:

Article Forum Symmetrical Grid Layout - Evolver

In the default style, an article forum in preview mode has a layout of 1:2:2:4:4 in terms of the number of threads (articles) shown on each row, like so: View attachment 32313


This can be changed by adding some custom CSS to the extra.less template.

Equal Grid - Floating Footer​

Adding this code will produce a uniform grid layout with the footer at the default location, floating below the content in each article...

Read more about this resource...

 

[AnimeHaxor]

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

Code updated

The code has been updated to remove the fade out effect of the content for the first row of articles.

See the main resource for the latest code: xF2 Guides - Article Forum Symmetrical Grid Layout

Read the rest of this update entry...

 

[AnimeHaxor]

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

Changing the layout from page 2 onwards

It isn't possible to target specific pages in less templates, so a different approach is required.

Move the code to a custom template (just create one) - in this case I have called it ctaArticleGridLayout.less.

Then edit the forum_view_type_article template like so:

<xf:if is="$page > 1">
    <xf:css src="ctaArticleGridLayout.less" />
</xf:if>

View attachment 32318


The result is the first page appears as the default style...

Read the rest of this update entry...

 

[AnimeHaxor]

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

Updated code for the fixed footer

Added a media query to prevent issues with the fixed footer layout below the medium break point.

See the main resource for the latest code: xF2 Guides - Article Forum Symmetrical Grid Layout

Read the rest of this update entry...