Grid Format - How can I get 4 image holders on top row?

Grid Format - How can I get 4 image holders on top row?

by Nyree Williams -
Number of replies: 12

Hello
Is there any way to change the layout of the image holders in the Grid Format? I am trying to get 4 image holders on the top row ( instead of 2) to avoid scrolling down 2 columns of images...

Thanks in advance
Nyree Williams

Average of ratings: -
In reply to Nyree Williams

Re: Grid Format - How can I get 4 image holders on top row?

by Deleted user -

Couple of options in this thread Nyree:

http://moodle.org/mod/forum/discuss.php?d=193177

In reply to Deleted user

Re: Grid Format - How can I get 4 image holders on top row?

by Deleted user -

Apologies Nyree, I just realised that I think I misunderstood - my response relates to a separate issue.

In reply to Deleted user

Re: Grid Format - How can I get 4 image holders on top row?

by Nyree Williams -

no problem! thanks for trying to help.

I hope someone can sove the issue of the long vertical grid of course contents and suggest a horizontal grid format layout instead using this plugin, otherwise I suppose I will use the alternative approach of creating linked images in the top section for each course.

Nyree

In reply to Nyree Williams

Re: Grid Format - How can I get 4 image holders on top row?

by Julia Küfner -

in the old version I changed the css file like this but I didn't try it for the new version

change the grid.css file. 

#iconContainer {
width: 100%;
overflow: hidden;
padding: 0 0 50px 0;
margin-left: 20px;
margin-right: auto;
}

In reply to Julia Küfner

Re: Grid Format - How can I get 4 image holders on top row?

by Nyree Williams -

Hi Julia

I tried this in 2.2 but it doesn't seem to work

Thanks anyway for the suggestion

Nyree

In reply to Nyree Williams

Re: Grid Format - How can I get 4 image holders on top row?

by Julian Ridden -

i have just uploaded a major update to Grid that brings back this functionality. Details in this forum post - http://moodle.org/mod/forum/discuss.php?d=196716

Julian

In reply to Julian Ridden

Re: Grid Format - How can I get 4 image holders on top row?

by Nyree Williams -

I applied Julian's new update but I'm still no wiser as to how to increase the number of blocks on the top row... I suppose its really simple but I don't know what to change and in which files blush

Can anyone give me a clue?

Thanks

Attachment 2rows.PNG
In reply to Nyree Williams

Re: Grid Format - How can I get 4 image holders on top row?

by Carlos Sánchez Martín -

Dear Nyree,

The latest version that Julian released does not have a grid.css file in the folder, does yours have one? That old version contained this line:

.course-content #iconContainer { width: Xpx} (you can change it to 100% 

Now, in the styles.css file, the .course-content #iconContainer does not have a width, so it takes all the free space.

Hope that helps,
Carlos

Average of ratings:Useful (1)
In reply to Carlos Sánchez Martín

Re: Grid Format - How can I get 4 image holders on top row?

by Nyree Williams -

PERFECT!

(I knew there was a simple solution) smile

Thanks very much for your help

Nyree

In reply to Nyree Williams

Re: Grid Format - How can I get 4 image holders on top row?

by imbu danilot -

Hello I just tried what suggested to get more than one column but nothing happens.

I did clean the cache and I did change the style.css to something like (I actually did few tests but none worked):

.course-content #iconContainer {
    width: 30%;
/*     overflow: auto; */
    padding: 0 0 50px 0;
    margin-left: 20px;
    margin-right: auto;

 

does anyone know?

In reply to imbu danilot

Re: Grid Format - How can I get 4 image holders on top row?

by Gareth J Barnard -
Picture of Core developers Picture of Particularly helpful Moodlers Picture of Plugin developers

Dear Imbu,

What version of the format and Moodle are you working with?

Cheers,

Gareth

In reply to Gareth J Barnard

Re: Grid Format - How can I get 4 image holders on top row?

by imbu danilot -
Hello Gareth, thanks for your reply, you have already resolved my issue in a different post! Imbu