Themes

 
 
Julian Ridden
CLOSED: Discussions about the Essential theme
Group DevelopersGroup Moodle Course Creator Certificate holdersGroup Particularly helpful MoodlersGroup Translators

Essential ThemeNow that the Essential theme is out of Alpha and into formal release, this forum has been started to allow for open discussion of bugs and feature requests.

You can watch an overview of some of the major features of the theme here: The “Essential” #bootstrap based #moodle theme has been submitted to the plugins DB and can be downloaded from https://moodle.org/plugins/view.php?plugin=theme_essential.

Here is an overview of features: https://vimeo.com/channels/moodleman

 
Average of ratings:Useful (9)
It's only an avatar...
Re: Essential Theme Discussions
Group DevelopersGroup Documentation writersGroup Particularly helpful MoodlersGroup Testers

WOW! Love it!

100% for presentation.

Love it!

 
Average of ratings: -
Picture of Carmsie Melodie
Re: Essential Theme Discussions
 

Hi Julian and Mary, 

I hope you can assist me. I'm a very new Moodler and am using Essentials. I love this theme and have enjoyed working out how to set it up to present my offerings effectively. It's still very much a work in progress but you can take a peek here, if interested. 

My problem is I need to make some small tweeks and have no idea how to go about this. I assume the changes need to be done via the code (as I have looked thoroughly in the edit options and can see nowhere that is relevant). I've not dabbled with Moodle code at all so far, and I don't want to break anything (eeek!), so I thought it was best to ask an expert. 

The tweeks:

  1. Slow down the front page slide show a bit. It moves too fast for people to read the text.
  2. Increase the size of the window where embedded .pdfs are displayed. The width is fine but the default height cuts most pages in half or less. 
  3. Can I make my Site Guide (a .pdf) automatically pop up on the front page, without taking people (before and after login) to a page where they need to click a link to activate the pop up? 
  4. This one is more of a query. I have an animated powerpoint presentation on the front page and have used iSpring to publish it. Is there any way I can include this on my site directly, without the need for a third party service like iSpring? Also, can its size be increased slightly? 

If you can help me or guide me to any Moodle instructions (for total noobs) I'd really appreciate it. 

Many thanks

 
Average of ratings:Useful (1)
Picture of David Scotson
Re: Essential Theme Discussions
Group DevelopersGroup Documentation writersGroup Particularly helpful Moodlers
Really great theme. As well as the big stuff, there's so many great little touches, like... the use of font-awesome for a customisable header logo, the look of the logged-in user block, the blocks in the dark footer, advertising-block icons etc.. Love it.

 
Average of ratings: -
Picture of Joshua Bragg
Re: Essential Theme Discussions
Group Particularly helpful MoodlersGroup Testers

Looking great Julian.  I've been playing with it for the last hour trying to set it up for our school how I'd like it to look.

One minor issue so far.  The first slide in the slide show appears to barely load and then immediately fly away when the home page is first loaded.  It would be nice if it hung around a bit longer when the page first loaded.  The rest of the time it looks fine.

And a feature request.  I really appreciated that in Rocket I could change the link color independently of the other colors.  My school's colors are black and gold.  For design reasons, I wish they were easier to work with.  The gold is unsuitable for a general theme color which leaves black for the theme color.  However that makes problems with telling what is linked and what isn't.  In Rocket, I ended up making the link color blue just to keep it easy to see the random links like glossary entries and activity auto links.  Having a place to set that independently of the theme color would be nice for me.

 
Average of ratings:Useful (1)
Julian Ridden
Re: Essential Theme Discussions
Group DevelopersGroup Moodle Course Creator Certificate holdersGroup Particularly helpful MoodlersGroup Translators

If you grab te latest version from github you will see I have added the ability to add custom css to the theme settings. This will allow you to change any particular nuance you like.

To change the link color you could add something like:

a, a:visited {
    color: #000;
}

 
Average of ratings:Useful (1)
Picture of Claudio Visa
Re: Essential Theme Discussions
 

Dear Julian:
                               Hi I downloaded your theme and have installed but I try not block navigation appears, or administration, nor those of my courses, which can be??

regards

(ESCRIBO MAS O MENOS EL INGLES)

 
Average of ratings: -
Picture of Ricardo Marciano
Re: Essential Theme Discussions
 

How do I create another menu lade my dashboard or a menu link to any page?

 
Average of ratings: -
Picture of Sergio Lopez
Re: Essential Theme Discussions
 

hello,

first, fantastic work.

I have a small problem, when I open a scorm activity in a new window, I can not stop the navigation display.

I modified the config.php file

'popup' => array(
'file' => 'columns1.php',
'regions' => array(),
'options' => array('nofooter'=>true, 'nonavbar'=>true, 'noheader'=>true),

But still not working, any idea.

Thank you.

 
Average of ratings: -
It's only an avatar...
Re: Essential Theme Discussions
Group DevelopersGroup Documentation writersGroup Particularly helpful MoodlersGroup Testers

Hi,

This sounds like a BUG so can you please check if this happens in Clean theme too because if it does it needs reporting in [Moodle Tracker].

Cheers

Mary

 
Average of ratings:Useful (1)
Picture of Sergio Lopez
Re: Essential Theme Discussions
 

Indeed, Clean theme also appears.

Communicate the Bug

Thanks

 
Average of ratings: -
It's only an avatar...
Re: Essential Theme Discussions
Group DevelopersGroup Documentation writersGroup Particularly helpful MoodlersGroup Testers

Thank you for reporting this bug MDL-42184

I will get this fixed in Moodle hopefully.

Mary

 
Average of ratings: -
Frankie's the name, Moodle's my game!
Re: Essential Theme Discussions
Group Particularly helpful Moodlers

> One minor issue so far.  The first slide in the slide show appears to barely load and then immediately fly away when the home page is first loaded.  
>

That what I feel too! Would be great if we could solve this one.

 
Average of ratings:Useful (1)
Picture of Paul Wood
Re: Essential Theme Discussions
 

+1 !

 
Average of ratings: -
Picture of Manuel Gilberto
Re: Essential Theme Discussions
 

+1

 
Average of ratings: -
me
Re: Essential Theme Discussions
 

+1!  Thanks.

 
Average of ratings: -
Picture of Joshua Bragg
Re: Essential Theme Discussions
Group Particularly helpful MoodlersGroup Testers

One more little odd thing:

When I'm on any page outside of the site administration pages, the submenu for the Essential theme doesn't appear at all within the Administration block.  Within any site admin page, the submenu for the essential theme appears just fine.

This is true when using Essential as well as a few other themes I tried (Clean, Leatherbound).

 
Average of ratings: -
Julian Ridden
Re: Essential Theme Discussions
Group DevelopersGroup Moodle Course Creator Certificate holdersGroup Particularly helpful MoodlersGroup Translators

I think we have discovered a Moodle bug there. No themes (that I am aware of) have created their own category of settings before. This may mean it was not prepared to render such a request. If you are on any "Administration" page (i.e. notifications, theme settings, etc) the options will appear.

I have created MDL-40514 to log the issue. You might want to follow it to see the resolution.

If anyone else out there has ideas I would also love to hear them.

Update: Looks like this was a code issue. I have updated the version in the plugins DB and Github. It will now always show in the admin menu regardless of page you are on

Julian

 
Average of ratings:Useful (2)
Picture of Seth Mengal
Re: Essential Theme Discussions
 

Finally the UI i was waiting for. Would be up and running soon on our system! Thaanks Julian! cool

 

Its so sleek, simple and easy! Always what i wanted! Just a few things i would like to change if your up for it.

 

Like how could we make it have only two column,  (Content and Blocks)

Also, is there a trick to make all blocks on the Right, so automaticly the content space gets more. 

 

When using iframes, it gets really untidy. I would love a whole space for a Book/Lesson etc.

 


 
Average of ratings: -
Julian Ridden
Re: Essential Theme Discussions
Group DevelopersGroup Moodle Course Creator Certificate holdersGroup Particularly helpful MoodlersGroup Translators

I will promise to work on a two column option in the next release. Couldn't quite figure out how to get the dynamically adjusting content dependant on columns working in bootstrap and wanted this version to be as stable as possible.

As for iframes I have a simpler response. Adjust the width of your iframe. I dont see how the theme would be directly impacting that.

Julian

 
Average of ratings:Useful (1)
Gareth J Barnard
Re: Essential Theme Discussions
Group DevelopersGroup Particularly helpful Moodlers

Dear Julian,

The current versions of Clean and Shoelace have adjusting columns (for three column) layouts when 'side-pre' or 'side-post' have no content.  They both just implement it in a slightly different way.

The key here is for the definition of 'span9' to have a 100% width when 'side-pre' or 'side-post' have no content.

Cheers,

Gareth

 
Average of ratings: -
It's only an avatar...
Re: Essential Theme Discussions
Group DevelopersGroup Documentation writersGroup Particularly helpful MoodlersGroup Testers

Hi Julian,

Building on what Gareth said in his last comment, it is planned MDL-39777 that Clean will "inherit" the layouts from Bootstrapbase theme this is to make future developments easier to maintain. So Clean will only carry a standard set of settings for Inverse top menu, header logo, footnote & custom CSS in the settings.php.

The way the blocks are loaded is all changed too.  Lots of stuff is all done in core. Gareth know more about this side of things has he has been instrumental in getting the layouts to work.

Cheers

Mary

 
Average of ratings: -
Picture of Seth Mengal
Re: Essential Theme Discussions
 

Ah great thanks! :D 

No, actually iframe would be fixed when u do the two column thing, i am sure. It feels beautiful and the students will start using it from tomorow.

Thanks again for the beautiful design.

 
Average of ratings: -
Picture of Claudio Visa
Re: Essential Theme Discussions
 

Estimado Julian

Yo tengo el moodle 2.5 y he instalado el theme essential pero al cargarlo me sale esto

QUE ES LO PASA????

 

SALUDOS

 
Average of ratings: -
Julian Ridden
Re: Essential Theme Discussions
Group DevelopersGroup Moodle Course Creator Certificate holdersGroup Particularly helpful MoodlersGroup Translators

You have to upgrade to 2.5.1 to use this theme.

Regards

Julian

 
Average of ratings: -
Picture of Grant Mitchell
Re: Essential Theme Discussions
 

Hey Julian,

 

Can I say fantastic theme! I am very new to Moodle, so my opinion won't carry as much weight as the more experienced Moodlers out there, but after spending time looking over themes etcetera, yours came top of the list!

I have one problem though. I installed your theme and straight away I am greeted with: Coding error detected, it must be fixed by a programmer: Trying to reference an unknown block region side-post.

I am not experienced with Moodle, so any advice on how to remove this would be greatly appreciated.

 
Average of ratings: -
It's only an avatar...
Re: Essential Theme Discussions
Group DevelopersGroup Documentation writersGroup Particularly helpful MoodlersGroup Testers

That is an old BUG in bootstrapbase themes of which Essential is built upon.

I think Julian will be addressing this and other bugs in his new release.

The way round this is not to try and move blocks to the right hand column in that particular page. In actual fact it would be useful to know which layout type it is.  So to help identify this layout can you enable the "Show page info" (or similar wording) in Site Administration > Development > Debugging

After saving the settings go back to the page you were having that error and tell me what the info in the footer says regarding the layout type?

Thanks

Mary

 
Average of ratings: -
Picture of Grant Mitchell
Re: Essential Theme Discussions
 

I have followed your instruction Mary, and all I have on the page now is what was there before:

[main content goes here -4pqm7h1j8f]

and coding error detected.

 

 

 
Average of ratings: -
Picture of Claudio Visa
Re: Essential Theme Discussions
 

hOLA:

        A mi tambien me da ese erro que puede ser???

 

Saludos

 
Average of ratings: -
Picture of Grant Mitchell
Re: Essential Theme Discussions
 

When I logged out as system administrator I was able to see this at the bottom of the page:

 

This page is: General type: frontpage. Context Front page (context id 2). Page type site-index.

 
Average of ratings: -
Picture of László Koloszár
Tárgy: Re: Essential Theme Discussions
 

Hello,

we have got the same problem under Moodle 2.5.2+ (Build: 20130913) with the latest Essential theme (Release 2.5.4 (Build: 20130904)).

We have got some older assignments (2.2) activities. If I go here: "Assignment upgrade helper / List assignments that have not been upgraded" and check some box to upgrade selected assignments (with using the button at the botttom of the page), I get the same error:

Coding error detected, it must be fixed by a programmer: Trying to reference an unknown block region side-post
[MAIN CONTENT GOES HERE - Jn1nvWUuCC]

But if I use the upgrade link which can be found all the rows of each older assignment name than the upgrade works perfectly.

I don't know what I must do with this information, who can I give it to the developer so I type it here.

I found that Essential is a fantastic theme! Great job, many thanks for it!

 
Average of ratings: -
Didier
Re: Essential Theme Discussions
 

Bonjour,
ce thème est  graphiquement génial ! Merci.
Cependant je rencontre une erreur lors de l'affichage des cohortes ou des notes.
"Trying to reference an unknown block region side-post"

Hello, this theme is graphically awesome ! Thank you !!

However, i encounter an error when displaying cohorts or grades.


moodle/grade/report/user/index.php?id=3 [MAIN CONTENT GOES HERE - t99XPScuMz]
moodle/cohort/index.php?contextid=3 [MAIN CONTENT GOES HERE - 91TpnVTrvu]

 

Thanks.

Didier

 
Average of ratings: -
Julian Ridden
Re: Essential Theme Discussions
Group DevelopersGroup Moodle Course Creator Certificate holdersGroup Particularly helpful MoodlersGroup Translators

Hello Didier

Have you got the current version I have attached a screenshot of my site using this theme and the same URL and I cannot replicate your issue.

Julian


 
Average of ratings: -
Didier
Re: Essential Theme Discussions
 

Hello,

Yes, i have got the current version...

Thanks.

 

Didier


 
Average of ratings: -
Picture of Seth Mengal
Re: Essential Theme Discussions
 

Hi, going on the Grades, i am getting the same error :/

 
Average of ratings: -
Picture of Seth Mengal
Re: Essential Theme Discussions
 

Hi, i just copied the theme on github and updated on Moodle, as u said the newest update, i am facing these problems:

  • Sometimes Essential hides from the list of themes on the Administration Block.
  • I cannot see Custom CSS anywhere to write on the Settings, i had to write it on the code itself.
  • The error of GradeBook is still there.
  • The blocks sometimes come on the top header (Some design issue?) Screenshot attached.

 

-- Secondly i want to ask how can i make the width of the Boxes a bit lesser then the original, (.rowfluid .span6 ??) and move it more to the right. So i get more "CONTENT SPACE" 

 

Thanks.

 


 
Average of ratings: -
Didier
Re: Essential Theme Discussions
 

Hi,

I resolved my problem with a new installation of Moodle (without Softtaculous !).

Grade and cohorts are now ok.

For information : Old version 2.5 (may 2013) with Softaculous

 

Didier

 

 
Average of ratings: -
Picture of Gary Moncrieff
Re: Essential Theme Discussions
 
Hi Jullian

Great theme, if I wanted to have a more conventional block layout, left and right columns with content in middle how would one do this?

Thanks

(hmm just noticed the moodle html editor doesn't work with IE11 preview)
 
Average of ratings: -
It's only an avatar...
Re: Essential Theme Discussions
Group DevelopersGroup Documentation writersGroup Particularly helpful MoodlersGroup Testers

Checkout the layouts in Clean theme.

 
Average of ratings: -
Julian Ridden
Re: Essential Theme Discussions
Group DevelopersGroup Moodle Course Creator Certificate holdersGroup Particularly helpful MoodlersGroup Translators

Issues with the HTML editor will be not be related to the Essential theme. Be sure to try other themes as well and to empty the theme cache.

There is a related discussion on this thread - https://moodle.org/mod/forum/discuss.php?d=232182

Julian

 
Average of ratings: -
Julian Ridden
Re: Essential Theme Discussions
Group DevelopersGroup Moodle Course Creator Certificate holdersGroup Particularly helpful MoodlersGroup Translators

Looks like some great changes have come in 2.5.1.

I have attached a screenshot showing that it goes to two columns now, not just three.

Best thing is, I have changed nothing in Essential to do this. As Essential inherits from Bootstrapbase and bootstrap base has had significant work done in 2.5.1, the magic has all happened behind the scenes.

If you upgrade to 2.5.1 please give feedback to let me know if you are having any issues using two rather than three columns.

Julian


 
Average of ratings: -
Picture of Seth Mengal
Re: Essential Theme Discussions
 

Okay gonna try that Julian. Cheers.

 
Average of ratings: -
Picture of Seth Mengal
Re: Essential Theme Discussions
 

 Hi Julian, ive upgraded to 2.5.1, now how do i choose two column by default? or something like the screen u pasted.

Or did u mannually move them all on the right?

 

Also theres too much space on the right, can i move it right to the edge? Please :/

 

P.S: The Grades are working great after the update.


 
Average of ratings: -
Julian Ridden
Re: Essential Theme Discussions
Group DevelopersGroup Moodle Course Creator Certificate holdersGroup Particularly helpful MoodlersGroup Translators

The default block locations are not set by the theme. So you will need to move them. Looks like your two blocks are in the "left" column. Just click and drag them to the right.

Julian

 
Average of ratings:Useful (1)
Picture of Seth Mengal
Re: Essential Theme Discussions
 

Sure yes, how can i make the blocks width a bit smaller?

 
Average of ratings: -
Julian Ridden
Re: Essential Theme Discussions
Group DevelopersGroup Moodle Course Creator Certificate holdersGroup Particularly helpful MoodlersGroup Translators

To do that you will need to add additional CSS into the Essential theme settings. But this is not as easy as you think.

In bootstrap widths are now based on spans. The page contains 12 eque-distant spans that content is put within. In this case the blocks cover 3 spans each and the content covers 6 spans.

Understanding this is important as changing widths will have a greater impact.

The current CSS states.

.row-fluid .span3 {
    width23.076923076923077%;
}
 
This is as you would expect just under 1/4 of the space. (it is a little less to allow room for padding). If you were to just up this percentage it will throw everything else out of balance. 
 
Hopefully identifying how this is designed will let you see how much harder changing this will be.
 
Julian

 

 
Average of ratings:Useful (1)
Picture of Hittesh Ahuja
Re: Essential Theme Discussions
Group Testers

Hi Julian,

I am in the same situation where I need to decrease the blocks width a bit. Right now it stands at 30% something , but hardcoding this in my inherited theme throws the responsiveness out of place. What would you suggest to start going deep a bit to see how the mechanisms work behind it ? LESS ? I'm not really that familiar with LESS ( apart from whats stated in the moodle docs), so any help will be really appreciated. I have inherited the CLEAN theme to suit our university theme.

 

Many thanks

Hittesh

 
Average of ratings: -
Picture of Rodney Wolford
Recommend changing z-index for .da-slider to -1
 

I would recommend that you consider changing the z-index for the da-slider to a value such as -1.

As it is now, things such as glossary terms displayed on the front page appear under the slider text (see example 1). Simply changing the da-slider in the custom code area fixes the issue see example 2).

I don't see any reason why the z-index shouldn't be used to push the slider back. And in some instances it is a benefit to have it back.  So, I hope you will consider the change.

Thanks,

Rod


 
Average of ratings: -
Picture of g k
Re: Essential Theme Discussions
 

 Getting the same error as someone else. I am running the most current version of this theme and Moodle

 
Average of ratings: -
Gareth J Barnard
Re: Essential Theme Discussions
Group DevelopersGroup Particularly helpful Moodlers

Dear all,

I tried to replicate the issues with side-post and 'MAIN CONTENT GOES HERE' with the M2.5 from https://github.com/moodleman/moodle-theme_essential/tree/MOODLE_25 and the master branch and cannot.  I worked on the recent 'side-post' issues in collaboration with Sam and Mary so thought I could help out.

Please see if you get the issues by using the latest code from GitHub.

Cheers,

Gareth

 
Average of ratings: -
Picture of g k
Re: Essential Theme Discussions
 

Thank you. Even with the latest version of this theme from github, I still get the error, "Coding error detected, it must be fixed by a programmer: Trying to reference an unknown block region side-post" .

 
Average of ratings: -
Gareth J Barnard
Re: Essential Theme Discussions
Group DevelopersGroup Particularly helpful Moodlers

Dear G K,

As I cannot replicate the issue, please could you turn on developer level debugging (http://docs.moodle.org/25/en/Debugging) as a stack trace would help.

Cheers,

Gareth

 
Average of ratings: -
Picture of g k
Re: Essential Theme Discussions
 

Thanks for your help in advance.  Turning on debugging renders the following info:

Debug info: Error code: codingerror
Stack trace:
  • line 884 of /lib/blocklib.php: coding_exception thrown
  • line 984 of /lib/blocklib.php: call to block_manager->check_region_is_known()
  • line 997 of /lib/blocklib.php: call to block_manager->ensure_instances_exist()
  • line 315 of /lib/blocklib.php: call to block_manager->ensure_content_created()
  • line 1232 of /lib/outputrenderers.php: call to block_manager->get_content_for_region()
  • line 186 of /theme/essential/layout/general.php: call to core_renderer->blocks_for_region()
  • line 847 of /lib/outputrenderers.php: call to include()
  • line 777 of /lib/outputrenderers.php: call to core_renderer->render_page_layout()
  • line 199 of /report/log/index.php: call to core_renderer->header()
 
Average of ratings: -
Julian Ridden
Re: Essential Theme Discussions
Group DevelopersGroup Moodle Course Creator Certificate holdersGroup Particularly helpful MoodlersGroup Translators

I cannot replicate your issue either. Are you sure you have the most recent version of the codebase?

Julian

 
Average of ratings: -
Picture of Gisele Brugger
Re: Essential Theme Discussions
 

Hello

This is the BEST Theme smile

Thanks a lot Julian

I'm testing this theme in my site http://giselebrugger.com/moodle/

and today i installed  this format course : https://moodle.org/plugins/view.php?plugin=format_tabtopics&sesskey=Ytmuyrempr and when a access administration to finish installation i had a error 

 

Thank you

 
Average of ratings: -
Gareth J Barnard
Re: Essential Theme Discussions
Group DevelopersGroup Particularly helpful Moodlers

Dear G K,

Odd as the logic is sound in 'general.php' with and without using an RTL language and with having no blocks in 'side-post' on a three column layout with editing on and off.  I cannot replicate or see a coding fault by looking backwards from line 186.

What version of Moodle and Essential (with branch) are you using?  Where did you get it from? Have you made any modifications?

I'm using Moodle 2.5.1 (Build: 20130708) 2013051401.00 with Essential theme from the MOODLE_25 branch on GitHub 2.5 (Build: 20130705) 2013070500.

Cheers,

Gareth

 
Average of ratings: -
Picture of g k
Re: Essential Theme Discussions
 

I am  not sure what was happening either.   I upgraded to the latest version of Moodle. I downloaded the latest version of the theme (again). I reinstalled it and the error messages are gone.  Thanks again for your assistance. 

 
Average of ratings: -
Picture of Gary Moncrieff
Re: Essential Theme Discussions
 
I have also seen similar errors at instances, for example, purging cache when blocks editing is on. When blocks editing is on with this theme you cant change to another theme either.
 
Average of ratings: -
Picture of Dan Jeffries
Re: Essential Theme Discussions
 

Hi Julian

Just wanted to reitterate everyone's comments and say what a fantastic theme. Great work.

Quick question. Our site has 2 or 3 admin accounts. If we use the 'hide blocks for admin' feature at the bottom, do we get different views or the same?

 
Average of ratings: -
Julian Ridden
Re: Essential Theme Discussions
Group DevelopersGroup Moodle Course Creator Certificate holdersGroup Particularly helpful MoodlersGroup Translators

Hi Dan,

Thanks for sharing the love. Glad you like it.

You all see the same It is hidden based on role. If you are all Admins, you will all see it.

Julian

 
Average of ratings:Useful (1)
Picture of Dan Jeffries
Re: Essential Theme Discussions
 

Thanks Julian - makes sense.

Am testing out different modules and have noticed that the appearance of the Feedback activity looks a bit 'bleak'. There used to be styling templates in the old Questionnaire module - should Feedback look different or is this the standard layout?


 
Average of ratings: -
Julian Ridden
Re: Essential Theme Discussions
Group DevelopersGroup Moodle Course Creator Certificate holdersGroup Particularly helpful MoodlersGroup Translators

This is just the standard bootstrap layout for feedback. Essential has added nothing to the formatting here.

Julian

 
Average of ratings: -
Picture of Ray Le Couteur
Re: Essential Theme Discussions
 

I use the feedback module a lot and there are significant problems with formatting the feedback when using the essential theme compared to other standard themes

The formatting is generally poor (eg 2 lines for each multiple choice as in the screenshot  shown above) - have never seen this in other themes - but more importantly settings I have adjusted (eg texbox width for long ansers) have no effect - ie all textboxes are the same width (about 50)  whatever setting I select. This problem does not occur in other themes.

This is a serious issue for my use of the essential theme which I generally really like. I hope someone can come up with a solution.

 
Average of ratings: -
Julian Ridden
Re: Essential Theme Discussions
Group DevelopersGroup Moodle Course Creator Certificate holdersGroup Particularly helpful MoodlersGroup Translators

It does happen in other thees. Any bootstrap theme to be precise.

Sadly until they fix this in core there is not much I can do.

Julian

 
Average of ratings: -
Picture of Ray Le Couteur
Re: Essential Theme Discussions
 

Thanks Julian

I'm only just getting my head round the concept of the bootstrap theme.

 
Average of ratings: -
Picture of Hartmut Scherer
Re: Essential Theme Discussions
Group Particularly helpful Moodlers

Hi Ray,

I also like using the Feedback module. So I wanted to find out how it looks in Moodle 2.6dev (Build: 20130823) with Survey2 (a combination of Feedback, Survey, and Questionnaire) installed. 

Display of Survey2 in Essential theme

I am not sure whether Survey2 will be available in the next Moodle version, but the layout looks good to me. Of course, this doesn't help you for the current Moodle version, but may give you a perspective.

With kind regards,

Hartmut

 
Average of ratings: -
Picture of Marius Jugariu
Re: Essential Theme Discussions
 

Hartmut,

I think he is referring to the analysis display where you see the coloured bars when responses are submitted. Those look weird on my current essential theme as well.

 
Average of ratings: -
Picture of Ray Le Couteur
Re: Essential Theme Discussions
 

Hi Hartmut

Yes, that layout does look a lot  better .... does the text field give the correct design width -  (currently in feedback it has a fixed width irrespective of the specified width).

Thanks

 

Ray

 

 

 

 
Average of ratings: -
Picture of David Scotson
Re: Essential Theme Discussions
Group DevelopersGroup Documentation writersGroup Particularly helpful Moodlers
Its a Bootrapbase issue. Bootstrap expects forms to be marked up in one particular way and Moodle has forms in a variety of formats. Each format needs a workaround added.

I'll file a bug about it when I'm no using the broswrr t on a phone
 
Average of ratings: -
Picture of David Scotson
Re: Essential Theme Discussions
Group DevelopersGroup Documentation writersGroup Particularly helpful Moodlers
I've filed a bug about this here:

https://tracker.moodle.org/browse/MDL-40746

The short-term workaround is to set the label tags in this area to be display: inline-block, rather than Bootstrap's default of display: block.

 
Average of ratings: -
Picture of Gehrt Delius
Re: Essential Theme Discussions
 

Hello!

Very nice theme and very easy to modify smile. I wanted another background-color, while the page-background (#page) stays white. So i changed body-background to a certain color and #page to white in custom.css.

This change of colors showed there is something wrong with the footer: Only on the frontpage it is part of the page-div (check with firebug).

Footer integrated on frontage

footer not integrated on other pages:

Is this "a bug" or am i wrong. I only modified custom.css.

Gehrt

 
Average of ratings: -
Picture of Colin Wheelhouse
Re: Essential Theme Discussions
 

Okay I'm sure that I'm being thick but how do you make the frontpage and coursepage layout 3 column with blocks on the left and right and the centre column for courses etc as per the clean theme?

I see that in the clean theme there are three different columns.php files how do I get essential to "choose" one of these?

 
Average of ratings: -
Julian Ridden
Re: Essential Theme Discussions
Group DevelopersGroup Moodle Course Creator Certificate holdersGroup Particularly helpful MoodlersGroup Translators

Your not being thick Colin. In this theme you cannot.

Essential, like the Sky High theme in Moodle core is designed to put both columns of blocks on the right hand side of the page. This cannot be changed. Well, not without rewriting the theme.

Julian

 
Average of ratings: -
Picture of Carl LeBlond
Re: Essential Theme Discussions
 

Awesome theme...by far the best I've seen!  I downloaded from github today.

I've got two minor problems.

1)  When previewing a question it complains of coding error "Coding error detected, it must be fixed by a programmer: Trying to reference an unknown block region side-post".  I switch back to "Clean" theme and all is fine.

2) Its seems the first slide in the slide show does not show when page is first loaded but rather starts on 2nd slide after a few seconds.  Eventually it will cycle through and show the first slide.

Thanks for the great contrib!

 
Average of ratings: -
Julian Ridden
Re: Essential Theme Discussions
Group DevelopersGroup Moodle Course Creator Certificate holdersGroup Particularly helpful MoodlersGroup Translators

Can yo provide me the url on your site where this breaks please.

I have just tried on my version and do not get the error when I preview a quiz question.

Julian


 
Average of ratings: -
Picture of Carl LeBlond
Re: Essential Theme Discussions
 

Sorry but I didn't see there was a newer moodle version (2.5.1).  I upgraded and the question preview problem is fixed.  Sorry to waste your time.  I'm loving this theme.

 
Average of ratings: -
me
Re: Essential Theme Discussions
 

I too still have the slideshow issue reported above by Carl.

Awesome theme and much thanks!!

 
Average of ratings: -
Julian Ridden
Re: Essential Theme Discussions
Group DevelopersGroup Moodle Course Creator Certificate holdersGroup Particularly helpful MoodlersGroup Translators

This was a bug. Well spotted.

I have fixed this up now and updated the github version. Grab the latest from there and you will see it has been repaired.

Julian

 
Average of ratings: -
Picture of Gehrt Delius
Re: Essential Theme Discussions
 

Hello Julian, there are no changes to the github version. Latest changes where 5 days ago ...

 
Average of ratings: -
It's only an avatar...
Re: Essential Theme Discussions
Group DevelopersGroup Documentation writersGroup Particularly helpful MoodlersGroup Testers

You are probably looking at the wrong branch

 
Average of ratings: -
Picture of Gehrt Delius
Re: Essential Theme Discussions
 

No, i looked at both branches.

I think it could be interesting why there are two branches and what is the difference between them!

 
Average of ratings: -
It's only an avatar...
Re: Essential Theme Discussions
Group DevelopersGroup Documentation writersGroup Particularly helpful MoodlersGroup Testers

Hi Julian,

You may well have fixed this, but did you PUSH the fix to your GitHub?

I think not!!! Darn it!

 
Average of ratings: -
Julian Ridden
Re: Essential Theme Discussions
Group DevelopersGroup Moodle Course Creator Certificate holdersGroup Particularly helpful MoodlersGroup Translators

Sorry everyone. I swore I aded the commit. Serves me right for swearing. smile

Today I updated GIT and the plugins DB with Essential 2.5.1.

In this release I have:

  • Now listed the theme as STABLE rather than BETA. Woohoo!
  • Removed the last two hardcoded terms (Social Networks, Read More) and made them Lang strings
  • Uploaded the new Spanish Translation (please submit more if you can)
  • Fixed RSS block formatting
  • Numerous small CSS fixes

Grab the latest now and be sure  to leave your feedback

Julian

 
Average of ratings: -
Picture of Gary Moncrieff
Re: Essential Theme Discussions
 
To get footer blocks to show on other pages you must set the blocks to show site wide.
 
Average of ratings: -
Picture of Zdravko Stoimenov
Re: Essential Theme Discussions
 

Well done, Julian!

The theme looks really good. I will try it next week in a sandbox environment to make sure that it suits our needs.

In mean time, as we are using the Grid layout in our courses, is Essential compatible with it?

 
Average of ratings: -
Picture of Gary Moncrieff
Re: Essential Theme Discussions
 
If you place an RSS block in the footer area it has line spacing issues.
 
Average of ratings: -
Picture of Gary Moncrieff
Re: Essential Theme Discussions
 
Julian just want your take on this, the way the frontpage is setup now, the news seems just too wide being full width of the page. How do you think it would look having the section under slider and marketing blocks as 2 columns?
 
Average of ratings: -
Picture of Gary Moncrieff
Re: Essential Theme Discussions
 
Changed the frontpage file to achieve this and to my eye looks a lot better now.
 
Average of ratings:Useful (1)
Picture of Ankit Roy
Re: Essential Theme Discussions
 

Hello, Can anyone help me adding these content.

I was trying on this theme I could not add content to Center portion of the home page and the Banner of Sponsor.

 

Please Please Please help me how can I add this. Please.


 
Average of ratings: -
Picture of Sarah Jane
Re: Essential Theme Discussions
 

Hi there

Love this theme - so very easy to use thank you.

I have come across a problem/error can you help please. see attached.

I was using magazine upgraded to essentials. using moodle 2.5 this area is relating to the 'topic' I added on the front page as a welcome message

Sarah x

 


 
Average of ratings: -
It's only an avatar...
Re: Essential Theme Discussions
Group DevelopersGroup Documentation writersGroup Particularly helpful MoodlersGroup Testers

The best thing to do is go to Site Administration > Plugins > Add-ons > Un-install the Essential theme.

Then go and checkout the latest version. It should be time stamped with yesterday's date.

 
Average of ratings: -
Picture of Sarah Jane
Re: Essential Theme Discussions
 

Hello Mary

Thank you I will do as you say and re-install the essentials and see what happens.

Many thanks Sarah x

 
Average of ratings: -
Julian Ridden
Re: Essential Theme Discussions
Group DevelopersGroup Moodle Course Creator Certificate holdersGroup Particularly helpful MoodlersGroup Translators

I am with Mary here,

This theme has now been installed on dozens of sites. So you should not see major errors like that.

How did you go with the reinstall?

Julian

 
Average of ratings: -
Picture of Sarah Jane
Re: Essential Theme Discussions
 

Hi julian

I deleted the essential version I was using - then tested with another theme - everything worked well - I then uploaded the latest version of essential and again I have this error

"Trying to reference an unknown block region side-post"

ALSO with new version having a huge problem selecting the Change Theme button - when I hover over the "clear theme caches" I see the changes. But when I hover over the 'change theme' I can't do anything.

 

----- following on from the error code, I deleted the essential theme, selected a new theme 'clear' removed edited the topic - all ok. I then removed the topic.

I uploaded the latest version then selected the essential theme, front page settings add topic > edit topic >ERROR .

 

Sarah


 
Average of ratings: -
It's only an avatar...
Re: Essential Theme Discussions
Group DevelopersGroup Documentation writersGroup Particularly helpful MoodlersGroup Testers

Hi Sarah

Did you add the theme under Administration > Plugins > Install Add-on?

Or did you upload it yourself to the server?

Also after you click the "Clear Theme caches" button, you need to make sure that the Theme selector is the Default one and NOT the one for Tablet as it seems to default to that page. So please just test it.

Also can you test that the Coding error is in the Clean theme as it could well be associated to a bug I have just fixed.

Cheers

Mary

 
Average of ratings: -
Picture of Bob Puffer
Re: Essential Theme Discussions
Group Particularly helpful Moodlers

@Mary Evans

Ad mentioned above, I encountered the same problems of being unable to change the theme, even if I cleared caches and switched back to default theme.

Also mentioned above, I did not encounter this problem with the Clean theme.

I'm somewhat flummoxed about your asking whether the theme was uploaded or installed via Administration->Plugins->Add-on... is there a difference in the outcomes of each?1

 
Average of ratings: -
It's only an avatar...
Re: Essential Theme Discussions
Group DevelopersGroup Documentation writersGroup Particularly helpful MoodlersGroup Testers

Some times how a theme is uploaded does make a difference.

 
Average of ratings: -
It's only an avatar...
Re: Essential Theme Discussions
Group DevelopersGroup Documentation writersGroup Particularly helpful MoodlersGroup Testers

Hi,

You would need to go to the Essential custom settings pages. Log in as Admin and then go to Administration > Site Administration > Appearance > Themes > > Then CLICK on the link for 'Essential' which should be listed at that point in the side block. This will open a list of setting pages.

Hope this helps?

Mary

 
Average of ratings: -
Picture of Gary Moncrieff
Re: Essential Theme Discussions
 
Check the frontpage template file there is a section of code commented out near the bottom, don't know but this might be what your looking for (sponsors bit). Edit: forgot to add the imoot section is just the frontpage label option that moodle provides.
 
Average of ratings: -
Julian Ridden
Re: Essential Theme Discussions
Group DevelopersGroup Moodle Course Creator Certificate holdersGroup Particularly helpful MoodlersGroup Translators

Hi Ankit,

What you saw there was hardcoded into the theme for iMoot. Of course 90% of sites on't want this so it has been removed from the Essential theme.

As mentioned earlier, the code for sponsors is still in the frontage layout but commented out. You can reactivate these if you know your way around code.

The top part of the page was just a label with nice formatting added.

Regards

Julian

 
Average of ratings: -
Picture of Jean-Marc Doucet
Re: Essential Theme Discussions
Group Moodle Course Creator Certificate holdersGroup Testers

Hello,
nice job !  heart Thank a lot.

I need add a other social network. I can use a not-used in the make a link in the social networking admin page. But I have't the right icon on the top page.

could you give me a process ? (I'm not a programer but I can cut/past on html table thoughtful)

thank you for help.

(xuse my english)

Regards

jm

 
Average of ratings: -
Picture of Seth Mengal
Re: Essential Theme Discussions
 

Hi Jean, at essential/layout/header.php add the following line of code after line 93 before </ul>

 

<li><a href="YOUR-SOCIAL-PAGE-URL"><i class="icon-theicon"></i></a></li>

 

Where you can get theicon from http://fortawesome.github.io/Font-Awesome/cheatsheet/

 

E.G: if i want to play instagram icon on the header:

 

<li><a href="http://instagram.com"><i class="icon-instagram"></i></a></li>

</ul>

</div>

 
Average of ratings:Useful (2)
Picture of Jean-Marc Doucet
Re: Essential Theme Discussions
Group Moodle Course Creator Certificate holdersGroup Testers

Perfect

Thank you  Seth Mengal. smile

 
Average of ratings: -
Picture of Bob Puffer
Re: Essential Theme Discussions
Group Particularly helpful Moodlers

Read through this whole thread so my remarks wouldn't be redundant.  I have tested with fresh unadulterated clones of Moodle 2.5.1 (20130712) and 2.5+ (20130630) and experienced the same results while working with essential version 2013070300:

  1. With a topic section selected for the front page I cannot click on the "Add activity or resource", no response.
  2. After the initial installation of the essential theme I cannot get back to any of the settings, essential doesn't show up on the Theme submenu.
  3. I cannot change any of the selected themes once I've selected essential as a theme for any device.

All of these work fine using the Clean theme (which I had to select by going into mdl_config table.

 
Average of ratings: -
Picture of italo enio
Re: Essential Theme Discussions
 

Good morning, When you click to view the note, gives error:

http://prntscr.com/1fhahb

When clicked into gear to set up a resource or tool main page gives an error:

http://prntscr.com/1fhaog

 
Average of ratings: -
Picture of aditi chaudhary
Re: Essential Theme Discussions
 

Hi..gr8 wrk...Awsmme theme...I am using Essential theme version 2.5.1...Actually on clicking the create new account button for the creation of new accounts by users its giving the coding error detected..I am not able to fix it..Plz reply asap..Thank u..


 
Average of ratings: -
Julian Ridden
Re: Essential Theme Discussions
Group DevelopersGroup Moodle Course Creator Certificate holdersGroup Particularly helpful MoodlersGroup Translators

I finally have a theory why this is happening and only to some users. Can you please grab the latest version from Github by clicking here and let me know if that fixes your issue. Please test and if this fixes it I will ad it to the main release asap. 

 

 
Average of ratings: -
Picture of aditi chaudhary
Re: Essential Theme Discussions
 

I tried with the link that you posted but still it was not able to rectify it.The problem still persists...can u tell me how to fix it..thank u..

 
Average of ratings: -
Picture of Sarah Jane
Re: Essential Theme Discussions
 

Please see my previous message above in answer to your reply. Still seeing the error.

Sarah

 
Average of ratings: -
Julian Ridden
Re: Essential Theme Discussions
Group DevelopersGroup Moodle Course Creator Certificate holdersGroup Particularly helpful MoodlersGroup Translators

While I do not want to take away from the fact it is happening on your site, I have tested now on three different sites (one 2.5 and the others 2.5.1) and cannot replicate your error while visiting the same respective URLs.

My last hope for a solution is to get you to enable Theme Designer mode which will also force oodles to not use the cached version.

Julian

 
Average of ratings: -
It's only an avatar...
Re: Essential Theme Discussions
Group DevelopersGroup Documentation writersGroup Particularly helpful MoodlersGroup Testers

Just stayed up so I can catch up with you!

Essential is a beautiful theme, and one that I personally would like adding to Moodle core.  smile

I've just been testing your latest updates and all seem to be working OK.

Just one point I would like to make for those wanting to download the newest version. You need to click on the Branch link in https://github.com/moodleman/moodle-theme_essential.git and choose moodle_25 as the updates are in that branch. smile

I don't know if that was your intention Julian, but I figured if people know how to use GIT then it's easy enough to clone https://github.com/moodleman/moodle-theme_essential.git into a localhost/moodle25/theme/essential then checkout MOODLE_25 branch. I did just that and then deleted the master branch.

Like I said all is working OK and no errors (as yet) smile

Cheers and thanks.

Mary

 
Average of ratings:Useful (2)
Julian Ridden
Re: Essential Theme Discussions
Group DevelopersGroup Moodle Course Creator Certificate holdersGroup Particularly helpful MoodlersGroup Translators

Thanks Mary. i keep forgetting to switch before committing which has been a pain.

The production version will be the MOODLE_25 branch. The master is where I commit things before I am sure they will work. I only merge after significant testing.

If you are using GIT, please be sure to take Mary's advice and grab the MOODLE_25 branch to ensure you get the best experience possible.

Julian

 
Average of ratings: -
Picture of aditi chaudhary
Re: Essential Theme Discussions
 

Hi Mary..can u plz elaborate... like i said i m not able to fix the issue.On clicking the add new account and forgot new password there is an error..I m struggling with the problem since last week nd not able to find my way out..Thank u.

 


 
Average of ratings: -
It's only an avatar...
Re: Essential Theme Discussions
Group DevelopersGroup Documentation writersGroup Particularly helpful MoodlersGroup Testers

The quickest thing for you to do is remove the Essential theme from your server.

Then once back in to the site, you can try installing the zip file using the Administration > Plugins > Install Add-ons

Care must be taken as to which version of the Essential theme you add back as there are two different ones floating about. As far as I know the following link is the correct one. This is the one I am using and as yet is working OK.

This is the link to the zip file it was updated on the 14/july/2013

https://github.com/moodleman/moodle-theme_essential/archive/MOODLE_25.zip

Cheers

Mary

 
Average of ratings:Useful (1)
Picture of Claudio Visa
Re: Essential Theme Discussions
 

Estimada MAry

Descargue la version que vos me diste pero tidavia me sale el error:

 

Saludos

 
Average of ratings: -
Picture of philippe petitqueux
Re: Essential Theme Discussions
Group Particularly helpful Moodlers

Hello,

Thank you for this great theme.

I'd like to know how to change the breadcrumb separator from "/" to this ">" or using the icon-caret-right on "http://fortawesome.github.io/Font-Awesome/cheatsheet/".

I'd tried adding $THEME->rarrow = '>'; to config.php but I couldn't make it work.

Thank you.

 

Philippe

 
Average of ratings: -
Picture of David Scotson
Re: Essential Theme Discussions
Group DevelopersGroup Documentation writersGroup Particularly helpful Moodlers
Essential seems to just inherit the Bootstrapbase/Clean breadcrumb so you could copy and modify this renderer to control how it looks:

https://github.com/moodle/moodle/blob/master/theme/bootstrapbase/renderers/core_renderer.php#L50-L65

Probably that renderer should have been written to pick up the "/" character from $THEME->rarrow in the first place.

With pure CSS you can use ul.breadcrumb span.divider {display: none;} to hide the current divider character and then the following to add new dividers:

ul.breadcrumb li:after { content: "\f054"; }
ul.breadcrumb li:last-child:after { content: none; }

Which adds a right-chevron to the end of every link, then takes it away from the last one (on everything but IE7). You might need to change the text color of the li as well.

I got the \f054 from the Font Awesome CSS here:

https://github.com/FortAwesome/Font-Awesome/blob/master/css/font-awesome.css#L620-L622
 
Average of ratings: -
Picture of philippe petitqueux
Re: Essential Theme Discussions
Group Particularly helpful Moodlers

Merci Monsieur David.

 
Average of ratings: -
Picture of Bob Puffer
Re: Essential Theme Discussions
Group Particularly helpful Moodlers

Here's what I've discovered though its been such a mixed up mess I could be in error on some things:

  1. There are three branches of moodle-theme_essential on Julian's github, master, head, MOODLE_25
  2. no matter which branch you choose before downloading the zip you get a version for 20130703
  3. I had to actually clone to my local system in order to get MOODLE_25 which has a version of 20130715.

I think its rather a pita to have to check out a theme especially given that the published links to the theme are always for the zip which will not get you the most updated version.

 
Average of ratings: -
Picture of Bob Puffer
Re: Essential Theme Discussions
Group Particularly helpful Moodlers

After finally successfully upgrading to 20130715 I still see the issues with being unable to change theme selected even after I've cleared theme cache, purged all caches, cleared browser cache and run CSS Cachebuster.  I have no themes listed in "Theme list" and I am in Theme designer mode.  I do however have access to the Essential configuration links now which I didn't before this version.  Again, clean 2.5.1 install.

EDIT: I cannot click on add an activity for my topic section on the front page, still unresponsive.

I can do all of these things with the clean theme.

Firefox 22 on Mountain Lion

 
Average of ratings: -
Gareth J Barnard
Re: Essential Theme Discussions
Group DevelopersGroup Particularly helpful Moodlers

Dear Bob,

It is standard practice to publish stable versions / tagged beta versions as zip files on the plugin's DB and have branches on GitHub that are newer as they contain the very latest code that is more often than not is unready for release.  But this theme is in the process of being developed which is why requests are being made to use the branches on GitHub.  The 'head' branch is an internal local branch so I'm not sure why that is showing up.  The 'master' branch is traditionally the main development branch for the next version of Moodle (i.e. M2.6) and 'MOODLE_25' is for Moodle 2.5 smile

I do not know exactly what is causing the issue with the theme not showing up and causing the issues etc. as it works fine for me.  My gut says that there is an installation issue.  So, please could you post a screen shot of the '/theme/essential' folder just to be sure that it looks ok smile.

Cheers,

Gareth

 
Average of ratings: -
Picture of Bob Puffer
Re: Essential Theme Discussions
Group Particularly helpful Moodlers

Its easy to miss some of the nuances of this discussion because its so long so I'd like to point out the salient points I'm making in my previous post:

  1. The published link (from this forum) results in an older branch being downloaded to the local machine
  2. Others have chimed in stating they're seeing the same problems so I'd like it if you could please post screenshots of:
    1. the front page topic section add activity or resource working with this theme
    2. the change theme selected button working on any of the platforms when this theme is installed

Here is my screenshot of the repo created when I cloned to my desktop:

Here is my theme/essential folder of my working branch:

 

 

 
Average of ratings: -
It's only an avatar...
Re: Essential Theme Discussions
Group DevelopersGroup Documentation writersGroup Particularly helpful MoodlersGroup Testers

First of all Bob, you will need to rename the theme from moodle-theme_essential to essential

After that it should work.

If you also enable Debugging (Administration > Development > Debugging) then you would have had notifications of missing strings and such

 
Average of ratings: -
Picture of Bob Puffer
Re: Essential Theme Discussions
Group Particularly helpful Moodlers

I'm sorry if I'm getting a little cautious here but I feel as though people are talking to me like I am an idiot or else they're just not reading.  I've posted two screenshots, the repo "moodle-theme_essential" and my working copy which is theme/essential.

I don't know if I'm supposed to get debug information for buttons and links that simply don't work when using a particular theme but I'm not getting any and I have my debug set to Development.

EDIT: I'm very interested in seeing this theme get into STABLE condition. guess I'll include pictures and maybe that will result in better understanding:

DEAD CHANGE THEME BUTTON (no notices or errors)

 

 
Average of ratings: -
It's only an avatar...
Re: Essential Theme Discussions
Group DevelopersGroup Documentation writersGroup Particularly helpful MoodlersGroup Testers

Sorry Bob, but being partially sighted does have it drawbacks. I just failed to see the delineation of the two images I just took it as one after seeing the name at the top of the list.  I just assumed you were thick...which was wrong on me of course. You obviously can't be so think if you can use GIT.

ROFL

 
Average of ratings: -
Picture of Bob Puffer
Re: Essential Theme Discussions
Group Particularly helpful Moodlers

love the animation

 
Average of ratings: -
Gareth J Barnard
Re: Essential Theme Discussions
Group DevelopersGroup Particularly helpful Moodlers

Dear Mary,

Just testing for Bob now - not finished yet - but occurs to me that this might be the dreaded Byte Order Mark?

Cheers,

Gareth

 
Average of ratings: -
Gareth J Barnard
Re: Essential Theme Discussions
Group DevelopersGroup Particularly helpful Moodlers

Ok, using the version cloned from https://github.com/moodleman/moodle-theme_essential/tree/MOODLE_25 (screen shot e1.png) this is what I have found:

  1. The change theme does work - screen shots e2.png and e3.png to follow.
  2. The front page 'add an activity...' does not work and there is no JS errors (JS controls this link) - I'll investigate.  Screen shot e4.png to follow.
  3. The course 'add an activity...' does work - screen shot e5.png to follow.

Cheers,

Gareth


 
Average of ratings: -
Gareth J Barnard
Re: Essential Theme Discussions
Group DevelopersGroup Particularly helpful Moodlers

Screen shot e2.png...


 
Average of ratings: -
Gareth J Barnard
Re: Essential Theme Discussions
Group DevelopersGroup Particularly helpful Moodlers

Screen shot e3.png...


 
Average of ratings: -
Gareth J Barnard
Re: Essential Theme Discussions
Group DevelopersGroup Particularly helpful Moodlers

Screen shot e4.png...


 
Average of ratings: -
Gareth J Barnard
Re: Essential Theme Discussions
Group DevelopersGroup Particularly helpful Moodlers

Screen shot e5.png...


 
Average of ratings: -
Picture of Bob Puffer
Re: Essential Theme Discussions
Group Particularly helpful Moodlers

You've made more headway than I have however I'm not having trouble with the course add and activity, I'm having trouble with the front page, topic section add an activity.

 
Average of ratings: -
Gareth J Barnard
Re: Essential Theme Discussions
Group DevelopersGroup Particularly helpful Moodlers

Dear Bob,

There is a bug in 'layout/frontpage.php' - to fix move line 367 containing '<div id="page-content" class="row-fluid">' to line 363.

Edit: Pull request https://github.com/moodleman/moodle-theme_essential/pull/13 added.

Cheers,

Gareth

 
Average of ratings:Useful (1)
Picture of Bob Puffer
Re: Essential Theme Discussions
Group Particularly helpful Moodlers

Thanks Gareth -- that fixed that problem.  Can't change themes with FF but can with Chrome.  Did you give FF a go?  OS X Mountain Lion here.

Also, unless I can figure out a way to get "Enrolled courses" displayed front-and-center without all the extra instructor and pending items info, this will be a deal killer.  Ideally what would be looked for is cascading categories for only  those courses in which you're enrolled (same thing one gets from NAV->My courses... except NAV is now quite a ways down the page without apparent remedy.

 
Average of ratings: -
Gareth J Barnard
Re: Essential Theme Discussions
Group DevelopersGroup Particularly helpful Moodlers

Dear Bob,

I cannot replicate the theme selector issue in FF 22.0.

I thought the 'extra instructor...' was a display option issue not related to the theme - I'm sure there is a setting somewhere, just cannot remember where.

I think the category cascade would also be a Moodle improvement outside of the remit of themes.

Cheers,

Gareth

 
Average of ratings: -
Picture of Bob Puffer
Re: Essential Theme Discussions
Group Particularly helpful Moodlers

Okay... fair enough, I've not found where I can remove extra info under each course listed on the center (with essential, "total") column but will continue to hunt.

Hope I'm not becoming too pesky but I think I read that this forum was setup so we could debug the theme and give feedback.  To that end I'm wondering why the marketing blocks will only take a URL for a picture contained in the information section and not take an uploaded file?

 
Average of ratings: -
It's only an avatar...
Re: Essential Theme Discussions
Group DevelopersGroup Documentation writersGroup Particularly helpful MoodlersGroup Testers

That's because we are restricted in how things are set up in a setting page. We really could do with a form that would allow such things as a file picker, but then we get into Database territory and this can in turn cause overload and slow everything down.

I think it is time that every Moodle site front page should be a stylish web page that uses only HTML5 and nothing else. Moodle could then begin on the general page that the front page links to via a login portal.

 
Average of ratings: -
Picture of Bob Puffer
Re: Essential Theme Discussions
Group Particularly helpful Moodlers

Definitely cannot get beyond why the front page is the way it is, i.e., anything displayed (news items, courses, topic section) take up the entire width with all blocks on the page in one straight line down the left side and unable to be moved.  My home does not provide an alternative because it suffers from the same things its always suffered from, inability to customize the critical things (how courses are displayed), ability to add or take away blocks -- nobody at the schools I know wants to use it.

Otherwise this theme works quite well for courses, if people just didn't have to visit the Home page (where they want to see only categories of the courses in which they are enrolled -- again in the NAV block, WAAAAYYY down the page).

 
Average of ratings: -
Gareth J Barnard
Re: Essential Theme Discussions
Group DevelopersGroup Particularly helpful Moodlers

Dear Bob,

If you want to customise the way a course is displayed then use a course format, there are lots of different ones available.  Edit: Just re-read your comment to realise it pertains to 'My Home'.

'My Home' was once 'My Moodle' and I can remember Martin D saying that it has not turned out to be what he imagined.  Perhaps its time to change that and specify out what we would like it to be such that software engineers can make it happen.

Cheers,

Gareth

 
Average of ratings: -
Picture of Colin Wheelhouse
Re: Essential Theme Discussions
 

I have tried to add font awesome capability to clean theme, by copying the fonts folder, custom css, font awesome css files across and amending config.php to add the font awesome style sheet. However the icons for blocks appear as blank squares. Anyone got any ideas what I am missing?

 
Average of ratings: -
Gareth J Barnard
Re: Essential Theme Discussions
Group DevelopersGroup Particularly helpful Moodlers

Dear Colin,

You are missing the 'at font-face' style code in the layout files.

Cheers,

Gareth

 
Average of ratings: -
Picture of David Le Blanc
Re: Essential Theme Discussions
 

I have a related problem to what Colin has described. I have just installed the latest version as of July 16th (2.5.2 - Build: 20130717). Everything appears to work as it should, except for the icons are all missing from all the blocks and header. The course icons appear as they should. I am not sure what to adjust here.

The layout folder contains the following files:

course.php; essential.php; footer.php; frontpage.php; general.php; header.php; standard.php

The style folder contains:

custom.css; font-awesome.css; slides.css

Any ideas what might cause the icons to not show? mixed

 
Average of ratings: -
Picture of Colin Wheelhouse
Re: Essential Theme Discussions
 

Okay, I think I have an idea of what you mean. I am assuming that you mean 

<!-- Google web fonts -->
<link href='http://fonts.googleapis.com/css?family=Oswald:400,700' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=PT+Sans:400,700,400italic' rel='stylesheet' type='text/css'>

needs to be put into the relevant section on the clean layout files, column1.php etc.

Am I on the right lines?


 
Average of ratings: -
Picture of Colin Wheelhouse
Re: Essential Theme Discussions
 

Okay I need to correct my above post. I have added the following to custom.css

@font-face {
font-family: 'FontAwesome';
font-weight: normal;
font-style: normal;
src: url('setting:fontwwwfontawesome-webfont.eot?v=3.2.1');
src: url('setting:fontwwwfontawesome-webfont.eot?#iefix&v=3.2.1') format('embedded-opentype'),
url('setting:fontwwwfontawesome-webfont.woff?v=3.2.1') format('woff'),
url('setting:fontwwwfontawesome-webfont.ttf?v=3.2.1') format('truetype'),
url('setting:fontwwwfontawesome-webfont.svg#fontawesomeregular?v=3.2.1') format('svg');
}

but I see no change after caches are purged etc. I am clearly missing something.

 
Average of ratings: -
Gareth J Barnard
Re: Essential Theme Discussions
Group DevelopersGroup Particularly helpful Moodlers

Dear Colin,

The AT font-face just defines the font and where it exists.  Where are you using the font-family name in the CSS selectors?

E.g:

h1 {
font-family:"FontAwesome","Helvetica Neue",Helvetica,Arial,sans-serif;
text-align: center;
}

 

Cheers,

Gareth

 
Average of ratings: -
Julian Ridden
Re: Essential Theme Discussions
Group DevelopersGroup Moodle Course Creator Certificate holdersGroup Particularly helpful MoodlersGroup Translators

Please grab a new clean copy from GitHub or the plugins DB and you will see this has been rectified. All icons now appear as they should.

Julian

 
Average of ratings: -
Picture of italo enio
Re: Essential Theme Discussions
 

Good day ...

I found these errors:

1) When you click to view note:
http://prntscr.com/1fu8bk

2) When we click edit summary on the main page of Moodle (you must enable editing):
http://prntscr.com/1fu8mr

Anyone know how to fix or is to provide the theme fixed?

thank you

 
Average of ratings: -
Picture of Bob Puffer
Re: Essential Theme Discussions
Group Particularly helpful Moodlers

@Julian -- design question... why so much wasted space near the top of the front page with News items, or Courses, or Combo list all taking up the full width of the screen?

 
Average of ratings: -
Not me
Re: Essential Theme Discussions
 

Hi

If you look at

http://vle.ashs.norfolk.sch.uk/?theme=essential

The pic for Street Snooker fills the entire width of the News section in IE10 - but in Chrome it doesn't.

 
Average of ratings: -
Picture of Mesut Güngör
Re: Essential Theme Discussions
 

is it possible to add a feature that disable frontpage slideshow and marketing spots after login. Maybe it can go the settings under frontpage setting when login show slideshow and marketting spots etc.

 
Average of ratings: -
Picture of Seth Mengal
Re: Essential Theme Discussions
 

Mesut, you may use the option of the users seeing "My Home" after logging in, this way they dont see the marketing spots or Slideshow.

Under Adminstration > Appearance > Navigation  (

/admin/settings.php?section=navigation

 )

Choose the first open.

 

 

 
Average of ratings:Useful (1)
Picture of Jean-Marc Doucet
Re: Essential Theme Discussions
Group Moodle Course Creator Certificate holdersGroup Testers

hello everybody,

some stranges things...

1) I can't remove a logo in general settings. 

2) my site don't use full width of screen 

 

Thanks for help

jm

 

 
Average of ratings: -
Picture of Dan Jeffries
Re: Essential Theme Discussions
 

Yup - we've lost full site width too.

It looks like a space for blocks but nothing moves when dragging in.

Unless I'm missing something...

 

 
Average of ratings: -
Picture of Joseph Rézeau
Re: Essential Theme Discussions
Group DevelopersGroup Particularly helpful MoodlersGroup TestersGroup Translators

Although this discussion has already gathered many replies, I'd like to point out that I find the wording of its title "Essential Theme Discussions" not quite clear, especially to non-English speakers.

  1. Why are all words capitalized?
  2. Does it mean "Discussions about (Moodle) theme(s) that are essential"? That's actually what I thought when I first saw that discussion title.
  3. If it means (as intended) "Discussions about the Essential theme", then it the title would have been clearer if it had been called just that, Discussions about the Essential theme. Or, for short, but still not so clear "Essential theme" discussions or Essential theme discussions.

Joseph

 
Average of ratings: -
Picture of philippe petitqueux
Re: Essential Theme Discussions
Group Particularly helpful Moodlers

Master Joseph talked.
You've earned a famous french distinction - the Capelo's badge.

Philippe


 
Average of ratings: -
Picture of Bob Puffer
Re: Essential Theme Discussions
Group Particularly helpful Moodlers

Agree, wholeheartedly Joseph, there's nothing we can do that will have a more far-reaching impact on effective discussions than get the subject line accurate and succinct.

 
Average of ratings:Useful (1)
Julian Ridden
Re: Discussions about the Essential theme
Group DevelopersGroup Moodle Course Creator Certificate holdersGroup Particularly helpful MoodlersGroup Translators

Valid point Joseph.

I have renamed the thread for you.

Julian

 
Average of ratings: -
Picture of Joseph Rézeau
Re: Discussions about the Essential theme
Group DevelopersGroup Particularly helpful MoodlersGroup TestersGroup Translators

Thanks, Julian. approve

Joseph

 
Average of ratings: -
Not me
Re: Essential Theme Discussions
 

Hi

Thank you - so much for this - but got a couple of errors.  (using current version at time of posting)

1. Icons will not appear (see

http://vle.ashs.norfolk.sch.uk/?theme=essential

inc. those for menus and social network

2. I get an error message when using IE10 that it needs upgrading

3. If you go to http://vle.ashs.norfolk.sch.uk/course/view.php?id=48&section=0

4. When trying to add an image to the Slideshow the AJAX? spinning loader will not stop.

I get a comment above the Calendar saying "This is essential" and the link to Moodle Docs in the Footer and a line saying Footnote.

Thanks again and thanks again for all your help!

J. (out of the woodwork again now 2nd child is 4months old!)

 
Average of ratings: -
Picture of Neil Roberts
Re: Essential Theme Discussions
 

Found the same thing with the missing Social Network icons.

Resolved this by amending the general.php and frontpage.php files. Copied lines 102 - 113 from general.php (Version 2.5.1) into general.php (Version 2.5.2) and lines 197 - 208 from frontpage.php (Version 2.5.1) into frontpage.php (Version 2.5.2).

Now looking at the navbar not dispaying correctly in IE 9 if anyone has any suggestions.

N.

 
Average of ratings: -
Not me
Re: Essential Theme Discussions
 

Found the master download on GitHub is fixed for the icon issue.

 
Average of ratings: -
Picture of g k
Re: Essential Theme Discussions
 

Hi Neil,

Could you tell us what the actual lines of code were? I no longer have version 2.5.1.

Thanks

 
Average of ratings: -
Picture of g k
Re: Essential Theme Discussions
 

Nevermind. I found them. thanks

 
Average of ratings: -
Not me
Re: Essential Theme Discussions
 

Hi

Fixed all issues in my previous post APART from the following:

Can not upload images in either the logo or the Slideshow positions.  The spinny thing goes round and round!

Also the message that appears that says I should upgrade Internet Explorer when I am using IE10!

Otherwise it is working excellently.  (Solved by uploading the master from Github)

 
Average of ratings: -
Picture of italo enio
Re: Essential Theme Discussions
 

I found two problems in this new version ...

The report notes not displayed and the menu icons (pictures) as well.

http://prntscr.com/1fze56

Can anyone fix?

thank you

 
Average of ratings: -
Julian Ridden
Re: Essential Theme Discussions
Group DevelopersGroup Moodle Course Creator Certificate holdersGroup Particularly helpful MoodlersGroup Translators

I have posted this in the 2.5.2 thread, but just to recap.

ARRGGGGHHHH. I stuffed up in my testing and released it with a bug the messed up the icons. I have now fixed and released. Please try and keep comments related to 2.5.2 in the other thread as it will make it easier for me to keep track.

Julian

 
Average of ratings: -
Picture of italo enio
Re: Essential Theme Discussions
 

Ok,

Thanks!

 
Average of ratings: -
Picture of Jason Cartwright
Re: Discussions about the Essential theme
 

Went looking for a clean, modern new theme and found this. Love it and want to use it. One of our requirements is to move the navigation to the left instead of the right. 

I had thought it'd be a simply float:left, but turns out that's not the case. I've been searching through the theme and can't seem to nail it. If anyone can let me know, that'd be seriously appreciated.

 
Average of ratings: -
Picture of philippe petitqueux
Re: Discussions about the Essential theme
Group Particularly helpful Moodlers

Hello,

It seems you have an answer here : https://moodle.org/mod/forum/discuss.php?d=232669

Philippe

 
Average of ratings: -
Picture of italo enio
Re: Discussions about the Essential theme
 

I noticed an error in the subject ...
The images of icons of social networks do not appear ... View:

http://prntscr.com/1g42tk

Can anyone fix it?
thank you

 
Average of ratings: -
Picture of vipin goyal
Re: Discussions about the Essential theme
 

Hi,

I need you help, I loaded your theme and its great and I added some blocks in footer i.e. HTML block, site news etc. but I'm facing issue i.e when I edit front page then only I can see them (blocks in footer), otherwise its not coming, if I'm logged in or logged out as site administrator, How to fix this please tell me

I really required you help

Thanks,

Vipin Goyal

 
Average of ratings: -
Picture of Grant Harbor
Re: Discussions about the Essential theme
 

I'm having trouble installing this theme? Every time I drop the "essential" folder into my themes folder my moodle instance admin page goes blank and unresponsive? The only way I can get my site to respond is if I delete the essential folder from the themes directory and reload the page?

I'm just using the windows (5.1+) install as a test site? Is there something I'm missing?

 

 
Average of ratings: -
Julian Ridden
Re: Discussions about the Essential theme
Group DevelopersGroup Moodle Course Creator Certificate holdersGroup Particularly helpful MoodlersGroup Translators

Hi Grant. When you get the white screen it could be anything. take it out first, enable debugging at the Developer mode level and then put it back.

That will then give you a detailed report of what is going wrong.

P.S. I just pushed a new version to Github (2.5.2) if you want to grab that as it has the latest fixes. Should be pushing it out to the plugins DB next week.

Julian

 
Average of ratings: -
Julian Ridden
Re: Discussions about the Essential theme
Group DevelopersGroup Moodle Course Creator Certificate holdersGroup Particularly helpful MoodlersGroup Translators

Am about to push 2.5.2 out for general release but keen for the usual suspects to test it before I push it live.

If you are an advanced user and would like to double check my work please grab the new MOODLE_252 branch from github and give it a whirl.

P.S. The first slide on the slideshow is still bust, but lots of other fixes and numerous new features added. Check the readme for a breakdown.

Julian

 
Average of ratings: -
Picture of Sam Norman
Re: Discussions about the Essential theme
 

Hi Julian,

Is it possible to change the colour of the individual advert spaces? I am looking to put emphasis on one of the spaces.

Cheers,


Sam.

 
Average of ratings: -
Picture of Petras Virzintas
Re: Discussions about the Essential theme
 

Moode 2.5.1 - How can I move the block in the red area at the bottom of the front page?

I tried the "role" icon but get the message:

You are not able to assign any roles here

The blocks were all usable in the Arialist theme.

Rgds
Petras


 
Average of ratings: -
Picture of Bob Puffer
Re: Discussions about the Essential theme
Group Particularly helpful Moodlers

Would like to see some color in the header... any chance we could get the native colors on the social network icons (like red for G+, green for Twitter)?

 
Average of ratings: -
Picture of David Scotson
Re: Discussions about the Essential theme
Group DevelopersGroup Documentation writersGroup Particularly helpful Moodlers
The Aardvark Bootstrap theme does this.

The icons are in the footer and you only get the color on hover (I wasn't sure if you meant them to be colourful all the time). Either way with icon fonts it's fairly easy to customise them as you want just by adding some custom CSS to your site.
 
Average of ratings: -
Picture of Bob Puffer
Re: Discussions about the Essential theme
Group Particularly helpful Moodlers

Thanks for the tip, David.  I took a look at this and you are so right, it is easy to customize the colors.  Love this theme and I don't think I've heard anything but good comments from faculty.

 
Average of ratings: -
Julian Ridden
Re: Discussions about the Essential theme
Group DevelopersGroup Moodle Course Creator Certificate holdersGroup Particularly helpful MoodlersGroup Translators

I have had  few private requests for colours in the social icons as well. I will make this change in the next release.

Keep that feedback coming.

Julian

 
Average of ratings: -
Picture of Bob Puffer
Re: Discussions about the Essential theme
Group Particularly helpful Moodlers

This is what I used:

.icon-google-plus-sign:before {color: #ff0000;}

.icon-twitter-sign:before {color: #1bb2e9;}

.icon-facebook-sign:before {color: #3b559f;}

.icon-youtube-sign:before {color: #dc1d29;}

 
Average of ratings: -
Julian Ridden
Re: Discussions about the Essential theme
Group DevelopersGroup Moodle Course Creator Certificate holdersGroup Particularly helpful MoodlersGroup Translators
Already in github smile
 
Average of ratings: -
Picture of Eva Ignatuschtschenko
Re: Discussions about the Essential theme
 

Is it possible somehow to change the colour of the spacer (of the sections in the courses)?

Thanks in advance! smile

 
Average of ratings: -
Picture of jen ol
Re: Discussions about the Essential theme
 
Dear Julian,
great theme, I would like to use it for my site.
But I have an error, it appears on any page
MAIN CONTENT GOES HERE - ImfwA hjjN
Please advice how to fix it.
I'm running Moodle 2.5 (Build: 20130514)
 
Average of ratings: -
Julian Ridden
Re: Discussions about the Essential theme
Group DevelopersGroup Moodle Course Creator Certificate holdersGroup Particularly helpful MoodlersGroup Translators

Hi Jen,

Sadly I don't have an answer for you. You will see a couple of others have reported the issue, but for most it works just fine. Why on different Moodle sites we see this and not on others is an absolute mystery to me and one yet with no resolution. sad

Have you trued in 2.5.1? Wondering if this is something to do with 2.5.

Julian

 
Average of ratings: -
It's only an avatar...
Re: Discussions about the Essential theme
Group DevelopersGroup Documentation writersGroup Particularly helpful MoodlersGroup Testers

Julian, this is also happening with Clean theme in the qa.moodle.net site for Admins only, and that is running 2.6. So there is a problem somewhere in Moodle bootstrap that is causing this.

I did get an Error when testing one of my own themes the other evening, but that was to do with loading blocks before main content. Which is more than likely the real problem. Which is a Moodle CORE problem and NOT bootstrap themes in general..

Anyway you cannot do anything for anyone if they don't copy and paste the full ERROR code and stack trace. 

Cheers

Mary

 
Average of ratings: -
Julian Ridden
Re: Discussions about the Essential theme
Group DevelopersGroup Moodle Course Creator Certificate holdersGroup Particularly helpful MoodlersGroup Translators

As usual you are full of useful bits of information. Thanks for passing that on. As others asks the same question I shall be referring to this post moving forward.

Julian

 
Average of ratings: -
Picture of jen ol
Re: Discussions about the Essential theme
 
Dear Mary and Julian,
Unfortunately I can't see error message, here is what I got on any page
Please advise how I can get know more about error

 
Average of ratings: -
Picture of David Scotson
Re: Discussions about the Essential theme
Group DevelopersGroup Documentation writersGroup Particularly helpful Moodlers
Is there a issue tracker for this?
 
Average of ratings: -
It's only an avatar...
Re: Discussions about the Essential theme
Group DevelopersGroup Documentation writersGroup Particularly helpful MoodlersGroup Testers

Yes...

MDL-40774 was reported by Mary Cooch 24th june 2013

 
Average of ratings: -
Picture of jen ol
Re: Discussions about the Essential theme
 
I've reinstalled version 2.5.1 and looks like all is fine! thank you!
 
Average of ratings: -
Picture of Heidi Gartenberg
Re: Discussions about the Essential theme
 

Here's what I'm getting.  Maybe it will help.  Unfortunately I can't include a log since I am not able to display ANY System Admin pages in order to activate debugging messages.

I have two sites running 2.5.1 Bitnami stack on AWS.  One site has system default language as English the other Hebrew.  I installed Essential Theme yesterday on both sites directly through the Plugin Installer.

The English site is working fine and I have modified parameters, added content to the slideshow and marketing spots and it looks fantastic!! (Thanks for this terrific theme).  On the Hebrew site, immediately after installing and without changing any parameters I got the error [MAIN CONTENT GOES HERE - bMITp3dJxt] on every page I selected.  Even when I switch the interface Language to English I get the same result.

I can access pages that are not Site Pages - like courses and my profile but everything else returns this error.  I previously selected both Clean Theme and Aardvark on the Hebrew site without any noticeable problem so it doesn't seem to me a general bootstrap problem (although I don't have any real understanding of how all this works).

If you can help me activate the debugger not through the interface (I am the admin but not a programmer) I would be happy to activate and send log.  I would also love to be able to switch the theme back without having to restore my last backup if there is a relatively easy way to do it outside the app.

BTW - I would be happy to help test this theme for RTL languages - I understand it is on the roadmap

 

 
Average of ratings: -
Julian Ridden
Re: Discussions about the Essential theme
Group DevelopersGroup Moodle Course Creator Certificate holdersGroup Particularly helpful MoodlersGroup Translators

The version of Essential currently in the Master branch on github should now support RTL. Let me know if you have any issues testing.

Julian

 
Average of ratings: -
It's only an avatar...
Re: Discussions about the Essential theme
Group DevelopersGroup Documentation writersGroup Particularly helpful MoodlersGroup Testers

Hi Heidi,

You might be better contacting Nadav Kavalerchik directly about this problem as he is currently working on fixing RTL in Bootstrapbase.

Without going into great detail, there are a few problems with this and is causing us a lot of stress right now.

In the mean time I'll take a look at Essential and see what is actually causing the problem.

Thanks

Mary

 
Average of ratings: -
Picture of Mesut Güngör
Re: Discussions about the Essential theme
 

is it possible to add a auto menu feature to this theme just like aardvark automenu theme. Which will create the top menu(Custom Menu) from the course categories automatically.

 
Average of ratings: -
It's only an avatar...
Re: Discussions about the Essential theme
Group DevelopersGroup Documentation writersGroup Particularly helpful MoodlersGroup Testers

Not in Moodle 2 it was easy in Moodle 1.9, because of the way the code was structured.

I tried to copy the code over to Moodle 2.0 in 2010, but failed as some of the sort function was different and other things wrong. Now the code is completely changed and structured differently and so harder to get to the categories to build the menu. sad

Mary

 
Average of ratings: -
Picture of Bob Puffer
Re: Discussions about the Essential theme
Group Particularly helpful Moodlers

Would really like a custom profile switch that would allow slideshow to be removed by user.

 
Average of ratings: -
Julian Ridden
Re: Discussions about the Essential theme
Group DevelopersGroup Moodle Course Creator Certificate holdersGroup Particularly helpful MoodlersGroup Translators

Hi Bob. While an interesting idea it is not one i can action as it requires the theme to interact with other custom elements in a profile.

Sorry about that.

Julian

 
Average of ratings: -
Picture of Andrew Houston
Re: Discussions about the Essential theme
 

Is it possible to use the Font Awesome icons on Custom Blocks ?

 
Average of ratings: -
Picture of Usman Asar
Re: Discussions about the Essential theme
Group Particularly helpful Moodlers

Same Question here,

One thing I would love to see (or may be its already in there and I am unaware of using it), is using Font Awesome in HTML.....

For Example, if I am typing a label in course or even menu bar, can I use Font Awesome Icons? if yes, how? if No, can this be added into update?

 
Average of ratings: -
Picture of David Scotson
Re: Discussions about the Essential theme
Group DevelopersGroup Documentation writersGroup Particularly helpful Moodlers

You can use them (and many other exciting Bootstrap styles) anywhere you can add HTML.

If you're comfortable with HTML then the basic format is:

<i class="icon-pencil"></i>

The original purpose of Font Awesome was to replace the Glyphicons from Bootstrap 2.3.2 (which used a single large image with all the icons in it, rather than a font) so the basic HTML is compatible with the examples in their documentation:

http://getbootstrap.com/2.3.2/base-css.html#icons

Many of the Bootstrap things can actually be copied and pasted directly into the TinyMCE editor, though I note with this particular feature TinyMCE tries to be helpful and changes the i tag to an em tag, and the icon font becomes italicized.

 
Average of ratings:Useful (1)
Picture of Usman Asar
Re: Discussions about the Essential theme
Group Particularly helpful Moodlers

David, Thanks for your assistance, I have had tried doing that, but all it shows was a small box like icon. Julian just has explained proper way to do this. But thanks to you as well who responded on crying souls!

 
Average of ratings: -
Picture of David Scotson
Re: Discussions about the Essential theme
Group DevelopersGroup Documentation writersGroup Particularly helpful Moodlers

Julian's method is necessary for adding things to the interface of Moodle, but for adding to the content the way I described is easier. If you're getting a box then that points towards problems with the font loading which you might want to look into.

Adding

<i class="icon-pencil"></i>

certainly works for me in the Essential theme, (though sometimes there are areas in Moodle where any kind of HTML just gets stripped out e.g. Block titles).

 
Average of ratings:Useful (1)
Picture of Usman Asar
Re: Discussions about the Essential theme
Group Particularly helpful Moodlers

David, of course your method is straight forward, and thats what this discussion was all about, adding to HTML in preference.

I have tried using this <i class> code in adding to a SECTION NAME, but it simple removes the code once saved, anything that I am doing wrong here?

 
Average of ratings: -
Picture of David Scotson
Re: Discussions about the Essential theme
Group DevelopersGroup Documentation writersGroup Particularly helpful Moodlers
No, you're not doing anything wrong. That's one of the areas where Moodle will strip out any HTML, so you can't use this method there.
 
Average of ratings:Useful (1)
Picture of Usman Asar
Re: Discussions about the Essential theme
Group Particularly helpful Moodlers

Just to give you idea of,

I am trying to add icon right in front of text, so if I use the <i> tag thing, like you explained, on saving nothing shows up and if I edit it again, code just vanishes.

 

if I added just the code of the icon, like for example &#xf150; then it shows up a small box like shown in picture.

 

I need help in that.


 
Average of ratings: -
Picture of David Scotson
Re: Discussions about the Essential theme
Group DevelopersGroup Documentation writersGroup Particularly helpful Moodlers
The icon font needs to be one of the font options set via CSS. I think you can just set the font icon as the first choice and any character it doesn't have will be picked up by the next font in the list, so you're effectively using two different fonts for the different types of characters.

However, if that text is then re-used elsewhere (e.g. sent out as an email) then you no longer have control over the fonts. So you might want to be careful about adding icons in this way. (The other thing to watch out for is installing the icon font locally, which may mean you see icons where normal users wouldn't).

I'd stick to either using the HTML method (where it's allowed), or Julian's CSS method for more permanent parts of the interface. Places where Moodle strips the HTML are usually re-used in various ways within the interface, so you might get unexpected effects if you're adding strange characters.
 
Average of ratings: -
Picture of Usman Asar
Re: Discussions about the Essential theme
Group Particularly helpful Moodlers

Ok Dokie, no worries if I cant use it in section names, still cooooooooool enough for such an awesome theme.

One last thing, can I use icons in Custom menus?

in Administration > Appearance > Themes > Theme Settings > Custom Menus, if Yes, then How?

 

 
Average of ratings: -
Picture of David Scotson
Re: Discussions about the Essential theme
Group DevelopersGroup Documentation writersGroup Particularly helpful Moodlers
I don't think it works by default in normal themes because it'll strip out HTML, and I think the same is true in Essential (though Julian may well have added a tweak to make it work while I wasn't paying attention). It's relatively easy to change the custom menu to take an icon name and add it to the menu items though if he hasn't done so already.

There's some code that does it here, by hijacking the "title" attribute (which I think is somewhat useless these days) to smuggle icons through:

https://github.com/ds125v/moodle-theme_bootstrap_renderers/blob/master/renderers/core_renderer.php#L599-L607
 
Average of ratings: -
Picture of Usman Asar
Re: Discussions about the Essential theme
Group Particularly helpful Moodlers

btw, your <i class="icon-pencil"></i> using inside HTML editor worked as you explained, but can I use the icons in section names like I explained above as well?

 
Average of ratings: -
Julian Ridden
Re: Discussions about the Essential theme
Group DevelopersGroup Moodle Course Creator Certificate holdersGroup Particularly helpful MoodlersGroup Translators

Are you talking about changing the icon that appears? If so YES!

There are a few steps. 

Enable custom classname's for blocks

You will need to enable this feature first in your Moodle install. Log in as an administrator and go to:

SITE ADMINISTRATION > PLUGINS > BLOCKS > HTML

Here you will need to enable the option to:

Allow additional CSS classes

Settings

Once enabled you can now add a custom classname to your HTML Blocks. This is needed so that we can identify them individually and place a custom icon.

Create HTML Block with a custom classname

When creating your HTML block (or any in fact that you want to change the icon of) you now give it a classname of your choice. For this example I am using the name "customtest"

Customname

Find the Unicode of your desired icon

Use the cheat sheet located at http://fortawesome.github.io/Font-Awesome/cheatsheet/. This will be needed to insert into our CSS to generate your desired icon. I keep this printed next to my monitor these days smile

 

Add custom CSS in your Essential Settings

Now under the "General Settings" for the Essential theme you can add the following custom css. Please note that I have highlighted in green the custom class name we are using and in red the unicode of the globe icon.

Please ensure it is formatted exactly like below. Copy and paste if you like.

.customtest .header .title h2:before {
content:"\f0ac";
}

If you have followed these steps correctly, when you hit save you should see your block now has a new icon displayed.

Block

 
Average of ratings:Useful (5)
It's only an avatar...
Re: Discussions about the Essential theme
Group DevelopersGroup Documentation writersGroup Particularly helpful MoodlersGroup Testers

Hi Julian, I had no idea you could do that!

Thanks for brilliant tutorial!

 
Average of ratings: -
Picture of Usman Asar
Re: Discussions about the Essential theme
Group Particularly helpful Moodlers

Julian, You ROCK! Thats what I had been looking for.

Bundle of Thanks Man!

 
Average of ratings: -
Picture of Blair F.
Re: Discussions about the Essential theme
 

A recent installation of another bootstrap theme for testing -- Zebra -- SEEMS to have affected the ability to change the Essential theme's logo, slides or marketing images.  All of them just get stuck on the spinning thing (see attached).

I don't want to uninstall Essential and reinstall, because I'm afraid of losing our of our customizations.  Other than writing them all down and resetting them, is there a way to save them?

P.S., I'm excited about the upcoming 2.5.4 release!


 
Average of ratings: -
Picture of Richard Oelmann
Re: Discussions about the Essential theme
Group Particularly helpful MoodlersGroup Testers

Hi Blair,

Unless I've missed something Danny has done very recently Zebra is not bootstrap based - it is responsive, but that doesn't have to mean bootstrap!

Settings from different themes should not impact each other in any way.

Try removing Zebra first -

hmm a thought - I believe the one thing the two themes have in common is their use of

    require_once(dirname(__FILE__).'/header.php');

- and the same for the footer to get around the issue of one of the blocks or activities calling its own header/footer.php files. Were you perhaps testing by using the theme name in the url - as that may not reset the dirname variable correclty and so could potentially cause conflict between the active theme (Zebra in the url) and the set theme (essential in the theme selector).

I've avoided the issue in a theme Im currently working on in a different way - simply by calling the header and footer files I wanted to include mythemenameheader.php and mythemenamefooter.php

You could try that in one or both of the themes and see if that helps so that the include line becomes

    require_once(mythemenameheader.php');

Richard

 
Average of ratings: -
Picture of Richard Semmens
Re: Discussions about the Essential theme
 

I need more space in the header for our corporate logo. The theme automatically shinks the uploaded image.

How can I make the header taller?

 
Average of ratings: -
Picture of Sam Norman
Re: Discussions about the Essential theme
 

Hi Richard,

Did you get an solution to this, I have now run into the same issue.

Cheers,

Sam

 
Average of ratings: -
Picture of Anu Laitakari
Re: Discussions about the Essential theme
 

HI Sam,

You can find the solution here. Just change the height and width to reflect your logo requirements.

https://moodle.org/mod/forum/discuss.php?d=255676

Anu

 
Average of ratings: -
Picture of madd 84
Re: Discussions about the Essential theme
 

Hi,

I need help. I have the latest moodle and them version (2.5.3). All works ok. But I cant find the buttons that let me edit or delete a calendar evet or glossary entry. I see an empty space.

Please see the image ;)

Thanks.


 
Average of ratings: -
It's only an avatar...
Re: Discussions about the Essential theme
Group DevelopersGroup Documentation writersGroup Particularly helpful MoodlersGroup Testers

Use the mouse to 'hover' over the area, and the icons appear. They use a function called 'autohide' smile

 
Average of ratings: -
Picture of madd 84
Re: Discussions about the Essential theme
 

Autohide doesn't work with me... It's always hidden, hover function doesn't work.

I change the line 30 in editicons.css but I now have another problem (see the image):

.commands img {
display: none;
}

to:

.commands img {
display: inline;
}


 
Average of ratings: -
Picture of Gareth Catherwood
Re: Discussions about the Essential theme
 

Hi

This is happening on my Moodle course too with calenders and glossarys

Did you manage to sort this?

Cheers

Gareth

 
Average of ratings: -
Picture of Ramon Sole
Re: Discussions about the Essential theme
 

just for the records,

#page-calendar-view .commands img {
        display:inline;
}

seems to work.

 

 

 

 

 
Average of ratings: -
Picture of Tom Tabaczynski
Re: Discussions about the Essential theme
 

Hello,

A really great theme! There is one urgent issue however: none of my iframe embedded objects are displaying, either in Page or Tab Activity. I use iframe for Hotpots and Quizlet flashcards.

Tom

 
Average of ratings: -
Picture of Tom Tabaczynski
Re: Discussions about the Essential theme
 

Also, I seem unable to move blocks on the front page into the main area. Is there a box I need to check somewhere? Tom

 
Average of ratings: -
Picture of Brian Rigwald
Re: Discussions about the Essential theme
 

I have been customizing this great theme and have had a lot of success.  Bellow is the Custom CSS code I added to change certain aspects of the theme.

--------

.container-fluid {
max-width: 1900px;
}

.clearfix {
border: solid 2px #a71e38;
}

#section-0.section.main.clearfix {
background-color:#ffffff;
}

#section.main.clearfix {
background-color:#ffffff;
}

#section-0.section.main.clearfix {
background-color:#ffffff;
}

#section-1.section.main.clearfix {
background-color:#ffffff;
}


#section-2.section.main.clearfix {
background-color:#ffffff;
}

#section-3.section.main.clearfix {
background-color:#ffffff;
}

#section-4.section.main.clearfix {
background-color:#ffffff;
}

#section-5.section.main.clearfix {
background-color:#ffffff;
}

#section-6.section.main.clearfix {
background-color:#ffffff;
}

#section-7.section.main.clearfix {
background-color:#ffffff;
}

#section-8.section.main.clearfix {
background-color:#ffffff;
}

#section-9.section.main.clearfix {
background-color:#ffffff;
}

#section-10.section.main.clearfix {
background-color:#ffffff;
}


.li.section.main {
border-bottom: 0px none;
background: url([[pix:theme|bg/dot]]) bottom repeat-x;
}

.clearfix {
background-color:#ffffff;
}

------------------------

The last bit was added to try and make editing a little easier, because the text sometimes gets lost in the background.  (I initially tried to create a 1x1 graphic with a 50% opacity, but I couldn't get the opacity to be recognized when on the site.)  ANYWAY, the I got the areas to fill with color, but I have come across an issue with heading.  It is merely a cosmetic issue, that I don't know how to fix.  The heading for each area is half in the color and half out.  In other words, they don't appear to be totally in the container.

 

Any suggestions?  Most of this stuff will be seen by myself, although a few areas (like self-registration) will be seen by students.

 

 
Average of ratings: -
Picture of Mesut Güngör
Re: Discussions about the Essential theme
 

Hi Julian is it possible to add an option to add site administration menu tree to the custom menu just as My Dashboard and My Courses.

 
Average of ratings: -
Picture of Tom Tabaczynski
Re: Discussions about the Essential theme
 

My previous questions have been resolved, but there is another one. Before when I set the dimensions of images to be the same, the were the same, but now they are all slightly different in size and don't align edge to edge.

 
Average of ratings: -
Picture of Derek Runions
Re: Discussions about the Essential theme
 

Is there a way to edit the speed of the slideshow?  It's a bit fast for me and I'd like to change the length of time that each image stays on the screen.

 

Thanks, great theme!!

 
Average of ratings: -
Picture of Richard Semmens
Re: Discussions about the Essential theme
 

I'm also wanting to slow down the slider. You can't read the text before it disappears. Any way to tweak the code??

 
Average of ratings: -
It's only an avatar...
Re: Discussions about the Essential theme
Group DevelopersGroup Documentation writersGroup Particularly helpful MoodlersGroup Testers

Hi,

Look in  ../essential/jquery/custom.js and you will see this. Just try adjusting the interval value to a higher one ... try 10000 if that is too slow reduce it to suit. You will need to use Notepad or a Text Editor but NOT a word processor!!!

$(function() {
    $("h2.pagetitle span").html(function(i, text) {
        return text.replace(/[a-zàâîïôèéêëèùûü]+/i, function(match) {
            return '<span class="firstword">' + match + '</span>';
        });
    });
    
    $('#da-slider').cslider({
        autoplay    : true,
        interval : 6000
    });
});

 
Average of ratings:Useful (1)
Picture of Marius Jugariu
Re: Discussions about the Essential theme
 

I changed the interval to 10000 and 15000 but it still has the same speed (6 sec). I modified the default as well from cslider and still no joy. sad

 
Average of ratings: -
Julian Ridden
Re: Discussions about the Essential theme
Group DevelopersGroup Moodle Course Creator Certificate holdersGroup Particularly helpful MoodlersGroup Translators

You need t remember that the slider uses javascript and the JS is cached by moodle to increase performance. Annoyingly this is not cleared as part of clearing the theme cache. (which is why it is not a theme setting).

Once you have changed the timing you then need to "purge all caches" in moodle. Only then will will your change be applied.

Julian

 
Average of ratings: -
Picture of Marius Jugariu
Re: Discussions about the Essential theme
 

Before posting, I did that 3 times to be sure. I even rebooted the server. The result was still the same (6 seconds interval).

 
Average of ratings: -
Julian Ridden
Re: Discussions about the Essential theme
Group DevelopersGroup Moodle Course Creator Certificate holdersGroup Particularly helpful MoodlersGroup Translators

I am not sure of your issue then. I have just done this test and confirmed on two test sites that this does indeed change the delay.

Have you also tried your browser cache?

Julian

 
Average of ratings: -
Picture of Marius Jugariu
Re: Discussions about the Essential theme
 

I've been trying back and forth on different browsers, settings, etc. Whatever info I add there it still keeps the 6 second interval including the 2 seconds transition. Any other ideas?

 
Average of ratings: -
It's only an avatar...
Re: Discussions about the Essential theme
Group DevelopersGroup Documentation writersGroup Particularly helpful MoodlersGroup Testers

Can you please upload a copy of the custom.js script as a zip file to this forumn in your next comment?

Also what server type are you testing Moodle and Essential theme on?

If it is Moodle for Windows then it could be a problem with the extension=eaccelerator.dll Read more...

 
Average of ratings:Useful (1)
Gareth J Barnard
Re: Discussions about the Essential theme
Group DevelopersGroup Particularly helpful Moodlers

Dear Marius,

Did you change the code on the web server instead of editing locally?

Gareth

 
Average of ratings: -
Picture of Marius Jugariu
Re: Discussions about the Essential theme
 

I did clear my browser cache and tried from IE10, Firefox, Chrome and Safari. Also tried from other machines.

Yes Gareth, I have a live test server (clone of our real one with students) and the changes I made were through WinSCP, editing the files directly through FTP.

 
Average of ratings: -
Picture of Eduardo Gusmão
Re: Discussions about the Essential theme
 

Love it the theme!!!

But i would like to put the footer with size 100%, leaving the rest of the page with the original size. I'm trying to put out <footer id="page-footer"> from the <div id="page">, maybe after the div.

Does anyone know how?

 
Average of ratings: -
Picture of Sapporo Guy
Re: Discussions about the Essential theme
 

I'm new to moodle so this might not be the best answer.

I added a close div then removed the class. I still need to test this more. 

 

</div>
<footer id="page-footer" class="">
 
Average of ratings: -
Picture of Blair F.
Re: Discussions about the Essential theme
 

We were having problems running the Assignment Upgrade Tool and then I discovered that if I changed the theme to something other than the Essential theme, it worked.  

The two errors in the debugger that referred to the theme were:

line 222 of /theme/essential/renderers/core_renderer.php: call to core_renderer->blocks)_for_region()

AND

line 141 of /theme/essential/layout/general.php: call to theme_essential_core_renderer->essentialblocks()

After I successfully ran the upgrade tool, I changed back to the Essential Theme (because we love it!).

 


 
Average of ratings: -
Gareth J Barnard
Re: Discussions about the Essential theme
Group DevelopersGroup Particularly helpful Moodlers

Dear Blair,

I don't remember the thread, but I believe this is fixed in version 2.5.4 of the theme.

Cheers,

Gareth

 
Average of ratings: -
Picture of Blair F.
Re: Discussions about the Essential theme
 

Thanks for that, Gareth, but that's the version we were on when I ran the tool.

 
Average of ratings: -
Gareth J Barnard
Re: Discussions about the Essential theme
Group DevelopersGroup Particularly helpful Moodlers

Dear Blair,

That's odd as the 'config.php' on https://github.com/moodleman/moodle-theme_essential/tree/ESSENTIAL_254 is correct for the 'maintenance' layout which is set by '/admin/tool/assignmentupgrade/batchtool.php' in it's 'set_pagelayout' call.  Odd, so check your 'config.php' has:

    'maintenance' => array(
        'file' => 'general.php',
        'regions' => array('side-pre', 'side-post', 'footer-left', 'footer-middle', 'footer-right'),
        'defaultregion' => 'side-post',
    ),

Cheers,

Gareth

 
Average of ratings: -
It's only an avatar...
Re: Discussions about the Essential theme
Group DevelopersGroup Documentation writersGroup Particularly helpful MoodlersGroup Testers

Gareth the Maintenance layout should contain NO blocks: This is the one use in Bootstrapbase. 

    // Used during upgrade and install, and for the 'This site is undergoing maintenance' message.
    // This must not have any blocks, and it is good idea if it does not have links to
    // other places - for example there should not be a home link in the footer...
    'maintenance' => array(
        'file' => 'columns1.php',
        'regions' => array(),
        'options' => array('nofooter'=>true, 'nonavbar'=>true, 'nocoursefooter'=>true, 'nocourseheader'=>true),
    ),

 
Average of ratings: -
Gareth J Barnard
Re: Discussions about the Essential theme
Group DevelopersGroup Particularly helpful Moodlers

In that case Essential's 'config.php' needs fixing.

 
Average of ratings: -
It's only an avatar...
Re: Discussions about the Essential theme
Group DevelopersGroup Documentation writersGroup Particularly helpful MoodlersGroup Testers

Yes indeedy! 

In fact I was trying to persuade Julian to update and use the columns1/2/3 and then he could perhaps dispense with all the $hasthisthatandtheother code but I think the work involved is too great a job for him to change now.

I'm not totally convinced the custom regions work as well as they should. Sam did some work on this area but it seems to have got lost in all the changes. Also trying to search Moodle Tracker issues is hard work.

 
Average of ratings: -
Gareth J Barnard
Re: Discussions about the Essential theme
Group DevelopersGroup Particularly helpful Moodlers

Hi Mary,

I'm not to entirely happy with this whole 'columnsX' business as it has some odd CSS / JS to get over this whole blocks are there / not there / empty thing.  I rationalised it down to the granularity of the grid not being fine enough as a non nested 3-6-3 solution has the blocks to big and a 2-8-2 the blocks are to small.  So I changed the grid number in variables.less to '24' so I could implement a non-nested 5-14-5 solution (https://github.com/gjb2048/moodle-theme_shoelace/tree/MOODLE_25_FOOTER_BLOCK_GRID_24).  Then discovered that the CSS / JS was mucking around with things with the block columns in editing mode.  And the 'margin: auto 0' was playing havoc with the centre content column.

However I'm still convinced that some sort of tiles solution could help like: http://tiles.apache.org/.

And the thought has struck me that we could have 'theme plugins'.  Because Essential has made huge strides in adding functionality and the 'formal_colourbox' I came up with the other day is just 'formal_white' with an added function - no styles where harmed in its creation.  Therefore I believe we need to separate form and function in themes such that users can pick the style that they want and bolt on the 'extra's that provide the function.  Like picking accessories on a car after you have chosen the model and colour scheme.

Cheers,

Gareth

 
Average of ratings: -
Picture of Richard Oelmann
Re: Discussions about the Essential theme
Group Particularly helpful MoodlersGroup Testers

Isn't that what some themes have been doing for a while Gareth, e.g. the profile block that first arrived in one of the earlier Aardvark themes is implemented by using an include('profileblock') call, the boxslider in krystle (as 'borrowed' from a theme I worked on with Mary even before that) is implemented by an include('bxslider'). Do we really need anything any more complex than that? If its really simple to do with a single php command already, why does it need another framework?

As for making the suggestion a bit wider and making those available as 'theme plugins' somewhere and standardising them - great idea!

 
Average of ratings: -
Gareth J Barnard
Re: Discussions about the Essential theme
Group DevelopersGroup Particularly helpful Moodlers

Hi Richard,

They are just thoughts.  Simple is good.  Standardisation is good. Consistency is good.  Object Orientation, refactoring and reuse is good smile.  As for more complex I don't know it's just I've been looking at how templating engines work in Java and wondered about the same principles being applied here.  Does not have to be the same code, just perhaps the concept however implemented.

But my thought about 'theme plugins' would be the same as other 'plugins' where admins would not have to hack code.

Cheers,

Gareth

 
Average of ratings: -
It's only an avatar...
Re: Discussions about the Essential theme
Group DevelopersGroup Documentation writersGroup Particularly helpful MoodlersGroup Testers

Hi Gareth & Richard,

I think what might be a better solution is to make Moodle Themes 2 column themes only, as the days of 3 columns is fast becoming 'old fashioned', especially when using mobile devices.

Bootstrap is really only a multicolumn stacking grid which is great for adding custom blocks, if only the custom block regions would play nice with the page layouts. That said, however, I have been experimenting with block regions, and found if you ignore both side-pre and side-post and call the left/right block regions whatever you want, try 'pinky' and 'perky' works just as well. The down side is they don't work with D&D as they are not hard coded there which goes to show there is too much being hard coded in Moodle in general.

Also the <?php include('filename.php') ?> works great as Richard and I found when working on this theme together which is roughly based on Edumoodle by Dan Humpherson

Perhaps we should start a new discussion and try and come up with some really wacky ideas!

We could go Retro and delve back into Moodle 1.9 themes and give them a face lift.

 
Average of ratings:Useful (1)
Gareth J Barnard
Re: Discussions about the Essential theme
Group DevelopersGroup Particularly helpful Moodlers

Hi Mary,

I like the idea of 'pinky' and 'perky', but I'm more of a 'Statler' and 'Waldorf' sort of person smile.  I think the D&D not working is just a matter of using a class which I think is 'block-region' - certainly I have my custom 'footer' working with D&D -> https://github.com/gjb2048/moodle-theme_shoelace/tree/MOODLE_25_FOOTER_BLOCK - have a look at 'shoelaceblocks' in the 'core_renderer.php' there and 'blocks' in 'core_renderer.php' of core.  I'm considering some how hiding the blocks all together like docking but without the truncation.

I really like the idea of a new discussion for wacky ideas.  A good old fashioned brain storm smile.  How about a 'Harold Lloyd' theme or is that too retro?

Gareth

 

 

 
Average of ratings: -
Picture of Sapporo Guy
Re: Discussions about the Essential theme
 

blushNew to moodle so sorry if the way I posted is a mistake.

How can you make the slider images to be width = 100%?

I want to have the image to act as a complete background instead of just an image to the right.

Currently, the only way I have been able to achieve this is to set the HTML for the img tag directly and this is not what I'm really looking for.

 

Thanks!

 
Average of ratings: -
Picture of Trine Michelsen
Re: Discussions about the Essential theme
 

Hi!

I've just updated to the latest version of the theme, I have a label on the front page with a description, photos, etc. The text is not set to be bold, just plain text but no, after the update it's bold!?! How can I solve this? Do I have to edit the CSS and if so where? 

Thanks in advance for any help!

cheers

Trine

 
Average of ratings: -
Picture of David Scotson
Re: Discussions about the Essential theme
Group DevelopersGroup Documentation writersGroup Particularly helpful Moodlers
This sounds like a Clean theme bug, but I thought it was fixed.

The problem is Bootstrap has a .label class, and so has Moodle, actually Moodle has several .label classes for different purposes. A bug to fix the core issue is here: MDL-38086.

Is it only happening on the front page? Perhaps the fix was too specific and only applies to labels within courses?
 
Average of ratings: -
It's only an avatar...
Re: Discussions about the Essential theme
Group DevelopersGroup Documentation writersGroup Particularly helpful MoodlersGroup Testers

In Essential theme's settings page...

Administration > Site Administration > Appearance > Themes >> choose one of the options under the link marked "Essential" in the list of theme names listed at that point. You should find a Custom CSS box to add the fix which is this...

#page-site-index li.label {font-weight: normal}

 
Average of ratings: -
Picture of Andreas Mueller
Re: Discussions about the Essential theme
 

I love the essential theme but there is one minor issue i don't like. I want to change the size of ".h2" because the Headlines of the courses in /moodle/my are too big for me.

 

So, i tried to customize the font size from 28 to 20px with a custom css (designer mode enabled). Unfortunately it doesn't work. Please, may some one can help me on this issue. 

my custom css: (which doesn't work)

h2 {
font-size: 20px
}

 

http://www.knowledge-logistics.com/LMS/my/

 

 

Thank you guys

 
Average of ratings: -
Picture of Kimberly King
Re: Discussions about the Essential theme
 

Social Network Icons Open in New Window

Just installed most recent version of this theme.  LOVE IT!  However, after adding a few Social Networking icons and testing them, I found that they open in the current window, thus taking the user away from my site. Currently, the theme's Social Networking settings has no option or "how-to" disclaimer for non-programmers to force these links to open in a new window.  Perhaps a very minor improvement would be to add additional instructions under each field such as add " target="_blank" immediately following your own website URL to force the link to open in a new window (i.e. https://www.yourURL.com  " target="_blank") , or perhaps a simple "open in new window" checkbox for the technological-challenged.  ;)

 

  

 
Average of ratings: -
It's only an avatar...
Re: Discussions about the Essential theme
Group DevelopersGroup Documentation writersGroup Particularly helpful MoodlersGroup Testers

Why not just add a title to the anchor tag in the layout files for those links:

<a href="http://facebook.com" title="Right CLICK and select Open link in new tab" >

That would work!!!

smile

Mary

 
Average of ratings: -
Picture of Chris Newton
Re: Discussions about the Essential theme
 

My apologies if I missed the note, but are there known issues with this theme at Internet Explorer? Specifically, the slideshow on the front-page does not render at all and just appears as static items one after the other down the page. I have found this to be the case for IE versions 8, 9 and 10.

I must say though, when using a real browser like FF or Chrome, this is an amazing theme. Kudos for your efforts Julian (and others). Very well done indeed!

 
Average of ratings: -
Picture of Kimberly King
Re: Discussions about the Essential theme
 

A minor improvement suggestion for the Dynamic Slideshow settings....  To be able to reorder them without having to redo them all.  smile

 
Average of ratings: -
Picture of Blair F.
Re: Discussions about the Essential theme
 

I'm just wondering how to prevent the hover colour (in our case, green) from showing up as a border in our blue navigation menu, while still maintaining the hover colour.


 
Average of ratings: -
Picture of Kimberly King
Re: Discussions about the Essential theme
 

Another improvement/enhancement request:

Please provide an option for the Marketing Spot button links to open in a new window.  Adding " target="_blank" to the end of the link generates a "Some settings were not changed due to an error" and "This value was not valid" error messages.  

 
Average of ratings: -
Picture of Alfredo Ruiz
Re: Discussions about the Essential theme
 

Hi, i'm trying to find a "workaround" for this. Not only for the marketing spots, but for social networks too.

In this file: theme/essential/layout/includes/header.php

look for this line:   <ul class="socials unstyled">

Under that, there's a line for each type of social network, with the link to the url previously set up. For each one, i've added manually the target="_blank"

As an example,

Original:
<li><a href="<?php echo $haswebsite; ?>" class="website"><span class="icon-stack"><i class="icon-sign-blank icon-stack-base"></i><i class="icon-globe icon-light"></i></span></a></li>

Modified:

<li><a href="<?php echo $haswebsite; ?>" class="website" target="_blank"><span class="icon-stack"><i class="icon-sign-blank icon-stack-base"></i><i class="icon-globe icon-light"></i></span></a></li>

It's propably a bit "dirty", and it involves chanching the core files of the plugin, but i haven't found a different way to do it. Now i'm going for the marketing spots and the slideshow, and i guess the solution will be similar.

I hope it helps someone smile

I edit myself, to leave more feedback about this:

Same thing with marketingspots.php

Look for "href" and do something like this:
<p align="right"><a href="<?php echo $PAGE->theme->settings->marketing1buttonurl ?>" id="button" target="_blank"><?php echo $PAGE->theme->settings->marketing1buttontext ?></a></p>
Do it with the three marketing buttons

And once again, with slideshow.php

Look for every "href" and add the "target="_blank" at the end of the anchor opening.

 
Average of ratings: -
Julian Ridden
Re: Discussions about the Essential theme
Group DevelopersGroup Moodle Course Creator Certificate holdersGroup Particularly helpful MoodlersGroup Translators

I have said this in other posts a couple of times already. There is no need to hack the code to achieve an "open in new window" function for any place in Essential that you add a URL. You just have to add the extra instruction to the address to tell browsers to open in a new window.

For instance. Lets say you were adding a twitter link for example. Normally you would type:

http://www.twitter.com/moodleman

To have it open in a new window you instead type:

http://www.twitter.com/moodleman" target="_blank

New Window Link

Please note that I am only using two quotation marks in those specific location. In short you are adding the text

" target="_blank

to the end of the URL.

You can do this to any place you type in URL's in settings (I often use this in the custom menu for instance to achieve the same result). No code hacking required!

Julian

 

 
Average of ratings:Useful (1)
Picture of Alfredo Ruiz
Re: Discussions about the Essential theme
 

Sorry Julian. I haven't seen your previous post regarding this.

I was looking for something to solve the same problem with the custom menu, and i found this issue in the moodle tracker: https://tracker.moodle.org/browse/MDL-35420 that offers the same "trick". Actually, it solves the problem that you find when trying to use this with a url that has parameters.

So i'll change it back to the original files, and use your trick instead smile

Thanks!

 
Average of ratings: -
Picture of Alfredo Ruiz
Re: Discussions about the Essential theme
 

Oh my. I think i messed up.

" target="_blank is working in the custom menu, but not in the slideshow, or marketing spots sad

Works fine on social networks, but not on slideshow or marketing spots.

After "undoing" my changes on the files and see that it wasn't working, I uninstalled the theme, installed again, purged cache, everything. I even copied a link from the custom menu that is working fine
http://moodle.org/support" target="_blank
and pasted it in the slideshow link box, and nothing, i get a message like "couldn't save changes because an error occurred".

Any thoughts?

Thanks a lot.

 
Average of ratings: -
It's only an avatar...
Re: Discussions about the Essential theme
Group DevelopersGroup Documentation writersGroup Particularly helpful MoodlersGroup Testers

The problem is that you cannot add HTML inside a setting, contrary to what Julian says. What you can do is hard code target="_blank" in the php code for the slideshow in essential/layout/includes/slideshow.php in each link like this...

<?php if ($hasslide1url) { ?>
<a href="<?php echo $slide1url ?>" target="_blank" class="da-link"><?php echo get_string('readmore','theme_essential')?></a>
<?php } ?>

 
Average of ratings:Useful (1)
Picture of Alfredo Ruiz
Re: Discussions about the Essential theme
 

Thanks, Mary.

The odd thing is that I CAN do it in Social Networking settings, but i CAN'T do it in Marketing Spots nor Frontpage Slideshow.

I did it the way you suggest, and it worked, but it's suposed to work the other way too and it would be cleaner. It's not a big issue, but i'm curious about what causes that it works with some settings and not with others. I'm a bit frustrated i don't have the skills to find out smile

Thanks again smile

 

 
Average of ratings: -
It's only an avatar...
Re: Discussions about the Essential theme
Group DevelopersGroup Documentation writersGroup Particularly helpful MoodlersGroup Testers

That's what I am trying to say. When you have PARAM_URL as a setting only URLs are allowed: For example: If you add this: http://google.com and nothing else that should work. If you look in essential/settings.php, you will see PARAM_URL have been set for the Slideshow and Marketing.

The fact you can add the target="_blank" in the social network text box is because THAT is what it is a TEXT box, same as the Custom menu.

If you wanted to, you can use your Custom menu as a Notice board...that just types out a one line message like the alert message does.,,,

Like...

Happy Birthday Headmaster! smile

Moodle is all Fun & Games

As for an ugly hack I don't think so, it could actually be written into the code as an option if Julian wanted to.

Hi Julian!!!

Ciao

Mary

 
Average of ratings: -
Julian Ridden
Re: Discussions about the Essential theme
Group DevelopersGroup Moodle Course Creator Certificate holdersGroup Particularly helpful MoodlersGroup Translators

Lets do more testing. But I have done this in my social spots for quite some time.

Il test the other spots and confirm

Julian

 
Average of ratings: -
Picture of Shane Jeffery
Re: Discussions about the Essential theme
 

Hi Julian, I'll confirm this one for you.  

The " target="_blank option does work in the social media area.  eg. https://www.facebook.com/itelswsi" target="_blank

It does not work in the front page Slide Link URL.  When " target="_blank is added to the end of the Slide Link URL the page returns the following error.  e.g. http://www.swsi.edu.au" target="_blank.


 
Average of ratings: -
Picture of Shane Jeffery
Re: Discussions about the Essential theme
 

This does not seem to be working in the marketing spots either. 

The value is not valid image

 
Average of ratings: -
Picture of craig bell
Re: Discussions about the Essential theme
 

Ok im brand new at this and still wet behind the ears can some one help?

Trying to install the Essential theme but it keeps coming up with this problem.

if its a plugin problem how to i check to see what i need?


 
Average of ratings: -
Gareth J Barnard
Re: Discussions about the Essential theme
Group DevelopersGroup Particularly helpful Moodlers

Either you are not running Moodle 2.5 or you have removed the '/theme/bootstrapbase' folder.

 
Average of ratings: -
Picture of Fran Thinway
Re: Discussions about the Essential theme
 

Gareth, I'm running Moodle 2.5.2 + (Build: 20131004) and I have the needed folder 'theme/bootstrapbase' but the same problem as Craig and I have no idea how to solve it sad

I'm lost with this issue :S


 
Average of ratings: -
It's only an avatar...
Re: Discussions about the Essential theme
Group DevelopersGroup Documentation writersGroup Particularly helpful MoodlersGroup Testers

Hi Fran,

There is nothing in the image you posted to suggest there is a problem, so can you check if there is anything else in that list the shows up with a rose background, like Craig. If there is nothing then just CLICK on the Update database link at the bottom of the page. This will them install the Essential theme.

Hope this helps?

Mary

 
Average of ratings: -
Picture of Glenn Sisson
Re: Discussions about the Essential theme
 

Hi Julian,

Love the Essential theme!

I have a couple of issues with the layout.

1. The logo is not vertically centred in the header space.

 

2. A second tier menu displays with scroll bars

 

3. I use only 2 columns. Main content on the left and Nav blocks etc to the right. This works ok but when editing is on the main content size is reduced as if there are 3 columns. I assume that is so I can drag blocks if I was to have 3 columns. This makes layout difficult as what you see is not what you get when you turn editing off. See image below with editing on.

 

4. Is it possible (and if so how) to set maximum width of the blocks column. When used at full width the blocks are too wide (in my opinion). How can this be adjusted?

I am using latest version of the theme (2.5.4), Moodle 2.5.2+ and viewed using Google Chrome v.29 and IE9.

Would appreciate you or others guidance with the above.

 
Average of ratings: -
Picture of Ahmad Aizuddin Aizat Bin Tajul Arif
Re: Discussions about the Essential theme
 

2. A second tier menu displays with scroll bars

 

I have same problem as well. Anybody found any workarounds to solve this issue. For the time being, I change all menu to single tier only to avoid this problem.

 
Average of ratings:Useful (1)
Picture of Kevin Jacobson
Re: Discussions about the Essential theme
 

Hi Glenn,

3. I too am having the issue where editing gives me three columns. Which shoves the content over and makes editing a bit awkward. Did you end up getting a fix for this? We are currently on Moodle 2.5.2 with the Essential theme version 2.6. I was at least able to move the blocks all to one column and that seemed to work. But I had to do that with each page I visited.

 

Essential 2.6 with editing on:

 

With Essential 2.6 I could at least move the "Add A Block" Block to the same column as the other blocks and it would seem the other column would go away. It was a bit annoying cause I would have to do this for every page.

After moving the "Add A Block" block over:

Still, if there is a way to force courses to only use two columns, that would be ideal. I don't know what else to try.

Furthermore, I am trying Moodle 2.6 in our sandbox site with the Essential theme ver 2.7. The problem is worse in 2.7 because now when editing is on, it seems I can not longer move the "add a block" block, but instead can only move navigation and administration. The problem is, some of the activities blocks now can no longer be moved either.

 

Now showing Essential 2.7, and can no longer move lesson or add a block:

 

 

So long post short, is there a way to force 2 columns in the theme site wide? smile

 

 

 

 
Average of ratings: -
It's only an avatar...
Re: Discussions about the Essential theme
Group DevelopersGroup Documentation writersGroup Particularly helpful MoodlersGroup Testers

this discussion was closed as it was getting hard to see the various threads within this discussion.

However, I will answer this. What you did is the correct way to do this. In fact it would be easier if all course and incourse layouts had a side-post-only layout, thus making it a two column page As people obviously don't need too many blocks In these pages.

 
Average of ratings: -
Picture of Jason Lane
Re: Discussions about the Essential theme
 

Is there a way to disable the dynamic slideshow from appearing on the home page after a user has successfully logged in? 

 
Average of ratings: -
It's only an avatar...
Re: Discussions about the Essential theme
Group DevelopersGroup Documentation writersGroup Particularly helpful MoodlersGroup Testers

If you have access to your theme files, then you could try adding the following just above the start of the slideshow in your essential/layout/frontpage.php...

<?php if (!isloggedin() or isguestuser()) { ?> 

<!-- Start Slideshow -->

and add this just after the end of the slideshow...

<!-- End Slideshow -->

<?php } ?>

This is saying IF you are NOT logged in (OR you are a guest user) then run the Slideshow, otherwise do nothing smile

That should fix it!

Cheers

Mary

 
Average of ratings: -
Picture of Jason Lane
Re: Discussions about the Essential theme
 

Perfect solution, thanks Mary. I just added it to the end of the current if statement in frontpage.php so the slideshow appears just for external visitors:

if ($hasslideshow && !strpos($checkuseragent, 'MSIE 7') && !isloggedin()) { // Hide slideshow for IE7

 
Average of ratings: -
It's only an avatar...
Re: Discussions about the Essential theme
Group DevelopersGroup Documentation writersGroup Particularly helpful MoodlersGroup Testers

cheers

 
Average of ratings: -
Picture of Blair F.
Re: Discussions about the Essential theme
 

Just wondering if anyone has found a work-around for the font-awesome not working with IE8.  We still have several systems at work running Windows XP, which of course cannot run IE9.  Although it's easy to tell someone to use another browser (and we do), we'd rather not have to.

 
Average of ratings: -
Picture of David Scotson
Re: Discussions about the Essential theme
Group DevelopersGroup Documentation writersGroup Particularly helpful Moodlers
As far as I'm aware Font Awesome should work with IE8, is there some specific bug you're talking about?
 
Average of ratings: -
Picture of John Love
Re: Discussions about the Essential theme
 

Using Essential theme, we've found that IE8 won't display the editing icons at all (whether the fontAwesome ones or the included icons).

Has anyone else seen this? Any known workarounds or fixes?

 
Average of ratings: -
Julian Ridden
Re: Discussions about the Essential theme
Group DevelopersGroup Moodle Course Creator Certificate holdersGroup Particularly helpful MoodlersGroup Translators

I have Essential installed on a couple of client sites and no issues reported with FontAwesome. What are your issues? Are you on the current Essential release?

Julian

 
Average of ratings: -
Picture of Blair F.
Re: Discussions about the Essential theme
 

This is what we see in IE8, with the essential theme, only.  The icons are invisible, with dividers showing.


 
Average of ratings: -
It's only an avatar...
Re: Discussions about the Essential theme
Group DevelopersGroup Documentation writersGroup Particularly helpful MoodlersGroup Testers

If you are using the latest version of Essential and the EOT font file is present then IE8 should use it, in fact Internet Explorer was the only browser that worked with embedded fonts years ago. smile

 
Average of ratings: -
Mark
Re: Discussions about the Essential theme
 

Hi all,

I am having difficulty getting the slideshow to work.

I have installed Moodle 2.5.2 onto a localhost site on my laptop.

I have installed the Essential theme dated 8/10/2013. ver: 2013100800

All settings seem to work for me colour; marketing; social media etc.

However all I can get the Slideshow to do is either be not showing or if showing only the frame appears... no images nor text.

I am using 256px x 256px png files as the images.

Is there something I am missing? Setting etc?

Cheers

Mark

 
Average of ratings: -
It's only an avatar...
Re: Discussions about the Essential theme
Group DevelopersGroup Documentation writersGroup Particularly helpful MoodlersGroup Testers

Assuming you have added the images and text via the Essential custom settings page, and made sure JavaScript is enabled in your browser, then try...

Theme Designer Mode

or

Purge all cache

Cheers

Mary

 
Average of ratings: -
Mark
Re: Discussions about the Essential theme
 

Thanks Mary,

Yes I had added the images via the Essential Theme settings page, JavaScript was enabled in both Chrome and IE and had Theme Designer Mode on.

As this was only a local install I thought I would re-install the weekly total Windows Xamp package (bad thought!)... the package installed with no errors but now I am unable to add any form of plugin (block, mod, or theme) either by adding the folder manually or via the Plugin Addon Install ... it validates then I get a blank screen (presumably where the notifications page would be).

Anyway I will try to re-install a fresh and try again hopefully with a better outcome... if I have no joy which forum is best to request assistance on this issue or is this better for a tracker submission?

Cheers

Mark

 
Average of ratings: -
It's only an avatar...
Re: Discussions about the Essential theme
Group DevelopersGroup Documentation writersGroup Particularly helpful MoodlersGroup Testers

This might sound like a stupid question, but I will ask it all the same.

When you say re-install the Windows XAMP package are you adding this package inside another server?  Some people have done that before today!

I will assume NOT. smile

The blank page could be any manner of things wrong with any theme but usually you would get an ERROR message if you enabled Debugging and had it set to DEVELOPER settings.

Site Administration > Development > Debugging

Not seeing the images could be a server permissions problem. Have you checked that?

As for which forum, well it all depends on what the problem is.

General problems is a good start.

Themes if it is theme related.

If you think it's a BUG then report it in Moodle Tracker.

Cheers

Mary

 
Average of ratings: -
Picture of Kimberly King
Re: Discussions about the Essential theme
 

CSS for changing the text color in the custom dropdown menus, particularly for a tablet in portrait view (see screenshot)?  The text already difficult to read in the default color scheme, and is nearly impossible to read with the royal blue theme color I have chosen.  

Thanks.


 
Average of ratings: -
Picture of Kimberly King
Re: Discussions about the Essential theme
 

An additional quirk...  The latter portion of the footer text mysteriously renders in the same color as the Footer Separator color when in iPad portrait view (see screenshots)....


 
Average of ratings: -
Picture of Kimberly King
Re: Discussions about the Essential theme
 

Also having issues with the initial slideshow swipe when viewing in Firefox v.24 ... The image initially appears in reverted black background color, and then text briefly highlights black just as the first swipe occurs (see screenshot).  Once the first slide swipes, the remainder of the slideshow works just fine.


 
Average of ratings: -
Julian Ridden
Re: Discussions about the Essential theme
Group DevelopersGroup Moodle Course Creator Certificate holdersGroup Particularly helpful MoodlersGroup Translators

Have you applied custom CSS? I built Essential in Firefox as it is my native browser and have never seen this occur. If you visit the http://features.demo.moodle.com.au you will see a standard version of the theme there running where I can guarantee you won't see the black.

If your theme looks different to the one on my demo site then I recommend you do the following:

  • be sure to be running the current version (Essential 2.6)
  • clear all your theme caches
  • remove any custom CSS you have added

This should fix your issues.

Julian

 
Average of ratings: -
Julian Ridden
Re: Discussions about the Essential theme
Group DevelopersGroup Moodle Course Creator Certificate holdersGroup Particularly helpful MoodlersGroup Translators

I need to be honest here and say the issue here is the colors you have chosen. I have no fix I can apply except to say choose an easier to view color palette.

Julian

 
Average of ratings: -
Picture of Andrew Stewart
Re: Discussions about the Essential theme
 

I'm having this problem too - it's definitely not a colour I've chosen in the settings. Is there anywhere in the CSS this can be changed? Can't for the life of me work out where it's located

 
Average of ratings: -
Julian Ridden
Re: Discussions about the Essential theme
Group DevelopersGroup Moodle Course Creator Certificate holdersGroup Particularly helpful MoodlersGroup Translators

No, there is nothing else.

As I said above, visit http://features.demo.moodle.com.au in your browser.

That is a standard moodle 2.5 with the Essential theme installed. No additional changes made. If that looks fine then your site should look fine as well.

Julian

 
Average of ratings: -
Picture of Andrew Stewart
Re: Discussions about the Essential theme
 

It looks like the above screenshot, with the dark grey text. It may just be my personal taste but I don't think it looks fine even against the blue on the demo (the only thing in the entire beautiful theme I must stress!)

 
Average of ratings: -
Picture of Kimberly King
Re: Discussions about the Essential theme
 

I agree Andrew.  I don't think the grey text is easily readable even against the blue on the demo (only when viewed in portrait mode on a tablet or smartphone).  Would love to know the CSS selector name that would allow us to change it to a lighter color.

 
Average of ratings: -
It's only an avatar...
Re: Discussions about the Essential theme
Group DevelopersGroup Documentation writersGroup Particularly helpful MoodlersGroup Testers

Try using Firefox add-on Firebug

 
Average of ratings: -
Picture of Kimberly King
Re: Discussions about the Essential theme
 

I too have searched for the CSS selector that will allow me to change the color from the grey to a lighter color.  No luck so far.

 
Average of ratings: -
Picture of John Love
Re: Discussions about the Essential theme
 

Testing the Essential theme on smartphones today, I've found that when the browser window is less than 777 px wide, the "Move" edit icon disappears! (Also seen FireFox and Chrome - just scale down the window width to 776px wide).

Has anyone else seen this? Are there any workarounds or resolutions?

 
Average of ratings: -
Picture of David Scotson
Re: Discussions about the Essential theme
Group DevelopersGroup Documentation writersGroup Particularly helpful Moodlers
This is from the Clean theme that Essential inherits from I think. I found that the drag'n'drop stuff was entirely broken on touch devices so this was a hacky way to work around that issue. There was some dispute about whether the problems with the drag'n'drop were actually happening or not though.

See MDL-38371 for more info.
 
Average of ratings: -
Picture of Shane Jeffery
Re: Discussions about the Essential theme
 

Hi Julian.

Love your work, a great theme. 

I am setting up the theme on our dev server and have received the 'coding error detected' error below.

Coding error detected, it must be fixed by a programmer: Trying to reference an unknown block region hidden-dock

Debug info: 
Error code: codingerror
Stack trace:
  • line 884 of \lib\blocklib.php: coding_exception thrown
  • line 984 of \lib\blocklib.php: call to block_manager->check_region_is_known()
  • line 997 of \lib\blocklib.php: call to block_manager->ensure_instances_exist()
  • line 315 of \lib\blocklib.php: call to block_manager->ensure_content_created()
  • line 1245 of \lib\outputrenderers.php: call to block_manager->get_content_for_region()
  • line 222 of \theme\essential\renderers\core_renderer.php: call to core_renderer->blocks_for_region()
  • line 281 of \theme\essential\layout\frontpage.php: call to theme_essential_core_renderer->essentialblocks()
  • line 860 of \lib\outputrenderers.php: call to include()
  • line 790 of \lib\outputrenderers.php: call to core_renderer->render_page_layout()
  • line 101 of \index.php: call to core_renderer->header()

This is essential 2.6 ($plugin->version   = 2013100800)  which I downloaded yesterday and we are using Moodle 2.5.2+ (Build: 20130920).

Any tips? I can give you access to our dev if you want to troubleshoot, contact me in FB to organise it

Thanks mate

Shane

 
Average of ratings: -
Picture of Shane Jeffery
Re: Discussions about the Essential theme
 

Hi again.

I just did a full theme reinstall and the problem remains. 

We are running:

essential 2.6 ($plugin->version = 2013100800)and Moodle 2.5.2+ (Build: 20130920).

Any ideas on what needs to be done to fix this?

Sincerely, Shane

 

 

Coding error detected, it must be fixed by a programmer: Trying to reference an unknown block region hidden-dock

Debug info: 
Error code: codingerror
Stack trace:
  • line 884 of \lib\blocklib.php: coding_exception thrown
  • line 984 of \lib\blocklib.php: call to block_manager->check_region_is_known()
  • line 997 of \lib\blocklib.php: call to block_manager->ensure_instances_exist()
  • line 315 of \lib\blocklib.php: call to block_manager->ensure_content_created()
  • line 1245 of \lib\outputrenderers.php: call to block_manager->get_content_for_region()
  • line 222 of \theme\essential\renderers\core_renderer.php: call to core_renderer->blocks_for_region()
  • line 281 of \theme\essential\layout\frontpage.php: call to theme_essential_core_renderer->essentialblocks()
  • line 860 of \lib\outputrenderers.php: call to include()
  • line 790 of \lib\outputrenderers.php: call to core_renderer->render_page_layout()
  • line 101 of \index.php: call to core_renderer->header()

 

 

 
Average of ratings: -
It's only an avatar...
Re: Discussions about the Essential theme
Group DevelopersGroup Documentation writersGroup Particularly helpful MoodlersGroup Testers

Hi Shane,

Any error, where it is trying to reference an unknown block region inside a theme, is usually cause by the theme designer. I know because I have, and still do make these same mistakes.

If you remove Essential theme folder from your server and  Purge all cache then go to Site Administration > Development > Debugging and enable the setting that "adds General page information" at the bottom of the screen inside the footer. This will then allow you to track the page types you are using when going about your day inside Moodle. Don't forget to save your settings.

That done change your site to use 'Standard theme', and then surf to the page you had the problem with the missing block region where you saw the Error message.

Still in that page scroll to the bottom and in the Footer you should see the page information that says the page in Admin or InCourse or Course or Frontpage or MyDashboard, or MyPublic...whatever.

Now that you know which page layout type was causing you grief in the Essential theme, just check your Essential/config.php page layouts under $THEME->layouts for that page type.

When you find it you will probably notice that 'hidden-dock' is not listed in the block regions, this is what is causing the problem.

In fact there are lots of places where the 'hidden-dock' is missing as can be seen here...

https://github.com/moodleman/moodle-theme_essential/blob/ESSENTIAL_254/config.php#L52

Hope this helps?

Mary

 
Average of ratings: -
Picture of Shane Jeffery
Re: Discussions about the Essential theme
 

Thanks for the info Mary.  I will look into this and see if I can get it to work.

Should 'hidden block' be listed against each block region in each page?  does it matter what order it is added? 

Is this something that should eventually be added by Julian as part of the theme?

Once again, thanks for the info.

S

 

 
Average of ratings: -
Julian Ridden
Re: Discussions about the Essential theme
Group DevelopersGroup Moodle Course Creator Certificate holdersGroup Particularly helpful MoodlersGroup Translators

Hidden-block is only used on the frontpage layout. You should not need it anywhere else as it is not called in.

Julian

 
Average of ratings: -
It is I
Re: Discussions about the Essential theme
 

I came across this error after googling Coding error detected, it must be fixed by a programmer: Trying to reference an unknown block region side-post.

The error started when I tried install Collapsed Topics Course format. I changed to another theme and module then installed. It would then let me switch back to excellent Essential theme.

Using Moodle 2.5.4 with latest version of collapsed topics and Essential theme for my version of Moodle/

 
Average of ratings: -
It is I
Re: Discussions about the Essential theme
 

Since realised it is any new addon/plugin that is creating the error?

 
Average of ratings: -
It's only an avatar...
Re: Discussions about the Essential theme
Group DevelopersGroup Documentation writersGroup Particularly helpful MoodlersGroup Testers

What do you mean any new addon/plugin?

Can you tell us what theme you are using when you get the error?

Also can you copy and past the error here. Usually it is possible to highlight and copy the Error message using your mouse.

 
Average of ratings: -
It is I
Re: Discussions about the Essential theme
 

I mean adding a block, course format etc. Anything that would trigger an install from notification menu.

I am running moodle 2.6.4 latest stable and latest version of Essential Theme for2.5

Error shown below. I have to fix this by switching to a different theme to install addons/plugins. Then switch back

Debug info:
Error code: codingerror
Stack trace:
line 884 of /lib/blocklib.php: coding_exception thrown
line 984 of /lib/blocklib.php: call to block_manager->check_region_is_known()
line 997 of /lib/blocklib.php: call to block_manager->ensure_instances_exist()
line 315 of /lib/blocklib.php: call to block_manager->ensure_content_created()
line 1249 of /lib/outputrenderers.php: call to block_manager->get_content_for_region()
line 222 of /theme/essential/renderers/core_renderer.php: call to core_renderer->blocks_for_region()
line 142 of /theme/essential/layout/general.php: call to theme_essential_core_renderer->essentialblocks()
line 860 of /lib/outputrenderers.php: call to include()
line 790 of /lib/outputrenderers.php: call to core_renderer->render_page_layout()
line ? of unknownfile: call to core_renderer->header()
line 234 of /lib/outputrenderers.php: call to call_user_func_array()
line 206 of /admin/renderer.php: call to plugin_renderer_base->__call()
line 206 of /admin/renderer.php: call to core_admin_renderer->header()
line 396 of /admin/index.php: call to core_admin_renderer->upgrade_plugin_check_page()

 

 
Average of ratings: -
It is I
Re: Discussions about the Essential theme
 

Running Moodle 2.5.4 not 2.6.4!

 
Average of ratings: -
Gareth J Barnard
Re: Discussions about the Essential theme
Group DevelopersGroup Particularly helpful Moodlers

You say "latest version of Essential Theme for 2.5", but what is the specific version as stated in the themes 'version.php' file please? - post all contents.

 
Average of ratings: -
It is I
Re: Discussions about the Essential theme
 

I thought stating the latest official build would have implied the following? As stated it is only this theme that is causing issues with add ons, course formats etc

Moodle 2.5.4 (Build: 20140113)


BootStrap Base 2013050100

Essential theme

$plugin->version = 2013100800; // YYYYMMDD.
$plugin->maturity = MATURITY_STABLE; // this version's maturity level.
$plugin->release = '2.6 (Build: 20131008)';
$plugin->requires = 2013051401; // Requires Moodle 2.5.1.
$plugin->component = 'theme_essential';
$plugin->dependencies = array(
'theme_bootstrapbase' => 2013050100,
);

 
Average of ratings: -
It's only an avatar...
Re: Discussions about the Essential theme
Group DevelopersGroup Documentation writersGroup Particularly helpful MoodlersGroup Testers

Hi,

There are some areas in Moodle that 'throw a wobbler' when using a Bootstrap based theme. This is mainly because the page has been coded incorrectly. In other words Bootstrap themes are beginning to show up faults in the way Moodle has been coded, which were, for all intents and purposes, for Moodle standard themes. Now the race is on to rectify these problems.

It would help greatly if you could find out which Page layout is being used when the problem presents itself.  In other words which part of Moodle are you in when you get the error.

To do this you would need to enable View general page info in Site Administration > Development > Debugging and then enable the option on that page which is to display Page info in the Footer.

Unfortunately Essential is coded in such a way that this general info is not shown in the footer so you would need to change theme to the Standard theme.

Knowing where the problem originates is half the battle of finding the bug that is causing it.

Also ... so that we are not talking at cross purposes .. it is the 'hidden-dock' that is the problem and not some other block-region? 

Cheers

Mary

 
Average of ratings: -
Gareth J Barnard
Re: Discussions about the Essential theme
Group DevelopersGroup Particularly helpful Moodlers

Hi Tim,

Thanks for posting the information.  It is needed because the latest official M2.5 build on Moodle.org can be different to that on GitHub.  Also in the time between you installing and us reacting to your posted problem the theme for that version could have moved on, so 'latest' is no longer the 'latest' that you had originally installed.   So takes longer for the people helping you to find out.  With the information you supply 'checking out' the specific version using Git is easier and hence quicker to set up the test environment upon which to verify the issue.  Then once verified can then be in a position to work out a solution.

Software testing is all about repeatability.  Therefore accurate precise statement of versions and configuration is essential for the process and checking that any given issue has been truly rectified. 

Cheers,

Gareth

 
Average of ratings: -
Gareth J Barnard
Re: Discussions about the Essential theme
Group DevelopersGroup Particularly helpful Moodlers

Ok, after much investigation the current version for M2.5 on https://moodle.org/plugins/view.php?plugin=theme_essential being https://moodle.org/plugins/pluginversion.php?id=4481 which is 2.6 (Build: 20131008) of the theme is not the same as the same intended version on https://github.com/moodleman/moodle-theme_essential/tree/ESSENTIAL_26 having identical 'version.php' files.  Therefore the version on Moodle.org needs updating as it has the problem and the code supplied on GitHub.org does not.

Please do not be confused by the build number of 2.6 as this is for Moodle 2.5.1 version 2013051401.  However versions 2.6.1+ of the theme are for Moodle 2.6+.

To sort this, please download and install the code from https://github.com/moodleman/moodle-theme_essential/tree/ESSENTIAL_26 using the 'Download ZIP' button.  Then extract the files, make a backup of the existing essential folder, delete the contents and replace with the extracted contents taking care not to have an 'essential' folder within another 'theme_essential_moodle25_2013100800' folder and for the contents to be in the 'essential' folder only, i.e. the version.php file of the theme should have the path '/theme/essential/version.php' from your installations root folder.

Julian: Please update on Moodle.org smile

 
Average of ratings:Useful (1)
It's only an avatar...
Re: Discussions about the Essential theme
Group DevelopersGroup Documentation writersGroup Particularly helpful MoodlersGroup Testers

The problem is in essential/config.php ...

  1. $THEME->layouts = 'maintenance'
  2. $THEME->layouts = 'base'

In Essential 2.5 version these both contains block regions which is wrong since neither should NOT contain ANY block regions whatsoever. And since when Moodle requires maintenance page layout with no blocks it then looks to 'base'  layout and so therefore throws up the error - trying to access unknown block region side-post.

In Essential 2.6 version both 'base' and 'maintenance' contain block regions but with a different error - trying to access unknown block region hidden-dock.

 
Average of ratings:Useful (1)
It is I
Re: Discussions about the Essential theme
 

Gareth and Mary.

Thanks for your help with this. I can confirm that after installing the version directed to by Gareth that this indeed a different version. Like the menu's in this version.

There is now no longer an issue when going to to the Admin notifications  to add new plugs/add ons/mods. It is picking up new add ons and installing them as expected. 

Is there any more information you need from me on this?


Thanks,
Tim

PS been a while since I did much with Moodle our version is in school is getting on. So jumping from a 1.9 version to 2.5. So I am little rusty with my moodle smile

 
Average of ratings: -
Gareth J Barnard
Re: Discussions about the Essential theme
Group DevelopersGroup Particularly helpful Moodlers

No more information Tim, thank you.  The key thing is that it now works for you.

 
Average of ratings: -
It's only an avatar...
Re: Discussions about the Essential theme
Group DevelopersGroup Documentation writersGroup Particularly helpful MoodlersGroup Testers

As Gareth says no need to give us any more information. It is clear that the old version is at fault and either Julian can fix it or remove it from the plugins database as it clearly is not working correctly.

Glad all it well with the new version. smile

Cheers

cheers

Mary

 
Average of ratings: -
Picture of Andrew Stewart
Re: Discussions about the Essential theme
 

One query about the bottom 'bar' - it seems to be anchored to the bottom fine on the front page but on any page that does not have much content it is too high up. Is there any way to 'stick' it to the bottom? 

Also, is there any way to extend it across the full width of the page (as the top bar is) rather than being fixed centrally with the rest of the content

Screenshot (black bar in the middle)




 
Average of ratings: -
Julian Ridden
Re: Discussions about the Essential theme
Group DevelopersGroup Moodle Course Creator Certificate holdersGroup Particularly helpful MoodlersGroup Translators

Rather simple answers to both those questions.

No, the footer is not anchored in any way. It just sits at the bottom after content. The frontpage just happens to have a lot of content.

The footer used to stretch all the way across in the first release but too many complained that it was overly imposing. So it was made the way it is today. To make it go all the way across would involve re-writing the layout files and adding new CSS. So from my perspective t won't be happening. If you want to rewrite those layouts you could but it will break every time that Essential is upgraded, so not recommended.

 

 
Average of ratings: -
Picture of Andrew Stewart
Re: Discussions about the Essential theme
 

Okay great, thanks for the quick response and keep up the good work!

 
Average of ratings: -
Picture of Tomaz Trplan
Re: Discussions about the Essential theme
 

Hi,

just a quick check to see if anyone's having the same issue as i seem to be having with the theme.

In Theme -> Settings -> "Allow blocks to use the dock" is set to on. This in itself doesn't activate the dock functionality in the Essential theme, ie. my blocks don't have the < dock arrow.

Then i go to Essential's (v26) config.php and i set the 

$THEME->enable_dock = false;

to true. After which i can dock, ie. the dock arrow appears in block headings, but when i click on the arrow, blocks disappear, ie. there's no navbar on the left side of the page.

I can use the docking functionality with other theme (e.g. Fusion).

Elementary description, but any clues anyone?

Thx,

Tom

 
Average of ratings: -
Picture of David Scotson
Re: Discussions about the Essential theme
Group DevelopersGroup Documentation writersGroup Particularly helpful Moodlers
Hi Tom,

Julian mentioned in this thread (https://moodle.org/mod/forum/discuss.php?d=241585) that he was still working on this feature but it wasn't ready yet.

 
Average of ratings: -
Picture of Tomaz Trplan
Re: Discussions about the Essential theme
 

Thanks, David! I saw the docking feature in Julian's video on Vimeo, and thought that there must be something wrong with my particular setup when it didn't work on mine ;) 

I'll keep my eye out on future developments!

 
Average of ratings: -
Picture of Dariusz R.
Fonts
 

Hi Julian
I would like to change font to Arial in new release of Essential theme. In previous I managed to do this altering the css style. In this version I don't know what to do. Please help.

 
Average of ratings: -
It's only an avatar...
Re: Fonts
Group DevelopersGroup Documentation writersGroup Particularly helpful MoodlersGroup Testers

This is the easy way to change font.

Just add it to the Custom CSS box inside Essential custom settings page.

Site Administration > Appearance > Themes > choose the link that leads to the Essential settings page(s).

html {font-family: Arial, sans-serif;}

.block {font-family: Arial, sans-serif;}

 
Average of ratings:Useful (1)
Picture of Dariusz R.
Odp: Re: Fonts
 

Thank you so much Mary smile I've entered the code into custom css field but it doesn't work. I would like to change the font to Arial in the whole theme (blocks, body, footer).

 
Average of ratings: -
It's only an avatar...
Re: Odp: Re: Fonts
Group DevelopersGroup Documentation writersGroup Particularly helpful MoodlersGroup Testers

Hi, I forgot to say you need to enable Theme Designer Mode

 
Average of ratings: -
Picture of Dariusz R.
Odp: Re: Odp: Re: Fonts
 

Still it doesn't work. Any ideas why?

 
Average of ratings: -
It's only an avatar...
Re: Odp: Re: Odp: Re: Fonts
Group DevelopersGroup Documentation writersGroup Particularly helpful MoodlersGroup Testers

Yes...there is a fault with the theme itself.

If you have access to essential/config.php change the order that the stylesheets are listed.
 At the moment it look like this...

$THEME->sheets = array('custom', 'slides', 'lightbox', 'font-awesome');

as you can see here...

https://github.com/moodleman/moodle-theme_essential/blob/master/config.php

It should be in this order...with 'custom' stylesheet last as this is where the CSS is added and needs to override any other css styling.

$THEME->sheets = array( 'slides', 'lightbox', 'font-awesome', 'custom' );
 
Average of ratings: -
Julian Ridden
Re: Odp: Re: Odp: Re: Fonts
Group DevelopersGroup Moodle Course Creator Certificate holdersGroup Particularly helpful MoodlersGroup Translators

Thanks for that Mary,

I have updated github to reflect your suggested change.

Julian

 
Average of ratings: -
It's only an avatar...
Re: Odp: Re: Odp: Re: Fonts
Group DevelopersGroup Documentation writersGroup Particularly helpful MoodlersGroup Testers

Hi Julian,

My other suggestion would be is split the settings from fixed CSS, that way all the settings can go into settings.css with the custom css setting at the very bottom of the settings.css style-sheet. That way you could them rename custom.css and call it essential.css. So your new list would look like this...

$THEME->sheets = array('essential', 'slides', 'lightbox', 'font-awesome', settings');

Just a thought. smile

Cheers

Mary

 
Average of ratings: -
Picture of Dariusz R.
Odp: Re: Odp: Re: Odp: Re: Fonts
 

Ok now it worked smile ... partly. In blocks I have Arial but everything else is in is in Georgia font (google fonts are disabled). I would like to have the whole theme in Arial. What should I do?

 
Average of ratings: -
It's only an avatar...
Re: Odp: Re: Odp: Re: Odp: Re: Fonts
Group DevelopersGroup Documentation writersGroup Particularly helpful MoodlersGroup Testers

There is nothing in Essential, that I can find in the style sheets that suggest it is setting Georgia font, unless you have used that font specifically in the Text Editor, as I have in this text while typing this comment.

The other alternative is in your browser settings. Check that you have not got Georgia selected as your default font that overrides web page font styles.

In Firefox it is Tool > Options > Advanced > Fonts and be sure to check the box Allow web pages to choose own fonts.

Cheers

Mary

 
Average of ratings: -
Picture of Ilaria De Rosa
Re: Discussions about the Essential theme
 

Hi!

I've just installed Essential and I have a problem with the header logo not appearing (not even the standard "laptop" site icon). I also tried to enable the "font Awesome from CDN" but it's not working.

Any idea why and how I can solve it?

Thanks.

PS. Great theme and very useful tutorial.

 

 
Average of ratings: -
Picture of Boot Bootloop
Re: Discussions about the Essential theme
 

Sorry For Wrong post sir, can i ask how to make slider image full screan without any text

i edit the slider css and its look like this

Slider

Regrads

Bootloop

 
Average of ratings: -
On holiday in Moldova 2010
Re: Discussions about the Essential theme
 

I am having big problems in installing Essentials theme on my server. I've cleared caches etc.Should the extracted folder name be so long, i.e moodleman-moodle-theme_essential-009ae506?. I have had no problems installing themes before. It does not appear in the list in Appearance\Themes.

 

OS Win7 Ultimate

Browsers Google Chrome Version 30.0.1599.101.m

Opera 17

Moodle 2.5.2 (Build 20130909)

 

 

Thanks

 


 
Average of ratings: -
It's only an avatar...
Re: Discussions about the Essential theme
Group DevelopersGroup Documentation writersGroup Particularly helpful MoodlersGroup Testers

Hi,

The best thing to do is remove the Essential theme you added manually and then Purge all cache.

Next logged in as Admin go to Site Administration > Plugins > Install add-ons and then in the page that opens Click on the big button that says "Install add-ons from the Moodle plugins directory" .

From here you will be able to:

  1. Find the Essential theme in the list of themes presented in the Plugins directory
  2. CLICK the green 'Download' button to install Essential into your Moodle site.
  3. Follow the instructions given to you from then onwards.
  4. Once the theme is installed you will get a 'Success' notification.
  5. You will then be able to select the theme as normal.

Hope this helps?

Mary

 
Average of ratings: -
On holiday in Moldova 2010
Re: Discussions about the Essential theme
 

Thanks for that Mary. It worked fine. I love this theme!!

 
Average of ratings: -
Picture of Sam A.
Essential issue on iPhone
 

This is a great theme and well-designed! Thank you.

I'm testing the theme with iPhone 4S. When I read course content which is all text, the paragraph randomly jumps to the left by about 1 centimeter, and I can't see two letters of each word.  Screen shot is attached. Using Safari browswer, the latest iOS and iPhone is not jailbroken. 

If I re-size or zoom out, the paragraph shifts to the left again very randomly. I'm just wondering if you can shed some light on this and thank you!


 
Average of ratings: -
It's only an avatar...
Re: Essential issue on iPhone
Group DevelopersGroup Documentation writersGroup Particularly helpful MoodlersGroup Testers

Hi,

Can you do us a big favour and check out Clean theme as that theme uses the same CSS as Essential, meaning if the problem exists in both themes then this is a Moodle bug and nothing to do with the Essential theme, and I can get our FRONTEND Team to set about fixing it.

Cheers

Mary

 
Average of ratings: -
Picture of Sam A.
Re: Essential issue on iPhone
 

Hi Mary,

I just set the Clean theme. The same thing happened when using Clean theme on iPhone. I also noticed the paragraph moves to the left when scrolling.

To be more precise, when scrolling down, paragraph moves to the left hiding out two letters and when scrolling up again, the paragraph displays fine.  Not sure if it has to do with "Back to Top" that appears on pages.

Thanks.

 

 
Average of ratings: -
It's only an avatar...
Re: Essential issue on iPhone
Group DevelopersGroup Documentation writersGroup Particularly helpful MoodlersGroup Testers

Thanks this looks like it is a Moodle bug in Bootstrapbase theme which outputs the css for both Clean and Essential.

Can you report this in Moodle Tracker and add images of your findings too?

Many thanks

Mary

 
Average of ratings: -
Picture of Jeremy Schambaugh
Re: Discussions about the Essential theme
 

This is a fantastic theme!

One thing I'd like is to be able to widen the middle column when using the "Standard Course Layout" option.  Any way to do this?

Moodle 2.5.2+

Essential 2.6

 
Average of ratings: -
Picture of Shane Jeffery
Re: Discussions about the Essential theme
 

Same, would love to know how to do this as well as reduce the width of the left and right block a little bit as well.  

A lot of screen real estate seems to be lost as it is now.

The theme seems to limit the width to something like 1280px.  Would be nice to make this 100% and be able to manually set the widths of the left and right block to 200px for example. 

S

 
Average of ratings: -
Julian Ridden
Re: Discussions about the Essential theme
Group DevelopersGroup Moodle Course Creator Certificate holdersGroup Particularly helpful MoodlersGroup Translators

Sadly based on how bootstrap works at present this is not possible in Essential.

Essential uses the "fluid grid system where the age is split across 12 columns each worth 8.33%. This is what gives Bootstrap the ability to scale across various resolutions.

The left and right columns are not a set width but instead they each span 3 columns each with the main content spanning 6 columns.

Could you change this? Of course but not without loosing the responsive design. For more information n the Fluid Grid check out this link: http://getbootstrap.com/2.3.2/scaffolding.html#fluidGridSystem

Julian

 
Average of ratings: -
Picture of reg phenna
Re: Discussions about the Essential theme
 

I just moved from moodle 1.9 to 2.5 and went for essential at the same time. I really like it but would like to make the slideshow narrower?

Would this be in a template of css somewhere?

 

Thanks

 
Average of ratings: -
Picture of David Pohl
How do I put blocks on the left of the homepage
 

Firstly, let me say that your ‘Essential’ theme looks fantastic. It will be the new look to my school website!!

The question I have is – how do you position the blocks on the left hand side of the homepage (as is the case with your site)? So, I basically want the homepage to have blocks on the left and then the main content on the right.

Thanks, Dave

 
Average of ratings: -
Picture of Usman Asar
Re: Discussions about the Essential theme
Group Particularly helpful Moodlers

Julian/Mary or who so ever can assist, can this be done in Essential too? As this screen has been taken from Theme "Aigne" by Franc, can this be done in essential as well, where course summary appears just beneath course title? rather than on to the right side? also, line spacing shows up more, even if <br /> tags used.

also, can you as well include the option of adjusting width in Essential for Moodle 2.5, like you have done in Essential version 2.7 for Moodle 2.6?

 
Average of ratings: -
Picture of sonia sonia
Re: Discussions about the Essential theme
 

Hi, someone have problems with the 'activity reports'?, I can't see the link into navigation menú when I'm not an administration user,...what's wrong?

thanks in advance, it's very important too see this beacuse i'll need with the mentees block.

 
Average of ratings: -
Picture of Angeles Sanchez
Re: Discussions about the Essential theme
 

Hello
I do not speak good English, but I want to thank him for his work to this theme of beautiful design and better performance.
I updated my moodle v platform. I checked 2.6 and Essential teheme is not compatible with the latest version of moodle. Have you thought about upgrading your theme?
I believe several moodle users you'd be very grateful. Hopefully grateful rapid updating.
Greetings Angie

 
Average of ratings: -
Picture of Shane Jeffery
a few more ideas.
 

Loving this Julian.

Just throwing a few more ideas and questions out there.

  1. Is it possible to have the user alerts visible in My Home as well?
  2. Can the performance info be turned off or made only available to Admins?  
  3. I accidentally opened IE.....  (I know, I know...  shy) and got "Sorry, this site requires Internet Explorer 8 or higher to display and function correctly...." the funny thing is I am using IE 10 with compatibility turned off.

  Keep up the great work.

Shane

 

Shane

 

 
Average of ratings: -
Picture of Craig Stewart
Re: a few more ideas.
 

I agree with Shame. Brilliant Theme! Just what we were looking for.

I also am having a problem with IE regarding the styles. Changed colours to match our logo and all looks fine in Google Chrome and Firefox but all messed up in IE 9.

This is how it should look which is taken from Chrome.

Site look right on Google Chrome

This is what it looks like in IE 9

Looks all wrong in IE 9

 

Any suggestions?

 

web address is http://e-learning.basics-scotland.org.uk

Also, is it possible to make the read more links in the banners open in a new window rather than the same window as the site? Would like to be able to point them to press releases on our main site without taking them away from Moodle.

 

 
Average of ratings: -
Picture of Washington Chocho
Re: a few more ideas.
 

Hello, First of all congratulations to the creator of this theme that really is very well done, and upgrades are great.

My question is how I can do that instead of "My Courses" and "My Dashboard" in the top menu display custom text, you can change those options somewhere? For that is all that appears in English on the site and would like to leave it in Spanish.

 

From already thank you very much and sorry for my English, is to use the translator.

 

Hola, Antes que nada felicitar al creador de este tema por que de verdad esta muy bien logrado, además las actualizaciónes son geniales.

Mi consulta es cómo puedo hacer que en lugar de "My Courses" y "My Dashboard" en el menú de arriba aparezca un texto personalizado, se puede cambiar esas opciones en algun lugar? Por que es lo único que aparece en inglés en el sitio y me gustaría dejarlo en español.

 Desde ya muchas gracias y disculpen mi ingles, es que utilice el traductor.

 
Average of ratings: -
Julian Ridden
Re: a few more ideas.
Group DevelopersGroup Moodle Course Creator Certificate holdersGroup Particularly helpful MoodlersGroup Translators

Please grab the latest version of Essential from Github and let me know if that fixes your issue.

https://github.com/moodleman/moodle-theme_essential/tree/ESSENTIAL_261

I should point out that this is for Moodle 2.6

Julian

 
Average of ratings: -
Picture of Patrick Doyle
Re: a few more ideas.
 

Hey,

 

We have the same problem with the incorrectly detected internet explorer version. Did you have any luck fixing this error?

 

Patrick

 
Average of ratings: -
Picture of M SL
Re: Discussions about the Essential theme
 

everytime I go to view assignment submissions i get this error 'TCPDF ERROR: The font definition file has a bad format: /home/server/public_html/moodle/lib/tcpdf/fonts/helvetica.php'

 moodle 2.6

 

 
Average of ratings: -
Picture of jose merino
Re: Discussions about the Essential theme
 

Hi,  First  this is a very good looking theme  moodle looks now good.

 

I wonder if is a way to add a slide picture to have 5 instead of 4 ?

 

 

Thanks in advance

 
Average of ratings: -
Picture of Patrick Healy
Re: Discussions about the Essential theme
 

Hi I hope you can find the time to point me in the right direction. I was hoping to modify the menu bar so that the My Dashboard and My Menu drop downs would display as the first 2 items in the menu before the custom menu items as in the attached image. Can anyone point me in the right direction?


 
Average of ratings: -
Picture of John Skelton
Re: Discussions about the Essential theme
 

Seconding this request, any easy way to do this?

 
Average of ratings: -
It's only an avatar...
Re: Discussions about the Essential theme
Group DevelopersGroup Documentation writersGroup Particularly helpful MoodlersGroup Testers

@Patrick & @John,

You can only change the stack order of the menu items if you have direct access to the server where this theme is located.

If you do then the fix is relatively easy.

Here is what you can try...

  1. OPEN essential/renderers/core_renderer.php and find this line...
    https://github.com/moodleman/moodle-theme_essential/blob/master/renderers/core_renderer.php#L112-L137
  2. Change the 'branchsort' value of 10000 to 1, 2 or 3 depending on where you want those items to appear. If you want them at the start use -1, -2, -3 etc and they will reorder accordingly.

All this does is changes the sort order, but do remember that if you have menu items at position 1 already it is actually better to use the minus value as this then shunts these to the front of the list.  But remember the numbering order is thus: -3 , -2 , -1, 1 , 2,  3 , etc.,

Hope this helps?

Mary

 
Average of ratings: -
Picture of Laurent Fortin
Re: Discussions about the Essential theme
 

First, thank you for your work this theme is really nice.

However, I have a little problem. Adding the button "Back to top" to the pages of course is a problem with some SCORM modules, if these modules show the button during scrolling module, the display back button hides the contents of the module (Show img attachements of this discussion).

Does anyone have an idea to hide this button? Would not it be possible to make the button display as an option in the theme?

(Moodle 2.6+ Essentials 2.6.1)


 
Average of ratings: -
Brian
Re: Discussions about the Essential theme
Group Particularly helpful Moodlers

Great theme, but I haven't found the "back to top" remove option in the theme yet (hopefully soon!).

The back to top script is in each layout page (theme/essential/layout/*.php)

You can comment out the script - just look for and insert html comments before and after this bit of script

 

<script type="text/javascript">
jQuery(document).ready(function() {
var offset = 220;
var duration = 500;
jQuery(window).scroll(function() {
if (jQuery(this).scrollTop() > offset) {
jQuery('.back-to-top').fadeIn(duration);
} else {
jQuery('.back-to-top').fadeOut(duration);
}
});

jQuery('.back-to-top').click(function(event) {
event.preventDefault();
jQuery('html, body').animate({scrollTop: 0}, duration);
return false;
})
});
</script>
 
Average of ratings: -
Picture of Sam A.
Re: Discussions about the Essential theme
 

Hi, 

This is a great theme and a life saver for us because it's probably the only theme that truly works on Mobile. 

I have two quick questions:

1. How can I change the grey background on the header to white? I tried, but couldn't figure out. Pls see screen shot.

2. How can I disable the third sidebar on the right that includes Search Forum, News, Recent Activities, etc?

Thank you again! I give you the Oscar for this theme!

 

 


 
Average of ratings: -
Just wondering . . .
Re: Discussions about the Essential theme
Group Particularly helpful Moodlers

We have just passed 100 posts in this thread.

I don't know what that means,  but just sayin'.

-Derek

 
Average of ratings:Useful (1)
Picture of David Scotson
Re: Discussions about the Essential theme
Group DevelopersGroup Documentation writersGroup Particularly helpful Moodlers
It says 349 replies on the main page (350 including this one), or are we counting two different things?

Either way it's impressive to see the enthusiasm.
 
Average of ratings: -
It's only an avatar...
Re: Discussions about the Essential theme
Group DevelopersGroup Documentation writersGroup Particularly helpful MoodlersGroup Testers

It's great isn't it! Like Aardvark all over again! I think that hit the 500 a few years ago smile

 
Average of ratings: -
Just wondering . . .
Re: Discussions about the Essential theme
Group Particularly helpful Moodlers

You are right.  I just counted in my gmail notificatons.  Somehow Gmail as miscounted.

This thread is probably heading to 500 as wel.

-Derek

 
Average of ratings: -
Picture of M SL
Styling missing when view assignemnt submissions
 

Hi

 

everytime i go to view assignment submissions the styling is missing , please see below.


 
Average of ratings: -
Picture of Juls Allen
Re: Styling missing when view assignemnt submissions
 

I have the a similar error, in the grade of Assigment, tellme if you can fix it. Thanks


 
Average of ratings: -
It's only an avatar...
Re: Styling missing when view assignemnt submissions
Group DevelopersGroup Documentation writersGroup Particularly helpful MoodlersGroup Testers

Hi Can you tell us if this is Moodle 2.5 or 2.6 and also if you are having the same problem when using the Clean theme?

Thanks

Mary

 
Average of ratings: -
Picture of Carolus Theodosius
Just wondering...
 

I was just wondering:

Who has copied from whom?

Boostrap theme Ericka: http://responsivewebinc.com/premium/ericka/ericka-b/

 
Average of ratings: -
It's only an avatar...
Re: Just wondering...
Group DevelopersGroup Documentation writersGroup Particularly helpful MoodlersGroup Testers

I seem to recall that there is a theme out there that had originated from Julian's site. The theme in question was not only copied from Julian, but they updated it, fixed some bugs, and cleaned up the CSS. From what I can gather Julian was so impressed he bought it back for a few dollers...and can still use it as his licence pre-dates the copy.

So this may well be that theme. smile

 
Average of ratings: -
Picture of Blair F.
Re: Discussions about the Essential theme
 

I'm wondering why the ability to collapse columns in the Assignment grader are gone from the Essential Theme.  It took me a while to figure out that this was a theme-related issue.   It would be great if this was added back, if possible.  I found a way to permanently remove columns using custom CSS, but it would be better if the option were available rather than imposing this site-wide with the CSS fix.


 
Average of ratings: -
Julian Ridden
Re: Discussions about the Essential theme
Group DevelopersGroup Moodle Course Creator Certificate holdersGroup Particularly helpful MoodlersGroup Translators

I am not sure why you are seeing this. There is no code or CSS in the theme that removes this function.

I have just tested on three live sites and they are there for me in all three (see attached sample). I don't think your issue here is theme related.

As always, be sure to be on the current release of the theme to ensure you have the most bugs removed. But I dont think that will help you here.

Julian


 
Average of ratings: -
Picture of Blair F.
Re: Discussions about the Essential theme
 

Hmmmm... very interesting.  Now I'm confused, again, but will investigate further.  Perhaps we'll reset all of our customizations in our test environment and see if it makes a difference.

Thanks, for your quick response and testing, Julian.

Blair

 
Average of ratings: -
Picture of Blair F.
Re: Discussions about the Essential theme
 

I got REALLY lucky and discovered that when I uncheck the "Edit Icons V2" option, for font awesome use, the collapse icons come back!  Unfortunately, we want to use the Font Awesome icons, so I'll think about this tomorrow!

Time to go for a drink! smile

 
Average of ratings: -
Picture of Blair F.
Re: Discussions about the Essential theme
 

So, I just thought of something while I was walking home from dinner, and tried it out, WITH SUCCESS! 

I've discovered that the ability to collapse columns still, in fact, exists even though the show/hide icons are not visible (using Font Awesome, as I mentioned in my previous post). if you hover your mouse just under the first letter of a column name, you will see a tool tip "Hide ____" If you click, you will collapse that particular column. SEE ATTACHED IMAGE for details. If you want to expand it, again, just hover over the tiny dot you see, and you'll see a tool tip, "Show ____." 


 
Average of ratings: -
Picture of Steve Towson
Marketing Spots
 

Such a lovely theme.  Is there any way of always positioning the buttons in the marketing spots to the absolute bottom right of the spot?  I have used css to ensure that the marketing spots all have the same minimum height so that they line up properly, but I would like the buttons to line up at the bottom of the spots as well.  Can anyone help please?

 
Average of ratings: -
Picture of Steve Towson
Re: Marketing Spots
 

Perhaps this attachement will explain?


 
Average of ratings: -
Judy
Downloading the Essential theme
 

I was browsing registered sites and saw this theme in use, then came upon the Essential theme.  Brilliant!  I ran into a snag in the download that puzzled me.  I am running 2.5.3 and shifting from the Afterburner theme to Essential.  The bootstrap base files seem to be in the general theme upload for 2.5.3.   Did I miss a step?

Plugin dependency check

 
Average of ratings: -
It's only an avatar...
Re: Downloading the Essential theme
Group DevelopersGroup Documentation writersGroup Particularly helpful MoodlersGroup Testers

There are some specific features in Moodle 2.6 that Essential 2.6 needs, so if you are trying to use Essential 2,6 in Moodle 2.5 it will not let you install it. You would need to d/load the Essential 2.5 version.

 
Average of ratings: -
Judy
Re: Downloading the Essential theme
 

I did choose the version compatible with 2.5.  I can delete and re-install to make sure.  Maybe I need to enable the bootstrap plugin somehow.

 
Average of ratings: -
It's only an avatar...
Re: Downloading the Essential theme
Group DevelopersGroup Documentation writersGroup Particularly helpful MoodlersGroup Testers

Well it does also depend on which version of Moodle 2.5 you are using too.  The two should be compatible.

The fact you are getting a warning suggests it is not and I cannot read the image to see which version of the Essential theme you had installed.

 
Average of ratings: -
Gareth J Barnard
Re: Downloading the Essential theme
Group DevelopersGroup Particularly helpful Moodlers

Looking at the version number of 'bootstrapbase' that is the core supplied M2.5 version.  Have you deleted / renamed '/theme/boostrapbase' for some reason?  If so get from the standard core Moodle 2.5 download.

 
Average of ratings: -
Picture of Cristian Guzman
Re: Discussions about the Essential theme
 

Social Network icons do not appear at the top of the page.

I've already set the Facebook, twitter and youTube account but it doesn't appear, how i can make this icons appears?

 

Regards

 
Average of ratings: -
Picture of Ruth Canton
Re: Discussions about the Essential theme
 

Sorry if this has already been answered. I've trawled for a answer but am struggling.

I COULD clone the essentials theme in a older version - when the layout folder didn't contain an 'includes' subfolder.

But I'm unable to clone (rename) the latest version. I've tried replacing every mention of essential 1st across the whole theme folder. Then I missed out the 'includes' folder, then the whole layout folder.

Nothing works. I'm not a programmer so I've run out of ideas. 

Can this theme still be cloned (renamed) ?

 
Average of ratings: -
Picture of Jonathan Langton
IE 8/9/11 Problem - Site requires Internet Explorer 8 or higher
 

I have a problem I have seen a few users report, but that I have not seen answered fully.

On all versions of IE (8,9,11 on XP and W7) the following message is displayed at the top of the page:

     "Sorry, this site requires Internet Explorer 8 or higher to display and function correctly..."

The slideshow is also disabled.  I don't see any problems in Chrome.

We currently have Moodle 2.5.1 and the latest version of Essential for 2.5 (Essential 2.6 - 2013100800).  Due to the significant number of XP/IE8 machines in the company, we are unlikely to upgrade to Moodle 2.6 soon (no IE8 support).  I would really like to deploy this theme for my company's internal Moodle.

My questions are:

  1. What is causing this error?  Can it be solved?
  2. Will upgrading to Moodle 2.5.3 solve this problem?
  3. Is there an alternative solution?

If it is something in the theme that is at fault, I hope it will get some attention, as I imagine there are quite a few folks that would like to/have to continue supporting IE8.

Cheers

Jonathan

 
Average of ratings: -
Picture of David Scotson
Re: IE 8/9/11 Problem - Site requires Internet Explorer 8 or higher
Group DevelopersGroup Documentation writersGroup Particularly helpful Moodlers
Just a guess but...

Sometimes IE8/9/10 will act like IE7, especially on intranet sites. This is called "compatability view". You might be triggering this mode by mistake somehow, either with server settings, browser settings or content of the Moodle page.

I think if you hit F12 the browser will tell what mode you're in, e.g. a copy of IE8 I have says "Browser Mode: IE8 Document Mode: IE8 Standards".

It's also worth noting that when Moodle says it doesn't support IE8 for 2.6, they don't mean what I personally would mean if I said "no IE8 support". I think they've ended up in a worst of both worlds situation where they're doing the work for supporting IE8 but scaring people off by saying they're not supporting it. They're still adding code within the last few months to support IE6 for example.

edit: I had a look at the code that outputs the error message you see:

https://github.com/moodleman/moodle-theme_essential/blob/master/layout/includes/header.php#L49-L60

It's not doing anything particularly complicated, just checking to see if your user agent contains the string "MSIE 7", so this points the finger pretty directly at compatibility view.
 
Average of ratings:Useful (3)
Picture of Jonathan Langton
Re: IE 8/9/11 Problem - Site requires Internet Explorer 8 or higher
 

Thanks David,

I have seen others commenting on the "compatibility view" possibility, but I have looked into that for IE11 and the behaviour is the same for whatever version of IE you ask it to emulate.

EDIT: Seems like you are on the ball there!  (I was confused by my browser being set to Spanish!)  So it is broken in IE11 only.  Setting the user agent to older versions of IE works fine.

Why is that happening?  Is the server forcing the browser in to compatibility mode?  How do I avoid that?

Interesting what you say about IE8 support.  Not sure how it will go selling it to my IT dept. smile

Cheers

Jonathan 

 
Average of ratings: -
Picture of Jonathan Langton
Re: IE 8/9/11 Problem - Site requires Internet Explorer 8 or higher
 

The problem is that our Moodle is internal, so it is an intranet site.  By default IE sets intranet sites to display in "compatibility mode", i.e. the IE7 renderer.

Go into IE settings and disable compatibilty mode for Intranet sites (it is explained here for IE8, but has been similar for me for IE11. http://www.sitepoint.com/ie8-compatibility-view-intranet/)

IE weirdness strikes again!

Cheers

Jonathan

 
Average of ratings: -
Julian Ridden
Re: IE 8/9/11 Problem - Site requires Internet Explorer 8 or higher
Group DevelopersGroup Moodle Course Creator Certificate holdersGroup Particularly helpful MoodlersGroup Translators

After all this talk of IE, compatibility mode and weirdness I just have to post this.

Julian


 
Average of ratings:Useful (3)
Júnior
Re: Discussions about the Essential theme
 

Hello,

Congratulations for the work, this is undoubtedly the most beautiful and functional theme that I've met to moodle.

I have a small doubt want to put a picture to identify each course, but instead to insert under "Summary" image leaves a large blank side (Annex HOME) to;

 


To insert the image in the "File Course" field (Annex Editing Course), the image occupies the place that I want, but with lower than expected (Annex HOME) size.

Course Edit

How can I fix this so that the images of the course description are at the normal size 300px and below the name of the course?

Grate the attention.

 
Average of ratings: -
Júnior
Re: Discussions about the Essential theme
 

Hello guys,

Any suggestions on how I can fix this?


Grateful.

 
Average of ratings: -
It's only an avatar...
Re: Discussions about the Essential theme
Group DevelopersGroup Documentation writersGroup Particularly helpful MoodlersGroup Testers

Well that depends on what the 'this' is? 

Can you be more specific?

 
Average of ratings: -
Picture of Carmsie Hill
Essential theme - docking issue
 

Hi there, 

hope someone can help me. I am a moodle noob, so this may be easy to address but I can't work it out.

I have the latest version of moodle 2.6 and am setting up a new site using the (great) Essential theme. The problem is block docking is not working. All i see, regardless of the role i log in under, are + (show) and - (hide) options. I don't see the symbol for docking on my blocks at all.

I even uninstalled and deleted the Essential theme and reinstalled a new copy but it's still the same. Is this supposed to be a standard feature or is there something I need to configure? I have my site set up as fixed narrow, could this be part of the problem? 

Looking forward to any help or suggestions. 

Thanks,

 
Average of ratings: -