A Grid format will give you several options that will help you to customise the look. The below table gives you a description about the options.
Options |
Description |
Number of sections |
Allows you to set the number of sections |
Hidden sections |
This setting determines whether hidden sections are displayed to students in collapsed form or are completely hidden. |
Course Layout |
Course Layout field allows you to choose if you want all sections to be displayed in one page or have them split over several pages. |
Set the image container alignment |
This field allows to set the image container alignment to left centre or right |
Set the image container width |
This field allows you to set the image container width to one of the available options |
Set the image container ratio relative to the width |
This field allows you to set the image container ration to one of the available options |
Set the image resize method |
This field will allow to decide whether the image needs to be cropped or scaled to fit the container |
Set the border colour |
Border color can be set in hexadecimal values. Eg. Hexadecimal code the color Red is FF0000 |
Set the border width |
This field allows you to set the border width between 1 and 10 |
Set the border radius on / off |
This field will allow you to set the border radius to Yes / No. It allows you to round the corners. |
Set the image container background colour |
Sets the background color of the image container in hexadecimal values. |
Set the current selected section colour |
Sets the color for the currently selected section in hexadecimal values. |
Set the current selected image container text colour |
Sets the text color of the currently selected image container in hexadecimal values. |
Set the current selected image container colour |
Sets the currently selected image containers color in hexadecimal values. |
Hide section title option |
You can choose to hide or display the section title. You can choose either Yes / No from the list box. |
Section title grid length option |
Allows you to select the maximum length of the section title. Enter 0 if you do not want to provide any limit. |
Section title box position option |
You can choose the position of the section title. It has two options, Inside and Outside. Inside will place the section title to be within the grid box and Outside will place the section title outside of the gridbox |
Section title box position when 'Inside' option |
If, Section title box position option was selected to be Inside, then this field allows you to choose if the title should be on the top,bottom or middle. |
Section title box height |
Allows you to set the title box height in pixels. This field works only when Section title box position option is selected to be Inside |
Section title box opacity |
Allows you to set the opacity of Section title box between 0 and 1. You can select the value from the listbox. |
Section title font size |
Allows you to set the Section title font size between 12 and 24. If you want to inherit the font size from the theme or any CSS, select 0 from the list. |
Section title alignment |
Allows you to align the Section title to centre,right or left. |
Section title text colour when 'Inside' option |
Allows you to select the text color of the Section title when Section title box position option is set to Inside. It accepts hexadecimal value or choose the color from the color box that is next to the field. |
Section title background colour when 'Inside' option |
Allows you to select the background color of the Section title when Section title box position option is set to Inside. It accepts hexadecimal value or choose the color from the color box that is next to the field. |
Show section title summary on hover option |
You can choose whether to display or not display the title summary when hovered over the gridbox. |
Set the section title summary on hover position option |
Allows you to set the position for the title summary when hovering over the grid box. Select the position (Top, Bottom, Left or Right) from the list |
Set the section title summary maximum length on hover |
Allows you to set the length of the title summary text when hovering over the gridbox. Enter 0 if you do not want to set any length. |
Set the section title summary text colour on hover |
Allows you to set the section title summary color when hovering over the gridbox. You can enter hexadecimal values or choose the color from the color box that is next to the field. |
Set the section title summary background colour on hover |
Allows you to set the section title summary background color when hovering over the gridbox. You can enter hexadecimal values or choose the color from the color box that is next to the field. |
Set the section title summary background opacity on hover |
Allows you to set the opacity of section title background summary between 0 and 1. You can select the value from the listbox. |
Show new activity notification image |
Allows you to choose whether the new notification image must be displayed or not when a new activity or resource is added to the section |
Fit the section popup to the window |
If “Yes” is selected for this field, the popup box of contents with the contents of the section will fit to the size of the window and scroll inside if necessary. If “No” is selected the entire page will scroll instead. |
Grey out unavailable |
Allows you to choose if you want to grey out / disable unavailable sections and have it unlinked. |
Section 0 on its own page when out of the grid and on a single section page |
Allows you choose if you want to have Section 0 on its own page when out of the grid and Course Layout is set to “One Section per page” |
With Grid Format, the Site Administrator can set up a format with default values that will be applied to any course created using Grid Format. These changes can also be edited at Course level.
To set up a Grid format with default values
Step 1. Login as an administrator and select Administration.
Step 2.Select Site Administration.
Step 3. Select Plugins tab
Step 4. Scroll down to Course formats section and click Grid format
Step 5. The Grid format page will give you the options to customize the Grid.
Please refer to the table above to have more information about the options.
Step 6. Click Save changes.
By default these changes will be applied to any course that uses the Grid format.