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

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

- Nyree Williams の投稿
返信数: 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

Nyree Williams への返信

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

- 削除済みユーザ の投稿
削除済みユーザ への返信

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

- 削除済みユーザ の投稿

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

削除済みユーザ への返信

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

- 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

Nyree Williams への返信

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

- 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;
}

Julia Küfner への返信

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

- Nyree Williams の投稿

Hi Julia

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

Thanks anyway for the suggestion

Nyree

Nyree Williams への返信

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

- 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

Julian Ridden への返信

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

- 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 赤面

Can anyone give me a clue?

Thanks

添付 2rows.PNG
Nyree Williams への返信

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

- 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

Carlos Sánchez Martín への返信

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

- Nyree Williams の投稿

PERFECT!

(I knew there was a simple solution) 笑顔

Thanks very much for your help

Nyree

Nyree Williams への返信

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

- 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?

imbu danilot への返信

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

- Gareth J Barnard の投稿
画像 Core developers 画像 Particularly helpful Moodlers 画像 Plugin developers

Dear Imbu,

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

Cheers,

Gareth