
Themes: Trema
The "Trema" Moodle Theme
The theme Trema has a focus on usability and beauty, so for that to became real the developers have tried to make something clean and usable for everyone in the community.
The main goal for this theme is that the Moodle site will not need another site for information/advertising/marketing.
Nice features in trema: - It's based in the boost theme, so it will continue to be compatible with Moodle for a long time.
The frontpage is fully customized. It's possible to change the image banner. You can create up to six beautiful cards with custom contents and you can add custom HTML content with no restrictions.
The login page is awesome with Particles lib.
We really use Bootstrap to make the theme fully responsive.
The footer is highly customizable and we have an exclusive admin area block that can be seen and accessed only by the site administrator.
Thinking a little more about the administrators we made the admin dashboard area, so that they can see in real time some data about their Moodle.
The colours scheme can be changed in the theme settings.
Developed and maintained by
Rodrigo Mady
Moodle profile: https://moodle.org/user/profile.php?id=2435964
Web profile: https://github.com/rmady
Trevor Furtado
Moodle profile: https://moodle.org/user/profile.php?id=1192335
Web profile: https://github.com/trevorfurtado
Support
As Trema is licensed under the GNU GPLv3 License it comes with NO support. So if you need some help talk to us in 'Moodle profile' in 'Developed and maintained by' above and we can discuss some improvements. To inform errors access Github Issues.
Installation
Ensure you have the version of Moodle as stated above in 'Required version of Moodle'. This is necessary as the theme relies on underlying core code. Move the folder trema
to /theme/
folder from your Moodle installation. Access the Moodle Administration page (/admin) for do the necessary updates in your database.
For uninstalling trema you must change the theme. And in /theme/
remove the folder trema
.
See the demo site
A demo site showing all available features of Theme Trema.
Documentation
Documentation is available in Theme Trema.
Particles.js
The theme trema use the particles.js a lightweight JavaScript library for creating particles in login.
so grateful for your work, it's really pretty theme,
my question is when I change the language to arabic the home page gets missy , please can you give me an idea how to fix the front page title if the language changed?
I had a problem, though:
On the frontpage, in the courses summaries the course titles are not filtered and thus do not support multi-language content filtering.
To fix this you need to edit the file:
/theme/trema/classes/output/core/course_renderer.php
replace the line containing
'title' => $course->fullname,
with
'title' => format_text($course->fullname,FORMAT_HTML),
After that, course titles are filtered and {mlang xx}My Text{mlang} tags work on the frontpage as well.
Thanks again for this beautiful theme.
All the best!
"Usted está ingresado como Administrador Usuario (Salir)
Resumen de conservación de datos
©Tema Trema"
Muchas gracias de antemano.
- Is there a way of remove Nav Drawer, with the hamburger manu and everything?
- Is there also a way to remove the home button (theme_trema | frontpagebuttonclass)?
I'm asking this, because I would like to have the UI as flat as possible.
Many thanks!
Pretty new to Moodle and am very happy with your theme.
In trying to make it most useful to me could I ask a couple of hopefully simple questions...
Is there a way to place the 'Add a Block' dropdown into the Navigation Drawer by default as it is in Boost?
Is the footer height adjustable? The footer takes up a great deal of room particularly when using SCORM packages making it necessary to scroll content.
Many thanks
I'm fairly new to Moodle so forgive me if this is found elsewhere, but is there a way to display "All Courses" to users, somewhere in the sidebar (on the left)?
I'd like users to be able to enrol themselves and noticed there was an "Available Courses" block on the Homepage, yet I'm unable to add something like this to the Dashboard or to the sidebar on the left.
Additionally: In Moodle 3.9 it seems like the Admin Dashboard in the theme settings currently renders my homepage unusable, perhaps I'm doing something wrong here?
- An option to not use overlay background at banner on frontpage.
- Option to change the particle.js speed or element, the element size too.
Thank you very much!
Hope you are doing great!
Trema is my favorite theme by far! The bestest of all so far! Thank you very much for your work.
I get in contact because I've got a problem since the last moodle upgrade.
I've recently upgraded from moodle 3.8.4 to 3.9.1+ and found that there's an issue with cloze questions.
When displaying cloze questions a line break is inserted after each blank, shortanswer or multichoice.
Here's an image of how a cloze question looks like when trying a quiz using trema lastest realease 3.9.0.1:
https://www.dropbox.com/s/q9efnjmifbie94v/trema.JPG?dl=0
While this is how the same question looks like with boost:
https://www.dropbox.com/s/2jl7e5r74t722kt/boost.JPG?dl=0
How can I do to get it corrected?
Hope you can help me!
Obrigado!
I'd reccomend the new particles library tsParticles for replacing the obsolete and abandoned particles.js
You can see some demos here: https://codepen.io/tv/DPOage
Here's the repository: https://github.com/matteobruni/tsparticles
Coming from particles.js is really easy to migrate.
Wonderful theme indeed. Is it possible to use the ENTER button at the top of the picture as a DROP DOWN selection one, so that the learner can select which category to view out of the total categories listed? Thank u
We have an issue with the Grading form Tables - Tables in the editor view duplicate and go all strange when we click in the tables - it does not look like its working correctly. Please help.
We did not have the same problem using the KLASS theme previously - Please images shared here:
https://photos.app.goo.gl/365WmBYUpfkQTcJeA
Regular Version (photo from Moodle documentation)
https://www.dropbox.com/s/inxkyl760yq8aom/normal_Moodle.JPG?dl=0
Trema version
https://www.dropbox.com/s/nqtvgl1zrpexqej/trema-version.JPG?dl=0