Grid view

[goflish]

Is there an addon that allows grid view like this:

To view this content we will need your consent to set third party cookies.
For more detailed information, see our cookies page.

Accept third party cookies

 

[TPerry]

For what? The forum, XFMG or XFRM?

 

[goflish]

For what? The forum, XFMG or XFRM?

xenforo resource manager

 

[MesterPerfect]

[OzzModz] XFRM Resources Layout

Dec 17, 2017

Change the way resources list looks

• Ozzy47
• layout xfrm
• Template modifications [2.x]

Grid layout for XFRM without Addon

Jul 27, 2018

Grid layout for resource manager with font awesome

• Ozzy47
• grid grid layout layout resource responsive
• Template modifications [2.x]

Grid layout for XFRM by Hemant

Oct 9, 2018

Grid layout for resource manager with font awesome

• Ozzy47
• grid layout
• Add-ons [2.x]

 

[TPerry]

Can be done already with CSS/LESS.

Post in thread 'Grid layout for XFRM without Addon'

Jul 28, 2018

I've just recoded this with css grid to make the layout a little more flexible.. It also uses variables for easy configuration and theme settings instead of hard-coded hex colours to ensure the correct colour scheme is used.

Feel free to play around with it and see if it works correctly. It's shown on screens larger than the medium viewport width.

@resource-grid-gap: 10px;
@resource-grid-width: 330px;
@resource-grid-thumb: 108px;

@media (min-width: @xf-responsiveMedium){
    @supports(display: grid){

        .block[data-type="resource"] .structItemContainer{
            display...

• Ehren

• 

 

[goflish]

Can be done already with CSS/LESS.

View attachment 296777

Post in thread 'Grid layout for XFRM without Addon'

Jul 28, 2018

I've just recoded this with css grid to make the layout a little more flexible.. It also uses variables for easy configuration and theme settings instead of hard-coded hex colours to ensure the correct colour scheme is used.

Feel free to play around with it and see if it works correctly. It's shown on screens larger than the medium viewport width.

@resource-grid-gap: 10px;
@resource-grid-width: 330px;
@resource-grid-thumb: 108px;

@media (min-width: @xf-responsiveMedium){
    @supports(display: grid){

        .block[data-type="resource"] .structItemContainer{
            display...

• Ehren

• 

what about the rectangular images above the description? the way it looks in that picture is not very visually appealing.

 

[TPerry]

what about the rectangular images above the description? the way it looks in that picture is not very visually appealing.

Easy enough to adjust via CSS. They were kept as rounded to reduce the screen real estate used. In my niche, the text is more important than a large image that may have nothing to do with the resource.
If you aren't familiar with CSS, then the paid add-on that was linked earlier would probably be more to your liking.