| 1 |
efrain |
1 |
## General
|
|
|
2 |
|
|
|
3 |
The Moodle plugin **mod_unilabel** enables you to include some nice formated text on the course- or frontpage.
|
|
|
4 |
There are 5 different content types included (extendable sub plugins):
|
|
|
5 |
- Simple text
|
|
|
6 |
- Carousel
|
|
|
7 |
- Collapsed text
|
|
|
8 |
- Course teaser
|
|
|
9 |
- Topic teaser
|
|
|
10 |
|
|
|
11 |
## Installation
|
|
|
12 |
|
|
|
13 |
Copy all files into the folder **mod/unilabel** inside your moodle installation.
|
|
|
14 |
Run the installation process in moodle.
|
|
|
15 |
You can find more detailes to the installation process here: https://docs.moodle.org/35/en/Installing_plugins#Installing_a_plugin
|
|
|
16 |
|
|
|
17 |
## Usage
|
|
|
18 |
|
|
|
19 |
The configuration consists of two steps (except the **Simple text** type).
|
|
|
20 |
1. The creation of a new instance by using the activity chooser.
|
|
|
21 |
1. The configuration of the content depending on the content type you chose in the first step.
|
|
|
22 |
|
|
|
23 |
## Description of the content types
|
|
|
24 |
|
|
|
25 |
### Simple text
|
|
|
26 |
|
|
|
27 |
This content type just show the label as you already know
|
|
|
28 |
|
|
|
29 |
### Carousel
|
|
|
30 |
|
|
|
31 |
In this content type you can define a series of images.
|
|
|
32 |
Each image is shown in a slide show.
|
|
|
33 |
You can also define a caption to each image that is show inside the slide item.
|
|
|
34 |
For each image you can define a url what makes the image to a clickable button.
|
|
|
35 |
The carousel is by default responsive to different screen sizes.
|
|
|
36 |
To optimize the responsivity to each of the images you can assigne a mobile optimized image.
|
|
|
37 |
This mobile image is shown on small devices smaller than 768 px.
|
|
|
38 |
|
|
|
39 |
### Grid
|
|
|
40 |
|
|
|
41 |
In this content type you can define a series of images and contents/urls.
|
|
|
42 |
The grid is by default responsive to different screen sizes.
|
|
|
43 |
You can set a column count for the grid to define how many tiles are shown in one row.
|
|
|
44 |
On smaller screens the column count is reduced by a half of the defined count.
|
|
|
45 |
On mobile devices like cellphones only one column is shown.
|
|
|
46 |
To optimize the responsivity to each of the images you can assign a mobile optimized image.
|
|
|
47 |
This mobile image is shown on small devices smaller than 768 px.
|
|
|
48 |
If you have defined a content for a slide the content is shown as a modal dialog if you click the slide.
|
|
|
49 |
If you have defined a url for a slide on click the url is loaded.
|
|
|
50 |
|
|
|
51 |
### Collapsed text
|
|
|
52 |
|
|
|
53 |
This content type offers you two options:
|
|
|
54 |
1. a folded content
|
|
|
55 |
1. a modal dialog containing the content.
|
|
|
56 |
Both types can be used with or without animation
|
|
|
57 |
|
|
|
58 |
### Course teaser
|
|
|
59 |
|
|
|
60 |
Mainly intended to show on the frontpage it shows the titles and images of selected courses.
|
|
|
61 |
The presentation can be a carousel or a grid.
|
|
|
62 |
Each Item is a clickable button that brings the user to the related course.
|
|
|
63 |
|
|
|
64 |
### Topic teaser
|
|
|
65 |
|
|
|
66 |
Mainly intended to show on the frontpage it shows the description of topics of a selected course.
|
|
|
67 |
The topics will be shown as carousel or as grid.
|
|
|
68 |
If you click on such a shown topic a modal dialog shows the topic content.
|