The "Squared" Moodle Theme
The theme is generally based on squares. If you like squares, that is definitely your first choice, if you do not like squares,
you might consider it as well, because it looks really good ;-).
The idea of this theme is to put design in first place, and then see if it can be done technically. This is the first theme most of
the users do not recognize it was made for moodle ;-). The authors even pretend that it is the most beautiful theme ;-).
About the theme.
- It uses a lot of squares: blocks are squared, some heading elements are squared and so on.
- New icon set for moodle standard activities and plugins. If you want the source (vector), just contact info@edulabs.org
- It is not yet responsive. If you would like it to have responsive, we are square enough to accept money to do that. Just write to info@edulabs.org
- The frontpage slideshow is completely customizable concerning text and images. Changing animation style: you have to be a coder.
- Your social icons appear as squares on the bottom of the theme
- Blocks are collapsed per default
- The theme uses the font Source Sans Pro from Adobe, which is optimised for web reading
- There is a super dropdown custom menu. You can add categories to the custom menu. The menu adds all content of the category
to the custom menu according to the rights of the user.
Example setting in the general them settings /admin/settings.php?section=themesettings :
My category name|http://example.com/moodle/course/index.php?categoryid=2
My other category name|http://example.com/moodle/course/index.php?categoryid=1
Third category name|http://example.com/moodle/course/index.php?categoryid=3
- You are not allowed to copy the frontpage and colors of www.virtuelle-ph.at
Copyright notice
The theme is copyrighted by "Onlinecampus Virtuelle PH" http://www.virtuelle-ph.at
Created by
David Bogner | project lead and programming | http://www.edulabs.org
John Stabinger | programming | https://moodle.org/user/profile.php?id=691370
contemas websolutions OG | design | http://www.contemas.net
G J Barnard | programming | http://moodle.org/user/profile.php?id=442195
Maintained by
David Bogner | http://www.edulabs.org
Free Software
The squared theme is 'free' software under the terms of the GNU GPLv3 License.
It can be obtained for free from:
http://moodle.org/plugins/view.php?plugin=theme_squared
You have all the rights granted to you by the GPLv3 license. If you are unsure about anything, then the
FAQ - http://www.gnu.org/licenses/gpl-faq.html - is a good place to look.
If you reuse any of the code then I kindly ask that you make reference to the theme.
If you make improvements or bug fixes then I would appreciate if you would send them back to me by forking from
https://github.com/dasistwas/moodle-theme_squared and doing a 'Pull Request' so that the rest of the
Moodle community benefits.
Donations
This theme is provided to you for free, and if you want to express your gratitude for using this theme, please consider contracting us
in order to improve the theme or add your settings.
Required version of Moodle
This version works with Moodle 4.1 version 2022112800.00 (Build: 20221128) and above within the MOODLE_401_STABLE branch until the
next release.
Please ensure that your hardware and software complies with 'Requirements' in 'Installing Moodle'.
Installation
- Ensure you have the version of Moodle as stated above in 'Required version of Moodle'. This is important as the
theme relies on underlying core code that is out of our control.
- Login as an administrator and put Moodle in 'Maintenance Mode' so that there are no users using it bar you as the administrator.
- Get the parent 'Bootstrap' theme, see 'Bootstrap parent theme' for details of where to download from, then:
3.1 Extract the Bootstrap zip file.
3.2 Copy the extracted 'bootstrap' folder to the '/theme/' folder.
- Copy the extracted 'squared' folder to the '/theme/' folder.
- Go to 'Site administration' -> 'Notifications' and follow standard the 'plugin' update notification.
- Select as the theme for the site.
- Put Moodle out of Maintenance Mode.
Upgrading
- Ensure you have the version of Moodle as stated above in 'Required version of Moodle'. This is important as the
theme relies on underlying core code that is out of our control.
- Login as an administrator and put Moodle in 'Maintenance Mode' so that there are no users using it bar you as the administrator.
- Make a backup of your old 'squared' folder in '/theme/' and then delete the folder.
- Copy the replacement extracted 'squared' folder to the '/theme/' folder.
- Go to 'Site administration' -> 'Notifications' and follow standard the 'plugin' update notification.
- If automatic 'Purge all caches' appears not to work by lack of display etc. then perform a manual 'Purge all caches'
under 'Home -> Site administration -> Development -> Purge all caches'.
- Put Moodle out of Maintenance Mode.
Uninstallation
- Put Moodle in 'Maintenance Mode' so that there are no users using it bar you as the administrator.
- Change the theme to another theme of your choice.
- In '/theme/' remove the folder 'squared'.
- Put Moodle out of Maintenance Mode.
Reporting issues
Before reporting an issue, please ensure that you are running the latest version for your release of Moodle. It is important
that you are operating the required version of Moodle as stated at the top - this is because the theme relies on core
functionality that is out of its control.
When reporting an issue you can check he issue list https://github.com/dasistwas/moodle-theme_squared/issues and if the problem
does not exist, create an issue.
It is important that you provide as much information as possible, the critical information being the contents of the theme's
'version.php' file. Other version information such as specific Moodle version, theme name and version also helps. A screen shot
can be really useful in visualising the issue along with any files you consider to be relevant.
Version Information
10th July 2023 - Freyung 401.1.0
- Update to Moodle 4.1.
- Use core 'grunt', e.g.
Install grunt-cli:
[sudo] npm install -g grunt-cli
Node dependencies: run npm install
in the Moodle root directory.
Build with: grunt amd --root=theme/squared
Note: If on Windows, then set 'linebreak-style' to 'off' in root '.eslintrc' as Git will handle this for us.
1st September 2021 - Rathausplatz 3.10.1.0
- Update to Moodle 3.10.
- Same functionality as 3.9.1.1.
- Fix 'Search field in navbar is collapsed (due to JS error)' - #9.
19th June 2020 - Maria-Theresien-Platz 3.9.1.0.
- Update to Moodle 3.9.
- Same functionality as 3.8.1.1.
TBD - Version Heldenplatz 3.8.1.1.
- Logo change.
- Slight 1px border on region-main.
- region-main padding.
- Remove border on squares when < 768px.
- No background on square icon when < 768px.
- Course title to 24px.
- Line height of block title when >= 786px to 15px.
- Added 'bgcolordefault' setting for the squares when not in a category to the general settings.
- Fix 'Add a block' not working.
- Use 'format_string()' on 'h1.course-title' so that the mult-lang functionality works.
- Fix Accordion background > 786px.
- Add custom 'favicon' setting to the general settings.
- Changes to the course header image.
26th November 2019 - Version Heldenplatz 3.8.1.0.
28th June 2019 - Version Heldenplatz 3.7.1.0.
23rd November 2018 - Version Temp Square 0.93.3.
- Update to Moodle 3.5 with the Boost theme as a parent and SCSS. LESS to be removed but as reference for now.
27th August 2015 - Version 2.9.2
- Remove redundant old style jQuery code.
26th August 2015 - Version 2.9.1.
- First stable release for Moodle 2.9 - task #722.
- Notification for not filling out required fields in mod questionnaire is white font on white background - task #721.
11th August 2015 - Version 2.9.0.5.
- Editing mode on course page: admin block stays over settings panel - task #714.
- Reduce font-size in h3. sectionname - task #715.
- Frontpage blocks - task #708.
- Apply top level bg category colour to all sub-categories and also courses within sub categories - task #709.
10th August 2015 - Version 2.9.0.4.
- Fix Notice: Undefined variable: cssclass in /usr/www/users/lernst/laborblank_net/theme/squared/classes/core_renderer.php on line 290 - task #710.
- Frontpage blocks - task #708.
- Apply top level bg category colour to all sub-categories and also courses within sub categories - task #709.
- Dock blocks on course pages with click on double chevron icon: Does not work anymore - task #711.
- Custom font is not loaded - task #713.
- Fix custom CSS integration + Colour guide - task #712.
9th August 2015 - Version 2.9.0.3.
- Implement core course category renderer override - task #388 - Work in progress.
- When in edit mode and expanding the settings in a block in the left column, the opening panel is not displayed correctly - task #707.
- Front page blocks expanded instead of "squares" - task #706.
8th August 2015 - Version 2.9.0.2.
- Make theme compatible with course format grid view - task #703.
- Implement core course category renderer override - task #388 - Work in progress.
7th August 2015 - Version 2.9.0.1.
- Implement API and style changes necessary for M2.9 - task #380.
- Put back 'html5shiv.js' - task #380.
- Implement own 'myprofile' string as has been depreciated - task #380. TODO: Need other versions besides English.
- Use class autoloading for core_renderer - task #380.