[SOLVED] upgrading Moodle to 2.8.1 (bootstrap)

[SOLVED] upgrading Moodle to 2.8.1 (bootstrap)

by Shirin Bayat -
Number of replies: 19

Hi,

The company that I am working with upgraded their Moodle to Moodle 2.8.1 and since then few minor changes appeared in the page design! like fonts have changed and their size is different.

I tried to edit the bootstrap folder but unfortunately it is empty now! I do not see the same css and javascript files that they used to be there previously!

But still the new Moodle is responsive and I dont know how it is still responsive without the actual bootstrap files!


Is there any help?


Thanks, 


(Edited by Gareth J Barnard - original submission Wednesday, 8 April 2015, 9:13 AM) - Added [SOLVED]

Average of ratings: -
In reply to Shirin Bayat

Re: upgrading Moodle to 2.8.1 (bootstrap)

by Richard Oelmann -
Picture of Core developers Picture of Plugin developers Picture of Testers

If your bootstrapbase theme folder is empty, then you have not copied your updated code files across properly and your site is possibly running on cached css

Note - bootstrap (besides being a framework that the newer themes are built on) is the name of Bas Brand's Bootstrap3 theme, while the default parent theme for Clean and other Moodle Themes, as included in core moodle is Bootrapbase.

Average of ratings: Useful (1)
In reply to Richard Oelmann

Re: upgrading Moodle to 2.8.1 (bootstrap)

by Shirin Bayat -

Hi Richard,


Thank you for your help.

I was not involved with upgrading the Moodle and the people who were involved left without documenting anything.

Is there any way that I can get the instruction for setting up any Moodle Themes?

I am positive if I download any Theme in my bootstrap folder still I need to set a lot of things up. Is there any easier way for this?


Regards,

Shirin

Average of ratings: -
In reply to Shirin Bayat

Re: upgrading Moodle to 2.8.1 (bootstrap)

by Richard Oelmann -
Picture of Core developers Picture of Plugin developers Picture of Testers

I'm not sure what you mean by downloading themes into your 'bootstrap' folder - Themes go in the 'theme' folder of your moodle installation.

If you look at the documentation linked at the top of the Themes forum, one of those documents links to installation instructions for how to add themes.

Average of ratings: -
In reply to Richard Oelmann

Re: upgrading Moodle to 2.8.1 (bootstrap)

by Shirin Bayat -

Hi,

There are few css and javascript files which are controlling the responsive features of Moodle and they are located in Bootstrap folder.

I do not need any themes here. All I need is having what was there in the previous version of Moodle, back to the same folder (Bootstrap). 

As I said, in new version of Moodle, Boot strap files are missing and that created a problem.


I do not know how to fix this issue. Do I need to download the missing files manually from Bootstrap website?

Regards,

Shirin

Average of ratings: -
In reply to Shirin Bayat

Re: upgrading Moodle to 2.8.1 (bootstrap)

by Mary Evans -

Hi,

First of all Moodle is nothing to do with Bootstrap.

Moodle has many themes, some which have been incorporated into the Moodle/theme directory and were created using Bootstrap 2.3.2. These themes are a new breed of themes and in some respects are still prototypes, but are as of Moodle 2.7 the default themes for Moodle.

The only Bootstrap folder in Moodle 2.8.1 can be found in Moodle/theme/bootstrapbase/less/bootstrap. This folder contains ALL the necesary styles for Moodle boostrapbase themes.

However, that aside, you did not say what version  of Moodle your institution upgraded from. If 2.3 or 2.4. then the Bootstrap folder you are talking about must be the Bootstrap theme by Bas Brand. If that is empty then the theme you are seeing is Clean theme which is the default theme in Moodle 2.8.1.

Hope this helps?

Mary

PS: Edited to add more info:

This is what the files system of Moodle 2.8 looks like:

https://github.com/moodle/moodle/tree/MOODLE_28_STABLE

This is the file structure of the theme directory:

https://github.com/moodle/moodle/tree/MOODLE_28_STABLE/theme

And this is Moodle Bootstrapbase theme:

https://github.com/moodle/moodle/tree/MOODLE_28_STABLE/theme/bootstrapbase

Hope this helps?

Mary

Average of ratings: Useful (1)
In reply to Mary Evans

Re: upgrading Moodle to 2.8.1 (bootstrap)

by Shirin Bayat -

Hi Mary,


The version that was being used before was 2.2.


Regards,

Shirin


Average of ratings: -
In reply to Shirin Bayat

Re: upgrading Moodle to 2.8.1 (bootstrap)

by Mary Evans -

OK...and so what was the relationship between Moodle and Bootstrap at that time? 

And on a more technical level:

Where in your CURRENT file structure does your original BOOTSTRAP directory reside in relation to Moodle 2.8?

Thanks

Mary

Average of ratings: -
In reply to Mary Evans

Re: upgrading Moodle to 2.8.1 (bootstrap)

by Shirin Bayat -

Hi Mary,

 

The css file and javascript files of Bootstrap folder were both been edited and hard coded.

In the new version of Moodle 2.8, all those files are missing!

Regards,

Average of ratings: -
In reply to Shirin Bayat

Re: upgrading Moodle to 2.8.1 (bootstrap)

by Mary Evans -

Well that may be so but you do not say where the file was in relation to Moodle.

For example was it in the theme folder of your old Moodle? If it was, then it was most probably an early Bootstrap theme (circa 2013), then you can still download that theme and install it in Moodle2.8.1. However the same theme is now in Moodle 2.8.1 but is is known as the Clean theme.

Mary 

Average of ratings: Useful (1)
In reply to Mary Evans

Re: upgrading Moodle to 2.8.1 (bootstrap)

by Shirin Bayat -


Hi Mary,

 

Yes, it was in Theme folder.

I am trying different options now. smile

Hope I get lucky!

Thanks

 

 

Average of ratings: -
In reply to Mary Evans

Re: upgrading Moodle to 2.8.1 (bootstrap)

by Shirin Bayat -


Hi Mary,

 

Yes, it was in Theme folder.

I just found an instruction to how to edit the front end .css files in Moodle 2.8:
 
"About bootstrap in Moodle
-------------------------
If you want to make changes to the .css generated from these .less files then you
need to use a LESS Compiler. Details on specific compilers and how to install them
can be found at http://docs.moodle.org/dev/LESS

At present, recess is the official tool for developers to compile LESS in to CSS, as
other tools give different results in the generated CSS.

Once recess has been installed you can compile and compress the LESS in to CSS using
the following commands from the "theme/bootstrapbase/less" directory:...”

 

This is so inconvenient! I do not have the privilege to download new applications in my work place computer! I don't know why Moodle 2.8 made it so hard for the users to make minor changes in themes!

Thanks,

 

 

Average of ratings: -
In reply to Shirin Bayat

Re: upgrading Moodle to 2.8.1 (bootstrap)

by Just H -

If it's just "minor changes" just use the custom CSS field in the theme setting. Apart from anything else, this will mean you don't lose the changes in a subsequent update.

Average of ratings: -
In reply to Shirin Bayat

Re: upgrading Moodle to 2.8.1 (bootstrap)

by Gareth J Barnard -
Picture of Core developers Picture of Particularly helpful Moodlers Picture of Plugin developers

Moodle did not make it hard, Bootstrap uses LESS to create the CSS, so the requirement comes from there.  There is a another way of compiling locally if you already have npm installed - http://lesscss.org/. Or you could use the inbuilt PHP compiler - look at the documentation for the More theme.  Or use Custom CSS as Just H suggests.

Average of ratings: -
In reply to Shirin Bayat

Re: upgrading Moodle to 2.8.1 (bootstrap)

by Mary Evans -

Hi,

If you were able to manipulate the CSS before in your old theme in Moodle 2.2 , then you can still do this the same in 2.8.

Try downloading the Easy theme and customise that.

Cheers

Mary

Average of ratings: Useful (1)
In reply to Shirin Bayat

Re: upgrading Moodle to 2.8.1 (bootstrap)

by Bret Miller -

My guess, and based on the experience of losing the Formal White theme I was using when I upgraded to 2.7, is that you need to download and install the Bootstrap theme and make that the default for your new Moodle install. I think once you do that, things will look more normal to you.

Average of ratings: Useful (1)
In reply to Bret Miller

Re: upgrading Moodle to 2.8.1 (bootstrap)

by Shirin Bayat -


Hi Bret,

 

I can download that, but is there easy way that I can choose a bootstrap theme as a default theme?

 

Regards,

Average of ratings: -
In reply to Shirin Bayat

Re: upgrading Moodle to 2.8.1 (bootstrap)

by Richard Oelmann -
Picture of Core developers Picture of Plugin developers Picture of Testers

Clean is already the default theme in your Moodle and is a bootstrap theme

In terms of setting another bootstrap theme as your default - they are just themes, you set them as your selected theme the same way as any other theme.

Average of ratings: Useful (1)