Activities: Unilabel

mod_unilabel
Maintained by Picture of Andreas GrabsAndreas Grabs
The Moodle plugin "mod_unilabel" enables you to include some nice formated text on the course- or frontpage. There are 5 different content types included (extendable sub plugins): - Simple text - Carousel - Collapsed text - Course teaser - Topic teaser
204 sites
527 downloads
31 fans
Current versions available: 1

The Moodle plugin "mod_unilabel" enables you to include some nice formated text on the course- or frontpage.
There are 5 different content types included (extendable sub plugins):

  • Simple text
  • Carousel
  • Collapsed text
  • Course teaser
  • Topic teaser

Usage

The configuration consists of two steps (except the "Simple text" type).
  1. The creation of a new instance by using the activity chooser.
  2. The configuration of the content depending on the content type you chose in the first step.

Description of the content types

Simple text
This content type just show the label as you already know
Carousel
In this content type you can define a series of images.
Each image is shown in a slide show.
You can also define a caption to each image that is show inside the slide item.
For each image you can define a url what makes the image to a clickable button.
The carousel is by default responsive to different screen sizes.
To optimize the responsivity to each of the images you can assigne a mobile optimized image.
This mobile image is shown on small devices smaller than 768 px.
Grid
In this content type you can define a series of images and contents/urls.
The grid is by default responsive to different screen sizes.
You can set a column count for the grid to define how many tiles are shown in one row.
On smaller screens the column count is reduced by a half of the defined count.
On mobile devices like cellphones only one column is shown.
To optimize the responsivity to each of the images you can assign a mobile optimized image.
This mobile image is shown on small devices smaller than 768 px.
If you have defined a content for a slide the content is shown as a modal dialog if you click the slide.
If you have defined a url for a slide on click the url is loaded.
Collapsed text
This content type offers you two options:
  1. a folded content
  2. a modal dialog containing the content.
Both types can be used with or without animation
Course teaser
Mainly intended to show on the frontpage it shows the titles and images of selected courses.
The presentation can be a carousel or a grid.
Each Item is a clickable button that brings the user to the related course.
Topic teaser
Mainly intended to show on the frontpage it shows the description of topics of a selected course.
The topics will be shown as carousel or as grid.
If you click on such a shown topic a modal dialog shows the topic content.

Screenshots

Screenshot #0
Screenshot #1
Screenshot #2
Screenshot #3
Screenshot #4

Contributors

Picture of Andreas Grabs
Andreas Grabs (Lead maintainer)
Please login to view contributors details and/or to contact them

Comments RSS

Show comments
  • Picture of Plugins bot
    Tue, Sep 18, 2018, 4:24 AM
    Approval issue created: CONTRIB-7442
  • Picture of Bert van der Hooft
    Sat, Jan 5, 2019, 11:32 PM
    Nice! Next step use it on the dashboard? Would be great!
  • Picture of Bert van der Hooft
    Sun, Feb 17, 2019, 3:04 AM
    My favourit! Could it be possible to have a grid of learning activities? Thr end of scroll of death?
  • Picture of Birgit Lachner
    Thu, Mar 7, 2019, 2:46 AM
    Very nice ... it improves the possibilities to design modern looking like courses.

    I was trying to use the Unilabel activity for german Comminity of moodle users and I have some Ideas how to use it.
    But while using it, that are may be some ideas for improvments. Or there is a solution that I do not know wink

    There are always 3 Teasers in one row. That causes problems when I have a smaler display, even on smartphones. May be using the moodle App would be better, but if the number of Teasers per row can change, 4 for a very wide display to one per row, on a smal one?

    When I use the Anschnitt-Teaser (sorry, don't know the englisch word for that) it is nice to see the pictures in the Abschnitts-Description, but if the picture in the Abschnitts-Description is too wide, it is no shrinked to the width of the Teaser. That's not optimal ... so ... how can I have pictures in the Abschnitts-Teasers and different Pictures in the Abschnitt itself!?

    Thanks ... Birgit
  • Picture of Andreas Grabs
    Thu, Mar 7, 2019, 11:45 PM
    Hi Birgit, thank you for using this plugin and giving feedback smile.
    Currently the topic teaser in grid mode shows 3 tiles on large devices and on smaller devices 2 and on smallest devices 1 tile in a row.
    The content the unilable shows comes from the topic description. So I have no influence to that. But you can change the way the image is inserted into your topic description.
    Go into the html mode of the editor. You will see the image tag '...'. Add the img-fluid class into that image tag: html>
  • Picture of Milciades Ramirez
    Fri, Mar 15, 2019, 11:20 PM
    Hi Andreas...

    Excellent job... Congrats.

    I just have a question: How can I get this activity to full page width? It could be a setting for this....

    Thanks in advance..
  • Picture of Andreas Grabs
    Sat, Mar 16, 2019, 1:34 AM
    Hi Miliciades, could you be a bit more specific on this?
    Andreas
  • Picture of aleeyaf succeedabw
    Wed, Apr 10, 2019, 8:06 PM
    I like this
  • Picture of Timothée Vayssade
    Wed, May 22, 2019, 6:35 PM
    That plugin seems very useful, thanks !
    Do you think that it would be possible to add an option to display the course description under each course with the course teaser type ? I feel like sometimes just the course title is not enough informations.
Please login to post comments