UIkit

Themes ::: theme_uikit

Maintained by

Eduardo Ramos

This theme is built from its core to work with UIkit (a framework similar to Twitter Bootstrap). It is designed to be easily customizable using an interactive visual styles manager.

Latest release: 8 years

79 sites

9 downloads

18 fans

Current versions available: 1

Download

UIkit Theme for Moodle

Features a very advanced and interactive visual styles customizer
3 base themes to build your site appearance
2 different page layouts: the original Grid based layout and a new one based on new CSS Flex features
Fully responsive design
Support of Google fonts
Integrates Fontawesome 4.5 for displaying most icons in Moodle
A renovated Slideshow with many animations and effects, marketing spots and social networks for your site frontpage like in the essential theme
Many other cool features such as: login page and navigation menu customization, possibility of showing only enrolled courses in combo lists and google analytics integration

It supports Moodle 2.5 to 3.0

License GNU GPL v3 or later

This theme is based on the UIkit CSS framework version 2.24.3 (http://www.getuikit.com).

It is inspired by bootstrapbase theme and essential theme (https://moodle.org/plugins/view.php?plugin=theme_essential). A big thank you to the creators of these two themes.

Many features and settings are based on the essential theme, while others are new for this theme, specially the visual style manager.

This theme includes an advanced Visual Style Customizer to change the appearance of the whole site with a few clicks. This customizer is inspired by the UIkit customizer (http://www.getuikit.com/docs/customizer.html)

Notice: these theme is NOT an official UIkit team release.

Useful links

Screenshots

Contributors

Eduardo Ramos (Lead maintainer)

View other contributions

Please login to view contributors details and/or to contact them

Comments

Niall Sheehan
Fri, 27 Nov 2015, 8:16 PM
Good morning, wondering about support for Moodle 3.0? While the theme works, the style customizer fails to load correctly, and because of the way that the theme saves custom CSS I have no idea how to make a few needed adjustments.

If a new version that supports 3.0 is coming soon, we can likely just wait out the small issues, however if you think it may be a few weeks I will need to switch to something else. (not looking forward to that)

Thank you for your great work on this project.
Gael TUROTTE
Sat, 28 Nov 2015, 1:50 AM
Hello, thanx for your work and sharing your knowledge.
I want to change the colour of the marketing spot background, how can I do that ? Thanx in advance.
Eduardo Ramos
Mon, 30 Nov 2015, 6:28 AM
Hi Niall,
A release for Moodle 2.9 and 3.0 should be available before the end of december.
Eduardo Ramos
Mon, 30 Nov 2015, 6:36 AM
Hi Gael,
Currently no variable affects marketing spots background. I created an issue in github to fix this in next release => https://github.com/eduramiba/moodle-theme-uikit/issues/38
Meanwhile, you can add custom CSS to do it at the bottom of the styles manager. Sample CSS to change marketing spots background to white and border to black

#marketing .service {
background: white;
border-color: black;
}
Carole Francq
Tue, 5 Jan 2016, 11:37 PM
Hi,
This seems to be a regression since Moodle 2.7 with Uikit (last master = c9d1c81 2015-10-26).
(not tested in Moodle 2.8 and 2.9)
In a course page, in editing mode, when trying to hide/unhide a section by clicking
Edit > Show Topic
You get a javascript Error :
(as returned by Chrome
Uncaught TypeError: Cannot read property 'setAttrs' of null yui_combo.php?3.17.2/datatype-xml-parse/datatype-xml-parse-min.js&3.17.2/io-xdr/io-xdr-min.js&3.17.…:53
When you disable the edit mode, this results in an unmodified section.
This is a major bug, since it affects the edition of course contents, not only the visual rendering.

So many thanks in advance for your help!
Eduardo Ramos
Sun, 17 Jan 2016, 11:05 AM
Hi Carole,
This issue is now fixed for next release: https://github.com/eduramiba/moodle-theme-uikit/issues/39
AM Sanat
Wed, 20 Jan 2016, 7:45 PM
Hi
This theme does not work with right to left language (RTL)
José Aguilar
Mon, 8 Feb 2016, 7:08 AM
Hi
I have a problem. By using this theme, in sections puts the repeated name.
http://es.tinypic.com/r/23uc36h/9
Help me.
Regards.
Eduardo Ramos
Thu, 11 Feb 2016, 4:19 AM
Hi José,
These problems should be fixed with the new release.

Regards,
Eduardo
Sebastián Villalba
Thu, 11 Feb 2016, 11:31 PM
Hola Eduardo. Perdón por haberte escrito por privado. Soy nuevo y mi intensión no fué molestar por ese medio. El problema que estoy teniendo es que al habilitar el modo edición de algún recurso y/o actividad, no aparecen los botones para guardar o cancelar.
http://es.tinypic.com/r/5x5vuq/9
¡Saludos y muchísimas gracias por tus aportes!
Sebastián Villalba
Thu, 11 Feb 2016, 11:49 PM
Si de algo sirve, el recaptcha de recaptcha.net para evitar que spammers saquen cuentas en Moodle al momento de registrarse tampoco levanta. ¡Saludos!
Eduardo Ramos
Fri, 12 Feb 2016, 4:06 AM
The hidden sections problem should now be fixed with latest version
José Aguilar
Fri, 12 Feb 2016, 5:20 AM
Excelente Eduardo.

Muchas gracias por los cambios hechos.

Saludos cordiales.
José Aguilar
Sun, 14 Feb 2016, 6:59 AM
Hola Eduardo, primero pues darte un agradecimiento enorme por compartir tus conocimientos.

Segundo, hay un detalle que mencionar con el tema y es que no está mostrando el nombre completo del curso. Cuando un usuario accede a su curso, debiera mostrar el nombre completo del curso en la parte superior pero no lo está haciendo. Habrá que activar alguna característica?

Saludos cordiales.
Naaman Fallouh
Mon, 15 Feb 2016, 6:13 PM
Hi,
It looks awesome, but what about Arabic support?
When applying Arabic language an error message appeared: "Trying to reference an unknown block region side-post"
Regards,