
Themes: Adaptable
theme_adaptable
Maintained by
Jez H,
Manoj Solanki,
Gareth J Barnard
Adaptable is a highly customisable responsive two column theme designed for use on both large University installations as well as small training companies.
Adaptable 1.5.1
Code prechecks
phplint1 | 0
phpcs0 | 1
js1721 | 5245
css5289 | 0
phpdoc21 | 0
savepoint
thirdparty
grunt1 | 1
shifter
mustache0 | 7
HTML | XMLRelease notes
Adaptable - the most adaptable moodle theme
===========================================
Version 1.5.1 (2017082500)
Adaptable is a highly customisable responsive two column moodle theme
based on the popular BCU theme adding:
-Customisable fonts (Google Fonts)
-Fully customisable colors
-Fully customisable block styles (including icons)
-Fully customisable buttons
-Additional header navigation
-News Ticker
-Alternative jQuery slider
-Alternative front page course styles
-Additional customizable marketing blocks
-Additional layout settings for width, slider width, padding of
various elements
-Social icons
-Mobile settings (customise how theme looks on mobile devices)
-Dismissible bootstrap alerts
-Option to add login form in header on front page
-Logo and Favicon uploader
-Modern emojis (thanks to EmojiOne)
-Front Page layout builder
-Dashboard layout builder
-Course layout builder
In addition many fields (menus, news items, alerts and help links) can
be targeted using custom profile fields, thus it is possible to present
different users with different nagivation items and notices. It is also
possible for individual users to customise where they want top menu
navigation to appear (disable, home pages only, sitewide) using custom
profile fields.
Adaptable has a lot of settings and may seem daunting at first, our
advice is to simply install with the default settings and play with it
afterwards.
With a little time you should be able to setup an attractive Moodle site
with a high degree of individuality without without knowing any CSS.
This theme has been developed by:
Jeremy Hopkins (Coventry University)
Fernando Acedo (3-bits.com)
NOTE: This Adaptable version is compatible with moodle 3.2 and higher only.
For older versions use Adaptable 1.3 branch.
Change Log
------------------------------------
The change log is available in: https://adaptable.ws/overview/change-log
HTML/CSS sample code for block areas
------------------------------------
Here you will find some code samples to help you to customize the Info
Box and the Marketing Blocks.
You can insert any HTML tag to customize the frontpage blocks. Use a
`
===========================================
Version 1.5.1 (2017082500)
Adaptable is a highly customisable responsive two column moodle theme
based on the popular BCU theme adding:
-Customisable fonts (Google Fonts)
-Fully customisable colors
-Fully customisable block styles (including icons)
-Fully customisable buttons
-Additional header navigation
-News Ticker
-Alternative jQuery slider
-Alternative front page course styles
-Additional customizable marketing blocks
-Additional layout settings for width, slider width, padding of
various elements
-Social icons
-Mobile settings (customise how theme looks on mobile devices)
-Dismissible bootstrap alerts
-Option to add login form in header on front page
-Logo and Favicon uploader
-Modern emojis (thanks to EmojiOne)
-Front Page layout builder
-Dashboard layout builder
-Course layout builder
In addition many fields (menus, news items, alerts and help links) can
be targeted using custom profile fields, thus it is possible to present
different users with different nagivation items and notices. It is also
possible for individual users to customise where they want top menu
navigation to appear (disable, home pages only, sitewide) using custom
profile fields.
Adaptable has a lot of settings and may seem daunting at first, our
advice is to simply install with the default settings and play with it
afterwards.
With a little time you should be able to setup an attractive Moodle site
with a high degree of individuality without without knowing any CSS.
This theme has been developed by:
Jeremy Hopkins (Coventry University)
Fernando Acedo (3-bits.com)
NOTE: This Adaptable version is compatible with moodle 3.2 and higher only.
For older versions use Adaptable 1.3 branch.
Change Log
------------------------------------
The change log is available in: https://adaptable.ws/overview/change-log
HTML/CSS sample code for block areas
------------------------------------
Here you will find some code samples to help you to customize the Info
Box and the Marketing Blocks.
You can insert any HTML tag to customize the frontpage blocks. Use a
`
` as a main container and add the height to keep the same value in
all the blocks.
The Font Awesome icons set is available in
http://fortawesome.github.io/Font-Awesome/icons/.
You can insert any of them following the examples
http://fortawesome.github.io/Font-Awesome/examples/
Front Page Slider Styles
------------------------
Add images with at least 1900x400px. If you want to reduce or increase
the height, Adaptable will resize the image automatically. There are two
possible slider styles each with different markup required:
Original BCU Slider Markup:
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore
et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip
ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Coventry Style Slider Markup
Frontpage Marketing Block HTML structure Coventry

Front page Info Box and Marketing Blocks
----------------------------------------
There are two Info blocks in the frontpage located above and below the
Marketing Blocks. These are just for compatibility with the old BCU.
It is recommended to use the new marketing blocks builder that allows
you to create your own layout and add much more blocks.
There are 8 rows where you can add up to 4 blocks in each with a total
of 32 block of different size. See pix/layout.png for more information.
You can enter any HTML code to the block, include FA icons, images,
videos and apply inline styles.
Some samples:
Block with solid background, FA icon and some text:
Block with border and transparent background:
Block with an image:
Block with a video:
Block using multi-lang filter:
Footer Blocks
-------------
You can apply the same HTML/CSS in the footer blocks.
Some samples:
Contact information
High St. 100
123456 City
+12 (3)456 78 90
info@mail.com
www.example.com
List with Chevron
Copyright text
--------------
A sample of copyright text using FA icon
Made with in Europe
News Ticker
-----------
From version 1.3 the news ticker do not need to create an unordered
list. Just add paragraphs using
Messages / Notifications
------------------------
From version 3.2 moodle includes a new system to display messages and
notifications in the screen.
The new system displays a hardcoded black icons that are difficult
to see when using dark background colour in the top header. In that case,
you can use an alternate icons pack using white colour.
Login the server by FTP or SFTP and open /theme/adaptable/pix_core/i and
delete notifications.png and rename notifications-white.png to notifications.png
Then open /theme/adaptable/pix_core/t and delete message.png and
rename message-white.png to message.png
Activities icons
------------------------
From version 1.4, Adaptable includes its own icons pack that replace the default moodle icons.
If you don't want to use the icons just remove adaptable/pix_plugins and adaptable/pix_core/f
You can enable this icons from the administration.
You will find more information, tips and tricks in: https://adaptable.ws
Versioning
----------
Adaptable is maintained under the Semantic Versioning guidelines as much
as possible. Releases will be numbered with the following format:
major.minor.patch
and following these guidelines:
- Breaking backward compatibility bumps the major (and resets the minor and patch)
- New additions without breaking backward compatibility bumps the minor (and resets the patch)
- Bug fixes and misc changes bumps the patch
For more information on SemVer, please visit http://semver.org.
Acknowledgments
---------------
Big thanks to all the volunteers that are collaborating and testing
Adaptable continuously. We really appreciate your help and support to
develop the most adaptable theme for moodle.
Development:
- Justin Hunt
- Leonid Chernyavskiy
- COMETE (Paris Ouest University)
- Marina Glancy
- Nick Phillips
- Björn Bettzüche
- Michael Milette
- Bas Brands
- Manoj Solanki
- Gareth Barnard
Testing:
- Andrew Walding
- Alexander Goryntsev
Translation:
- Fernando Acedo (Español - España)
- Germán Valero (Español - México)
- Jordi Rodilla (Català - Andorra)
Licenses
--------
Adaptable is licensed under:
GPL v3 (GNU General Public License) - http://www.gnu.org/licenses
Google Fonts released under:
SIL Open Font License v1.1 - http://scripts.sil.org/OFL
Apache 2 license - https://www.apache.org/licenses/LICENSE-2.0
The Ubuntu fonts use the Ubuntu Font License v1.0 - http://font.ubuntu.com/ufl/ubuntu-font-licence-1.0.txt
The Font Awesome font (by Dave Gandy) http://fontawesome.io) is licensed under:
SIL Open Font License v1.1 - http://scripts.sil.org/OFL
Font Awesome CSS, LESS, and SASS files are licensed under:
MIT License - https://opensource.org/licenses/mit-license.html
Emoji icons provided free by EmojiOne (http://emojione.com) released under:
Creative Commons Attribution 4.0 International - https://creativecommons.org/licenses/by/4.0/
Follow Us
---------
Twitter - https://twitter.com/adaptable_theme
Facebook - https://www.facebook.com/adaptable.theme
### Modify it! - Improve it! - Share it!
all the blocks.
The Font Awesome icons set is available in
http://fortawesome.github.io/Font-Awesome/icons/.
You can insert any of them following the examples
http://fortawesome.github.io/Font-Awesome/examples/
Front Page Slider Styles
------------------------
Add images with at least 1900x400px. If you want to reduce or increase
the height, Adaptable will resize the image automatically. There are two
possible slider styles each with different markup required:
Original BCU Slider Markup:
Information
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore
et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip
ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Coventry Style Slider Markup
Frontpage Marketing Block HTML structure Coventry

International Courses
Some text below the link....
Front page Info Box and Marketing Blocks
----------------------------------------
There are two Info blocks in the frontpage located above and below the
Marketing Blocks. These are just for compatibility with the old BCU.
It is recommended to use the new marketing blocks builder that allows
you to create your own layout and add much more blocks.
There are 8 rows where you can add up to 4 blocks in each with a total
of 32 block of different size. See pix/layout.png for more information.
You can enter any HTML code to the block, include FA icons, images,
videos and apply inline styles.
Some samples:
Block with solid background, FA icon and some text:
Title
Add your text here.
Block with border and transparent background:
Heading
Add your text here.
Block with an image:

Add your text here
Block with a video:
Block using multi-lang filter:
text in english
Footer Blocks
-------------
You can apply the same HTML/CSS in the footer blocks.
Some samples:
Contact information
High St. 100
123456 City
+12 (3)456 78 90
info@mail.com
www.example.com
List with Chevron
Copyright text
--------------
A sample of copyright text using FA icon
Made with in Europe
News Ticker
-----------
From version 1.3 the news ticker do not need to create an unordered
list. Just add paragraphs using
tags
Configure all the theme colours
Use any Google Font for the content, headings and site title
Display a logo or a configurable title site
Configurable Slideshow
Display up to 12 marketing blocks in the front page
Messages / Notifications
------------------------
From version 3.2 moodle includes a new system to display messages and
notifications in the screen.
The new system displays a hardcoded black icons that are difficult
to see when using dark background colour in the top header. In that case,
you can use an alternate icons pack using white colour.
Login the server by FTP or SFTP and open /theme/adaptable/pix_core/i and
delete notifications.png and rename notifications-white.png to notifications.png
Then open /theme/adaptable/pix_core/t and delete message.png and
rename message-white.png to message.png
Activities icons
------------------------
From version 1.4, Adaptable includes its own icons pack that replace the default moodle icons.
If you don't want to use the icons just remove adaptable/pix_plugins and adaptable/pix_core/f
You can enable this icons from the administration.
You will find more information, tips and tricks in: https://adaptable.ws
Versioning
----------
Adaptable is maintained under the Semantic Versioning guidelines as much
as possible. Releases will be numbered with the following format:
major.minor.patch
and following these guidelines:
- Breaking backward compatibility bumps the major (and resets the minor and patch)
- New additions without breaking backward compatibility bumps the minor (and resets the patch)
- Bug fixes and misc changes bumps the patch
For more information on SemVer, please visit http://semver.org.
Acknowledgments
---------------
Big thanks to all the volunteers that are collaborating and testing
Adaptable continuously. We really appreciate your help and support to
develop the most adaptable theme for moodle.
Development:
- Justin Hunt
- Leonid Chernyavskiy
- COMETE (Paris Ouest University)
- Marina Glancy
- Nick Phillips
- Björn Bettzüche
- Michael Milette
- Bas Brands
- Manoj Solanki
- Gareth Barnard
Testing:
- Andrew Walding
- Alexander Goryntsev
Translation:
- Fernando Acedo (Español - España)
- Germán Valero (Español - México)
- Jordi Rodilla (Català - Andorra)
Licenses
--------
Adaptable is licensed under:
GPL v3 (GNU General Public License) - http://www.gnu.org/licenses
Google Fonts released under:
SIL Open Font License v1.1 - http://scripts.sil.org/OFL
Apache 2 license - https://www.apache.org/licenses/LICENSE-2.0
The Ubuntu fonts use the Ubuntu Font License v1.0 - http://font.ubuntu.com/ufl/ubuntu-font-licence-1.0.txt
The Font Awesome font (by Dave Gandy) http://fontawesome.io) is licensed under:
SIL Open Font License v1.1 - http://scripts.sil.org/OFL
Font Awesome CSS, LESS, and SASS files are licensed under:
MIT License - https://opensource.org/licenses/mit-license.html
Emoji icons provided free by EmojiOne (http://emojione.com) released under:
Creative Commons Attribution 4.0 International - https://creativecommons.org/licenses/by/4.0/
Follow Us
---------
Twitter - https://twitter.com/adaptable_theme
Facebook - https://www.facebook.com/adaptable.theme
### Modify it! - Improve it! - Share it!
Moodle 3.2, 3.3
Version information
- Version build number
- 2017082500
- Version release name
- 1.5.1
- Can be updated from
- 1.3 (2016121300), 1.3.1 (2017011600), 1.3.1.1 (2017012300), 1.3.2 (2017050200), 1.3.3 (2017051700), 1.3.3.1 (2017052200), 1.4 (2017053000), 1.5 (2017072500)
- Can be updated to
- 1.5.2 (2017101100), 1.6.0 (2018011500), 1.7.1 (2018073000)
- Maturity
- Stable version
- MD5 Sum
- d5d3b9c09b218844e74e8e3e66e7c312
- Supported software
- Moodle 3.2, Moodle 3.3
- The more recent release 1.6.2 (2018111800) exists for Moodle 3.2
- The more recent release 1.6.2 (2018111800) exists for Moodle 3.3
Version control information
- Version control system (VCS)
- GIT
- VCS repository URL
- VCS branch
- https://bitbucket.org/covuni/moodle-theme_adaptable/branch/version-1.5.1-2017082500
Default installation instructions for plugins of the type Themes
- Make sure you have all the required versions.
- Download and unpack the module.
- Place the folder (e.g. "ponies") in the "theme" subdirectory.
- Visit http://yoursite.com/admin to finish the installation