Themes

Elegance Theme Released

 
 
Julian Ridden
Elegance Theme Released
Group DevelopersGroup Moodle Course Creator Certificate holdersGroup Translators

Elegance LogoAfter lots of hard work I am happy to say that Elegance is finally ready for release.

This is my follow up theme to Essential and I hope you like it. Just like Essential, it aims to bring a modern and clean look to Moodle while also allowing for a large degree of customisation.

You can grab it from the plugins DB here: https://moodle.org/plugins/view.php?plugin=theme_elegance  (now approved)

Or you can grab it directly from GitHub here: http://github.com/moodleman/moodle-theme_elegance

You can see it in action here: http://2014.imoot.org

I hope to have a walkthrough video uploaded very soon.

What is Elegance?

Elegance is a 2 column, clean and highly customisable theme built on the Bootstrap 3 framework. Like Essential before it, it is full of a wide range of settings to allow you to customise the theme to meet your exact needs.

This theme IS NOT using the Bootstrap base theme in Moodle. Instead it is using a newly created Bootstrap3 framework created by Bas Brands. While I hope Bootstrap3 will make it into Moodle core soon, for this theme I just could not wait!

Some of the highlights include:

  • Customisable User Menu. You can set which links appear and even add your own for services like Webmail. Also note that Messages also show in the header.

User Menu

  • You can set the transparency level for some fantastic effects while using background images

Transparency

  • The MyPage has been customised to be more visual (assuming you are using the new Course Files feature in course settings)

MyMoodle

  • The theme now has a loading indicator so you know when the page has finished loading.

Loading Indicator

  • The frontage has a wealth of options including sliders, marketing spots and Quick Links section. Even a place to add your own block in the middle.

iMoot Sample

  • A gorgeous login screen that allows for a single or a dynamic slideshow of background images
    Login
  • New way of displaying course resources and files. I like to call it "course tiles"

Course Tiles

  • Social Networking built right in.

Social Networking

  • I could go on......but I won't. You have to explore yourself. Let's just say there should be enough settings for your every need.

Settings

I hope you enjoy this release and look forward to your comments and feedback below.

 
Average of ratings:Useful (7)
Julian Ridden
Re: Elegance Theme Released
Group DevelopersGroup Moodle Course Creator Certificate holdersGroup Translators

To really show how dynamic this theme is I have included a screenshot below of my test site after I have just made a few theme settings changes.

I always wanted to make a "Wood" theme for Moodle 2.6. Wood was the first theme I ever used back in 1.6 and therefore has fond memories for me. So here is my homage to that quintessential theme of plywood. This is the same code as what is powering the http://2014.imoot.org site. Looks very different doesn't it? smile

Wood

Login Page

 
Average of ratings:Useful (2)
Gareth J Barnard
Re: Elegance Theme Released
Group DevelopersGroup Particularly helpful Moodlers

Looks very slick Julian and demonstrates what can be done with Bootstrap 3.  Why is there two 'Turn editing on' buttons?

 
Average of ratings: -
Julian Ridden
Re: Elegance Theme Released
Group DevelopersGroup Moodle Course Creator Certificate holdersGroup Translators

Simple answer: Silly oversight.

Already fixed in Github and awaiting the approval in plugins DB with updated code as well.

Julian

 
Average of ratings: -
Picture of Jean-Marc Doucet
Re: Elegance Theme Released
Group Moodle Course Creator Certificate holdersGroup Particularly helpful MoodlersGroup Testers

Hi Julian,

once you spoil us with this beautiful theme.

Last year it was 'Essential' and now 'Elegance'  big grin clap-clap Yes

it looks like to name French perfume I love your French touch cool

 
Average of ratings:Useful (1)
Julian Ridden
Re: Elegance Theme Released
Group DevelopersGroup Moodle Course Creator Certificate holdersGroup Translators

Thanks for the feedback. Glad you like it.

Should have a new version out shortly with some minor bug fixes too.

Julian

 
Average of ratings: -
Picture of Hartmut Scherer
Re: Elegance Theme Released
Group Particularly helpful Moodlers

Hi Julian,

The category headings in simple and full view of the grader report are quite large and the colors for the categories, which are visible in Standard theme, got lost in Elegance. 

With kind regards,

Hartmut

 
Average of ratings: -
Picture of Sebastián Pizarro Cortés
Re: Elegance Theme Released
 

Thanks for all Julian Ridden...

 
Average of ratings: -
Picture of Sebastián Pizarro Cortés
Re: Elegance Theme Released
 

Dears I want know how I can includes this different elements that show in the following image. This modules are marks with red lines.

 

Regards

Sebastián.

 

 


 
Average of ratings: -
Picture of Richard Oelmann
Re: Elegance Theme Released
Group DevelopersGroup Particularly helpful MoodlersGroup Testers

The top one is the custom menu bar - you set it (as in all other themes) in the Administration > Site Administration > Appearance > Themes > Theme Settings page

The lower one is just a block area - add the block you want to your page, html, rss, latest news, calendar or whatever other block you want, and then drag it into that space.

 
Average of ratings: -
Picture of Kingsley Imade
Re: Elegance Theme Released
 

Dear Julian


Thank for such a wonderful theme.


Please how do i replicate/modify the following blocks or menu below the slideshow from your demo.

see attached


Thanks for your response


 
Average of ratings: -
Picture of Frances Angulo
Re: Elegance Theme Released
 

Any way to address this overflow of response length in drop downs for quizzes? 



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

Try testing that page using another theme. I have a feeling it is Moodle wide and nothing to do with the theme.

 
Average of ratings: -
Picture of Frances Angulo
Re: Elegance Theme Released
 

Thanks for the suggestion! 


Issue does not persist in the Archaus theme: 


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

In the Elegance theme I see that you have the side blocks on the right. Are there any side blocks on the right actually present? Or is it an empty page?

I am only asking as that side block area is not present in the Archaus theme.

If there are no sideblocks then this is becasue the CSS is missing for when a side block region exists but is empty. If it is full then the size of the main area is approx 77% and side blocks 23% whereas if the sideblock is empty then the layout needs to be 100%.

It looks like this is what is causing this problem.

 
Average of ratings: -
Gareth J Barnard
Re: Elegance Theme Released
Group DevelopersGroup Particularly helpful Moodlers

In light of this good news, I'll release an update to the Collapsed Topics and Columns formats as soon as possible after testing as the current released versions will not work with Elegance.

 
Average of ratings:Useful (4)
Gareth J Barnard
Re: Elegance Theme Released
Group DevelopersGroup Particularly helpful Moodlers

Collapsed Topics and Columns course formats updated to work with the Elegance theme -> https://moodle.org/mod/forum/discuss.php?d=254799.

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

Hi Gareth,

I have been meaning to ask this for ages...

Why is it that you need to update your course formats to fit in with a new theme?

Thanks

Mary

 
Average of ratings: -
Gareth J Barnard
Re: Elegance Theme Released
Group DevelopersGroup Particularly helpful Moodlers

Hi Mary,

RE: Why is it that you need to update your course formats to fit in with a new theme?

Because Elegance has its own version of the section page when you view a course in 'One section per page'.

Elegance overrides the 'print_single_section_page' method in 'course/format/renderer.php' -> https://github.com/moodleman/moodle-theme_elegance/blob/master/renderers/core_renderer.php#L729.  And was the the first theme to do this.  As my formats have settings they needed to be loaded privately in the constructor https://github.com/gjb2048/moodle-format_topcoll/blob/MOODLE_26/renderer.php#L62 instead of the 'print_multiple_section_page' method etc.  As when they where a coding fault was detected as the settings were null.  As they were 'private' I could not make a call in the 'Elegance' theme to rectify the issue.  So came up with a solution in the course format instead.  Hence the update.

Original description on https://moodle.org/mod/forum/discuss.php?d=251492#p1095540.

All very complex for what is in fact a one line solution.

Gareth

 
Average of ratings: -
Picture of David Scotson
Re: Elegance Theme Released
Group DevelopersGroup Documentation writersGroup Particularly helpful Moodlers
Looks beautiful!

Are you planning to keep up to date with Bas's improvements? I'd like to make use of both his Bootstrap 3 stuff and your customisation options, so it would be easier for me if I could just direct the changes to the relevant place rather than duplicate them.

Talking of which, do you have a preferred venue for bug reports? You've got a github but I think you had a place in Jira for Essential?

Here's one while I'm here, the front page appears to be missing a .row to contain the two grid columns. But it's present elsewhere, e.g. inside a course. I thought this was the cause of some oddness when the responsiveness kicks in but I think it's actually more to do with the white background colour being attached to the grid column rather than a div within it. This means the left and right padding are different between the div#main-region and the aside#block-region-side-post, the latter applies the background color to the div.blocks within the grid column so you still get the padding either side on phones.

In the same area on the front page you have two div#page-contents as well.
 
Average of ratings: -
Julian Ridden
Re: Elegance Theme Released
Group DevelopersGroup Moodle Course Creator Certificate holdersGroup Translators

Thanks for picking up on that David. Now rectified in the github.

Julian

 
Average of ratings: -
Picture of Richard Oelmann
Re: Elegance Theme Released
Group DevelopersGroup Particularly helpful MoodlersGroup Testers

Loving the new theme Julian!

Really exciting what you have done with this and Essential, last year.

 
Average of ratings: -
Gareth J Barnard
Re: Elegance Theme Released
Group DevelopersGroup Particularly helpful Moodlers

Hi Julian,

I updated my fork to version 2014022000, went through Notifications on my own theme to update, then switched to theme and got:

Notice: Undefined property: stdClass::$usermenulinks inF:\moodledev\moodle26\moodle\theme\elegance\renderers\core_renderer.php on line 274.

On the theme selector page.

Cheers,

Gareth

 
Average of ratings: -
Julian Ridden
Re: Elegance Theme Released
Group DevelopersGroup Moodle Course Creator Certificate holdersGroup Translators

Thanks for the report Gareth,

Yes, that one slipped past me. I have updated the github with a fix now.

Julian

 
Average of ratings: -
Picture of Danny Wahl
Re: Elegance Theme Released
Group DevelopersGroup Particularly helpful Moodlers

This is a gorgeous theme!

I've found a couple of issues on the theme on the iMoot website:

  1. iPad portrait the menu toggle button doesn't appear so you can't access the menu
  2. resizing the window (or rotation from portrait to landscape) doesn't resize the slideshow properly
 
Average of ratings:Useful (1)
Martin Dougiamas
Re: Elegance Theme Released
Group DevelopersGroup Documentation writersGroup Moodle HQGroup Particularly helpful MoodlersGroup Testers

Not wanting to dampen your enthusiasm for the pretty work here but by not basing it on the Bootstrapbase theme in Moodle (which is the one all core and plugin developers are building for and testing with) you are running the risk of many more visual bugs cropping up around the place.  

This may increase your support load for this theme.

 
Average of ratings: -
Julian Ridden
Re: Elegance Theme Released
Group DevelopersGroup Moodle Course Creator Certificate holdersGroup Translators

I am hoping, now that Bootstrap 2 is unsupported, that moodle will find a way of integrating Bootstrap three by version 2.8.

I am already building and testing for 2.6 and 2.7 as it is shaping up in the meantime.

Julian

 
Average of ratings:Useful (2)
Martin Dougiamas
Re: Elegance Theme Released
Group DevelopersGroup Documentation writersGroup Moodle HQGroup Particularly helpful MoodlersGroup Testers

I'm sure Bootstrap 4 with another complete change of direction will be out by then smile

 
Average of ratings:Useful (1)
Picture of David Scotson
Re: Elegance Theme Released
Group DevelopersGroup Documentation writersGroup Particularly helpful Moodlers
Hopefully it will. Web technology doesn't stand still and there's lots of exciting new technologies coming down the pipeline, and new best practices to adopt as people get more familiar with building websites for phones and tablets. Having nearly the entire web development community contributing and testing these things out together is an amazing "force multiplier".

I'm not sure i'd describe Bootstrap 2.3 -> 3 as a "complete change of direction" though, more an "easily manageable transition to a newer version with several major benefits" so another one of those would be welcome, I think.
 
Average of ratings:Useful (3)
It's only an avatar...
Re: Elegance Theme Released
Group DevelopersGroup Documentation writersGroup Particularly helpful MoodlersGroup Testers

I am beginning to think that perhaps Bootstrap 2 was not the ideal framework to have embarked on, however, I do think that Bootstrap 3 is far better and worth the extra work to shift to it. There is so much more within Moodle that could be simplified if only we could add those extra Bootstrap classes if we had more renderers. 

 
Average of ratings: -
Gareth J Barnard
Re: Elegance Theme Released
Group DevelopersGroup Particularly helpful Moodlers

As with most things in software, nothing is ever finished to the point of total perfection.  There is very little that is perfect unless it is simple.  Such as the state transition diagrams for the TCP, UDP and IP protocols for example.

I don't think the move to Bootstrap 2 was a bad decision.  It has opened a new door to another way of thinking.  It has caused theme design in Moodle to expand and ultimately support multiple devices in a way that the MyMobile theme was not.  It allows the concept of a single responsive theme bringing consistency in the user experience whatever device they access their Moodle upon.

If the Essential theme being based upon Bootstrap 2 was a bad decision then just look at the download statistics.  I'm sure that Elegance will equal and indeed outstrip the already impressive figures.

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

This IS a really lovely theme Julian...I love the login page.

Well done you!

 
Average of ratings: -
Picture of Anu Laitakari
Re: Elegance Theme Released
 

Hi Julian,

Thank you for this theme. I have awaiting the release with baited breath.

Just a quick question regarding the dynamic menu My Courses (that is present in Rocket and Essential). How would I add this to the theme? It is a feature that our lecturers have come to rely on. They wouldn't have the faintest idea how to use the My Page/Dashboard/Home.

Anu

 
Average of ratings: -
Picture of Hartmut Scherer
Re: Elegance Theme Released
Group Particularly helpful Moodlers

Hi Anu,

If you go to the Navigation block and copy the link address of "My Home," open Site administration -> Appearance -> Theme -> Theme settings and add to Custom menu items the line

My Courses|http://yourhomepage/my

The highlighted part should be the same as the link address of "My Home."

Or are you looking for something else?

With kind regards,

Hartmut

 
Average of ratings: -
Picture of Anu Laitakari
Re: Elegance Theme Released
 

Hi Hartmut,

Yes slightly different. What I would like is a part to the drop down menu where the courses that a user has been enrolled on will automatically appear. So e.g. if I log in (and have been enrolled onto courses z and y), part of the custom menu will automatically create a drop down with the courses x and y in it. For another user it will pull the courses they are enrolled on etc.

Julian has this feature in Rocket (with course short names in the drop down) and Essential (with actual course names).

So I am looking for the code which to add to this theme to achieve the same thing.

Anu

 

 

 
Average of ratings: -
Picture of Hartmut Scherer
Re: Elegance Theme Released
Group Particularly helpful Moodlers

Hi Anu,

What I mentioned in my previous post should accomplish what you want. Did you try out my suggestion? Whether you call it "My home" or "My courses" doesn't matter. Every user will only see the courses in which he or she is enrolled in. 

With kind regards,

Hartmut

 
Average of ratings: -
Picture of Anu Laitakari
Re: Elegance Theme Released
 

Hi Hartmut,

Here is a screen shot of our current Moodle (with Rocket) that shows what I am after.

 


 
Average of ratings: -
Picture of Hartmut Scherer
Re: Elegance Theme Released
Group Particularly helpful Moodlers

Hi Anu,

Thanks for the screenshot, which helped me to understand what you want. My suggestion will give your users "My Courses" page with an overview of courses in which they are enrolled in.

If I understand you correctly, you would like to see all "my" courses in the custom menu either when you hover over "My Courses" or when you click on "My courses." I don't know to change the display of the custom menu from "click to expand" to "hover to expand" nor do I know whether all "My courses" will be shown by just hovering over "My courses." Like you I am used to hover over a menu item.

With kind regards,

Hartmut

 
Average of ratings: -
Julian Ridden
Re: Elegance Theme Released
Group DevelopersGroup Moodle Course Creator Certificate holdersGroup Translators

Hi All,

At this time I don't plan on building the dynamic courses list into this theme. That screenshot really highlights why. It can get out of control very fast.

This theme instead focuses on making the MyMoodle page more appealing to use. I know this won't please everyone. Of course you can still use Rocket, Essential or other themes that still have that functionality if you need it.

In short, every theme cant have all functionality. Otherwise they all just become the same. So, in this instance, it was an intentional decision to leave it out.

Julian

 
Average of ratings: -
Picture of Anu Laitakari
Re: Elegance Theme Released
 

Thanks for letting me know. I prefer the My Home option myself, so I'll just have to sell the idea to academics as well.

 

 
Average of ratings: -
Julian Ridden
Re: Elegance Theme Released
Group DevelopersGroup Moodle Course Creator Certificate holdersGroup Translators

Happy to say that Elegance is now approved and available in the official Moodle plugins DB https://moodle.org/plugins/view.php?plugin=theme_elegance

Can't wait for you to see it!

Julian

 
Average of ratings: -
Picture of David Scotson
Re: Elegance Theme Released
Group DevelopersGroup Documentation writersGroup Particularly helpful Moodlers
Unrelated to Elegance, but there's some weird HTML on that plugin DB page. I was initially wondering why the tabs weren't calling the standard tab function, which in a Clean-derived theme should return standard Bootstrap tabs, but also noted the drop down at the top is in a div.li inside a div.ul for some reason.
 
Average of ratings: -
Mark
Re: Elegance Theme Released
 

Hi,

This is probably a newbie issue but I cleared my Theme caches and have installed Elegance via the "Install Plugins" interface ... all seemed to go well. This was done on my localhost site.

When returned to the notifications page I get the following screen. I did not change nor enter any specific items during the setup... I am unsure how to fix. Hope you can assist.

Elegance image

 
Average of ratings: -
Julian Ridden
Re: Elegance Theme Released
Group DevelopersGroup Moodle Course Creator Certificate holdersGroup Translators

My suggestion would be to uninstall and try again. It looks like the stylesheets have not ben loaded properly.

Julian

 
Average of ratings: -
Picture of Hartmut Scherer
Re: Elegance Theme Released
Group Particularly helpful Moodlers

Hi Mark,

Try this theme with Theme designer mode turned on (Site administration -> Appearance -> Themes -> Theme settings). I get the same display like you in Google Chrome and Internet Explorer 10, but when Theme designer mode is on, it looks fine. 

With kind regards,

Hartmut

 
Average of ratings: -
Julian Ridden
Re: Elegance Theme Released
Group DevelopersGroup Moodle Course Creator Certificate holdersGroup Translators

That is really weird. Ill see if I can confirm. If so then Ill see if I can squash whatever bug is causing it.

Julian

 
Average of ratings: -
Picture of arslan ali
Re: Elegance Theme Released
 

Hi julian, there is some bugs i have found.

After installing themes, it wont "cache" the styles and images and it loads the the theme without CSS and images. So we do have to enable the theme mode to make it run properly. kindly look into that part - that why your theme is not creating cache to moodle data. Thanks

 
Average of ratings: -
Julian Ridden
Re: Elegance Theme Released
Group DevelopersGroup Moodle Course Creator Certificate holdersGroup Translators

Thanks for your report.

I just tried installing the theme from scratch into 3 sites (two linux hosted, one windows) and all running 2.6.

I sadly am not able to replicate. They all installed cleanly and loaded just fine.

Has anyone else seen this behaviour? If so, what version of moodle and what type of server?

Julian

 
Average of ratings: -
Gareth J Barnard
Re: Elegance Theme Released
Group DevelopersGroup Particularly helpful Moodlers

Nor me locally on windows.  IE issue?  More information (like versions and browsers) and a screen shot would be helpful please smile

 
Average of ratings: -
Picture of Hartmut Scherer
Re: Elegance Theme Released
Group Particularly helpful Moodlers

Hi Julian,

I have the same issue. If theme designer mode is on, I can see and use Elegance. If it's off, I see the tree similar to Mark Whitington's post on Feb 27, 2014 (see above in this discussion). Here is my screenshot. There is no debug message available.

I use bitnami-moodle-2.6-0-windows-installer in Windows 8 for my local installation, updated Moodle to version 2.6.2 (Build: 20140310). Elegance version is 2.6.1 (Build: 20140311).

As Simon Allison reported a theme designer issue HERE, the issue may not be caused by a particular theme, but by the (local) server. Unfortunately, I cannot test Elegance on our server where our production site is running.

With kind regards,
Hartmut

 
Average of ratings: -
Julian Ridden
Re: Elegance Theme Released
Group DevelopersGroup Moodle Course Creator Certificate holdersGroup Translators

In this particular case I can say quite safely that the theme is not the cause of your issue here. As to the true cause, sadly I do not know. Have you turned on developer debugging to get more info. If so, what was displayed?

Julian

 
Average of ratings: -
Picture of Hartmut Scherer
Re: Elegance Theme Released
Group Particularly helpful Moodlers

Hi Julian,

I did the screenshot in my previous post with developer debugging mode on - no message was displayed. I use Google Chrome version 33.0.1750.154 m.

Using the information of Arslan Ali's post from March 20, 2014 (same discussion), I would like to know what can hinder Moodle to cache styles and images of themes?

With kind regards,

Hartmut

 
Average of ratings: -
Picture of Richard Oelmann
Re: Elegance Theme Released
Group DevelopersGroup Particularly helpful MoodlersGroup Testers

Hartmut - possibly a red herring, but you say in the other thread you have Gareth's collapsed topics course format installed. I know Gareth had to do some work on that for compatibility with Elegance. Do you have that latest version of it installed? Not sure how or why that could have this effect, but trying to narrow down possibilities smile

 
Average of ratings: -
Picture of Hartmut Scherer
Re: Elegance Theme Released
Group Particularly helpful Moodlers

Hi Richard,

Thank you for your response. The installed collapsed topics format is version 2.6.1.3 (build: 2014022000). I guess this is the latest version. I will continue to test and see what's going on.

With kind regards,

Hartmut

 
Average of ratings: -
Gareth J Barnard
Re: Elegance Theme Released
Group DevelopersGroup Particularly helpful Moodlers

Hi Richard and Hartmut,

The change I made to CT and other formats for Elegance was small: https://github.com/gjb2048/moodle-format_topcoll/commit/820b11ca83b2ac7de1c1a904dad158c58b8d65e4.  It was released on the 20th February when Elegance was put on Moodle.org.

The fix is server side and nothing to do with the CSS.  It just makes it work with the overridden renderer for single section course layouts in Elegance: https://github.com/moodleman/moodle-theme_elegance/commit/deafc650378d5f2091b1664d9af64a9a68dfb700 which I worked with Juilan to make work.

I would be gob smacked if had anything to do with the caching CSS issue.

Gareth

 
Average of ratings: -
Picture of Richard Oelmann
Re: Elegance Theme Released
Group DevelopersGroup Particularly helpful MoodlersGroup Testers

That's why I said I couldn't imagine how it would have an effect Gareth - but it was the only other difference I could see in what Hartmut had in his setup. But now from his testing it looks as if its something in the server set up perhaps.

 
Average of ratings: -
Gareth J Barnard
Re: Elegance Theme Released
Group DevelopersGroup Particularly helpful Moodlers

Ta Richard, just clarifying.

This: https://moodle.org/mod/forum/discuss.php?d=256726 is providing more information.

 
Average of ratings: -
Picture of Hartmut Scherer
Re: Elegance Theme Released
Group Particularly helpful Moodlers

UPDATE of my messages regarding theme designer mode on

Hi all,

Thanks for your patience and testing. Today I installed Moodle 2.6.2 in a subdirectory of our production site, added the theme Elegance and had no issues. I didn't need to turn theme designer mode on. I still cannot provide any explanation why I have to turn theme designer mode on in a local Bitnami-Moodle installation, but it doesn't bother me any longer.

With kind regards,

Hartmut

 
Average of ratings:Useful (1)
Picture of Richard Oelmann
Re: Elegance Theme Released
Group DevelopersGroup Particularly helpful MoodlersGroup Testers

I've got Elegance on a few systems for testing and development (all Linux, but various from localhost solutions on Mint desktops to full CentOS server deployments). I have tried disabling Theme Developer Mode and have no issues with the css coming through on any of these instances.

Richard

 
Average of ratings:Useful (1)
Picture of Yeisson Darío Mena Triana
Re: Elegance Theme Released
 

So... any chance you know how to fix this problem?

I haven't found out how to fix this... I hope you can help me.

Thanks

 
Average of ratings: -
Picture of Anu Laitakari
Re: Elegance Theme Released
 

The quiz grading is behaving slightly oddly at the moment. The side blocks seem to be on top of the content and there is no horizontal scroll bar. (Quiz administration - results - Grades)

 


 
Average of ratings: -
Picture of Hartmut Scherer
Re: Elegance Theme Released
Group Particularly helpful Moodlers

Hi Anu,

Add the following CSS in Custom CSS of Elegance

.pagelayout-report .no-overflow {
overflow: auto;
}

Then you should see the horizontal scrollbar.

With kind regards,

Hartmut

 
Average of ratings:Useful (1)
Julian Ridden
Re: Elegance Theme Released
Group DevelopersGroup Moodle Course Creator Certificate holdersGroup Translators

Thanks for sharing that Hartmut.

I'll test in my own install and if it passes add it to the release due out next week.

Julian

 
Average of ratings: -
Picture of Reinaldo Alcalá
Re: Elegance Theme Released
 

Hi Julian and all! 

This is my first time in a moodle forum, so i don´t know if i´m asking in the right way, before starting i just want to say this theme is amazing!

i´m working with this theme in two languages, english and spanish, with some moddle sections and specified fields i can use

<span lang="XX" class="multilang">your_content_here</span>
<span lang="YY" class="multilang">your_content_in_other_language_here</span>

this is working with most of the moddle sections, courses, categories, etc.., and to translate the custom menu i´m using the Item|Language only item|en  and this work good too.

My problem is when trying to translate for example the fields for the quick links titles in the home page, front page content section and some others template´s section

Could you help me to locate where may i add this kind of support to your template? wich .php file should i see? or some indication that could help me find the path to work on this? i would appreciate it a lot

Thanks!!

Reinaldo Alcalá







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

Unfortunately the text area does not process multi language text unless it has been built into the theme. As far as I am aware, I am sorry to say that this is NOT a feature of the Elegance theme.

 
Average of ratings: -
Picture of Danny Wahl
Re: Elegance Theme Released
Group DevelopersGroup Particularly helpful Moodlers

is that a feature I can add to the theme or is that a limitation of the text filter?

 
Average of ratings: -
Picture of Anu Laitakari
Re: Elegance Theme Released
 

Thanks Hartmut,

That's done the trick.

Anu

 
Average of ratings: -
Picture of Anu Laitakari
Re: Elegance Theme Released
 

HI again Hartmut,

I was a bit premature in my jubilation. The same issue appears in Grade administration - categories and items - full view.

I still have the custom CSS added in Elegance.

Anu

 
Average of ratings: -
Picture of Hartmut Scherer
Re: Elegance Theme Released
Group Particularly helpful Moodlers

Hi Anu,

When I inspect the element and add overflow: auto (see highlighted line), the problem is solved. But I don't know how to put this in proper CSS code.

grader report full view

With kind regards,

Hartmut

 
Average of ratings: -
Picture of Paul Hibbitts
Re: Elegance Theme Released
 

Thanks so much for this great theme Julian!

For some unknown reason, once I install the theme the Theme Selector page is blank. When I uninstall Elegance the Theme Selector page appears once again as expected. I've searched the forums and have been unable to find a solution which addresses my specific situation.

Any ideas or suggestions? I am running Moodle 2.6.1.

Thanks very much,
Paul

 
Average of ratings: -
Julian Ridden
Re: Elegance Theme Released
Group DevelopersGroup Moodle Course Creator Certificate holdersGroup Translators

Are you sure all the files wee copied across?

Also, if you get a blank screen turn on debugging in moodle and try again It will at least then tell you exactly what is going wrong and where.

Julian

 
Average of ratings: -
Picture of Paul Hibbitts
Re: Elegance Theme Released
 

Thanks for the prompt reply Julian. I installed via the upgrade process, so it looks like everything went ok with that.

I turned on debugging, and got this message on the Theme Selector page:

Fatal error: Cannot redeclare class theme_bootstrap_core_renderer_maintenance in /Applications/XAMPP/xamppfiles/htdocs/moodle26/theme/elegance/renderers/maintenance_renderer.php on line 51

UPDATE: This made me wonder about possible conflicts with other Bootstrap themes. Aardvark seems ok, but once I removed Bas Brands' beta Boostrap 3 theme I was once again able to access the theme selector page. I will also pass this info along to Bas.

Thanks
Paul

 
Average of ratings: -
Picture of Paul Hibbitts
Re: Elegance Theme Released
 

Now that I've been able to get Elegance up and running, I've noticed that if I change the Theme Color, the new color does not seem to appear in section headers if the Social Format is used for a course format.

I've attached a screenshot to illustrate this, please note the blue section bar on the left hand side and the green (chosen Theme Color) on the left hand side widgets.

I've also noticed that in FireFox (Mac and Windows) icons next to Widget titles appear not to be rendering as expected (please see attached screenshot). Icons next to Widget titles look fine with Chrome and Safari.

Thanks again for this great theme,
Paul


 
Average of ratings: -
Picture of KirK Chapman
Re: Elegance Theme Released
Group Moodle Course Creator Certificate holders

First of all... Super Big ups for the theme Yes!!! I'm awestruck! Loaded it with absolutely no problems. After loading I'll piggyback on Paul's issue. IE 10 and 11 look great.  FF 27.0.1 and Chrome 33.0.1 have the title icon issue and my iPad 7.0.3 has the overlapping log in screen issue.

Moodle 2.6.1+ (as a note I'm running PHP 5.4, my host does not yet offer 5.5)

Elegance Release 2.6.0 (Build: 20140220)

 
 
Another big upsYes to you and all the Theme Team on this forum!
Thanks,
Peace
 
Average of ratings: -
Picture of Paul Hibbitts
Re: Elegance Theme Released
 

Hi Kirk,

I've discovered that by setting the "FontAwesome from CDN" option ON (located on the General Settings area for the Elegance theme settings) I've got the icons now appearing for my site - perhaps that might also work for you too?

Cheers,
Paul

 
Average of ratings:Useful (1)
Picture of KirK Chapman
Re: Elegance Theme Released
Group Moodle Course Creator Certificate holders

That's the magic,Paul, It's the setting I should have set!Yes

Just the iPad overlapping issue remains.

I'm having a good time just experimenting with this jewel.

Many thanks,

Peace

 
Average of ratings: -
Picture of Paul Hibbitts
Re: Elegance Theme Released
 

Thanks for all the recent fixes Julian, the Social Format colors display as expected now.

Thanks again,
Paul

 
Average of ratings: -
Picture of Jez H
Re: Elegance Theme Released
Group Particularly helpful Moodlers

I think one of the most interesting features of this theme is the tiled layout which kind of builds on the idea behind the grid layout.

I have not delved into how you did this, but would it be possible to do this in a course format plugin?

I was thinking recently it would be nice if you could attach images to activities and resources and display them more like grid handles sections Or how Moodle now adds images to courses in category listings. Ideally you would want to be able to set display options in the resource or activity settings for more control.

All pie in the sky, never the less your tile layout is an interesting step in that direction, no more scroll of death smile

 
Average of ratings: -
Gareth J Barnard
Re: Elegance Theme Released
Group DevelopersGroup Particularly helpful Moodlers

Hi Jez,

There are lots of course formats (https://moodle.org/plugins/browse.php?list=category&id=19) that already operate a tiled form of structure, such as the 'Masonry topics format'.  Also, Collapsed Topics and Columns offer multiple columns to facilitate more sections per row.

Also, the theme already uses course format code in an overridden nature - https://github.com/moodleman/moodle-theme_elegance/blob/master/renderers/core_renderer.php#L552 - so could be made into a course format with the right extracted CSS.

Gareth

 
Average of ratings: -
Picture of Jez H
Re: Elegance Theme Released
Group Particularly helpful Moodlers

Hi Gareth,

Thanks for your reply, I have already tried all of the course formats available and have used grid, collapsed and columns on our live system for around eight months smile

I think what Julian has done is distinct in that it applies to the activity not the course section?

Jez

 
Average of ratings: -
Gareth J Barnard
Re: Elegance Theme Released
Group DevelopersGroup Particularly helpful Moodlers

Hi Jez,

I had a look at what Julian has done in terms of styles and the option of styles for that functionality.  It would not be rocket science to add it to a course format.

Cheers,

Gareth

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

Hi Julian,

I've just noticed that you are still excluding the Block -> HTML-> CSS. This has been removed from Bootstrap and also the stylesheet from the HTML block. So you can remove that from Elegance now.

Also have you seen the new advances in MODs and PLUGINS stylesheet cababilities? Checkout MDL-41767 to learn more.

Cheers

Mary

 
Average of ratings:Useful (2)
Picture of David Scotson
Re: Elegance Theme Released
Group DevelopersGroup Documentation writersGroup Particularly helpful Moodlers
Mary, I think I agree with your point that most plugins shouldn't be themeing themselves, they should fit in with Moodle by using standard conventions.

Though like with the core styles, the first step should probably be to delete all the broken, duplicate, contradictory, unnecessary, outdated, non-mobile friendly and/or simply ugly CSS so that we can get a clear idea about what's left to be done.

This might be a useful tool for this process as you can, instead of deleting these lines, simply move them to a style_base.css so that "legacy" themes remain unchanged but modern themes can only inherit the actually useful styles.

Oh, and there's also work being done or server-based LESS compilation, which seems to be working in the same space as this, and might (at least in very hopefuly theory) simplify the styles that plugins need to write.
 
Average of ratings: -
Julian Ridden
Re: Elegance Theme Released
Group DevelopersGroup Moodle Course Creator Certificate holdersGroup Translators

Thanks for those updates Mary. Ill follow up with some testing and make the appropriate changes ASAP.

Julian

 
Average of ratings: -
Julian Ridden
Re: Elegance Theme Released
Group DevelopersGroup Moodle Course Creator Certificate holdersGroup Translators

I have just put up a Vimeo highlighting some of the core features of the Elegance theme. Enjoy.

I will be making another one soon showing how you can customise this theme.

 Play Video

Elegance Theme Overview from Julian Ridden on Vimeo.

Julian

 
Average of ratings: -
Picture of Anu Laitakari
Re: Elegance Theme Released
 

Hi Julian,

A very elegant presentation. I especially like the music. Is it open source? If so, could you send a link a I would like to use it in a college project.

Thanks!

 
Average of ratings: -
Julian Ridden
Re: Elegance Theme Released
Group DevelopersGroup Moodle Course Creator Certificate holdersGroup Translators

No, music is not open source. I had to buy access to it. I got it from http://audiojungle.net/

Sadly I got it a while ago and cant remember the name sad But AudioJungle has lots of cool tracks like this so I am sure you will find one you like.

Julian

 
Average of ratings: -
Picture of Usman Asar
Re: Elegance Theme Released
Group Particularly helpful Moodlers

Ahm Ahm, Speechless wide eyes Yes Yes

Do you really want all the LMS/VLE users to switch to Moodle at some point? evil

 
Average of ratings: -
Picture of Paul Wood
Re: Elegance Theme Released
 

Love the look of this theme, unfortuantely I couldn't get it to work on our site as it threw a PHP coding error (this must be fixed by a dev) message.

Any ideas?

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

We need to see the Error message so can you try and copy it and paste it in a comment here?

 
Average of ratings: -
Picture of Anu Laitakari
Re: Elegance Theme Released
 

Two new questions I am looking to find help for:

1. Front page blocks with scroll bars. I have added a block to the front page left hand side. It appears with scroll bars. How can I remove them? (see image attached, problem highlighted in yellow)

 

2. "My Home" - page. Can the My Courses section be disabled or hidden somehow? The reasons for asking are twofold. Firstly, the delay for the image to fly out and be replaced with the course name and enter box can be irritating if a user needs to access courses quickly. I can see this becoming an issue for our users who are not known for their patience. (Although I like the visual element this section provides.) Secondly and more seriously, with long course names the enter box disappears (is pushed below) and the course becomes inaccessible from that point.

Thanks for your help!

 

Anu


 
Average of ratings: -
Julian Ridden
Re: Elegance Theme Released
Group DevelopersGroup Moodle Course Creator Certificate holdersGroup Translators

Hi Anu,

I will look into the blocks for you. I have not seen this behaviour on my own sites so not sure what is causing it for you yet.

No, you cannot disable the myCourses. It is part of the design. You can go through and edit the code to remove it if you like. Please note that every time you update the theme you would have to repeat this process and I cannot help you with other unintended side effects should you choose to do so.

The thing about themes is that each bring their own ideas to the table. I can't make a theme everyone will like. I instead make one that I will like and hope others feel the same. Does not mean it is the right theme for everyone.

Julian

 
Average of ratings: -
Picture of Michel DENIS
Some blocking bug
 

Hello,

I'm using the latest version (2014022002) of Elegance from the plugin repository, on a Moodle 2.6, and the course setup with Elegance cannot display any more (no access to it). Instead comes the message:

Coding error detected, it must be fixed by a programmer: PHP catchable fatal error

The other courses (running other themes like Clean and Essential) are working well.

 

The full debugging trace is as follows:

get_context_instance() is deprecated, please use context_xxxx::instance() instead.

    line 4020 of /lib/deprecatedlib.php: call to debugging()
    line 30 of /blocks/quickmail/block_quickmail.php: call to get_context_instance()
    line 775 of /blocks/moodleblock.class.php: call to block_quickmail->get_content()
    line 238 of /blocks/moodleblock.class.php: call to block_list->formatted_contents()
    line 956 of /lib/blocklib.php: call to block_base->get_content_for_output()
    line 1008 of /lib/blocklib.php: call to block_manager->create_block_contents()
    line 353 of /lib/blocklib.php: call to block_manager->ensure_content_created()
    line 27 of /theme/elegance/layout/default.php: call to block_manager->region_has_content()
    line 866 of /lib/outputrenderers.php: call to include()
    line 796 of /lib/outputrenderers.php: call to core_renderer->render_page_layout()
    line 244 of /course/view.php: call to core_renderer->header()

Coding error detected, it must be fixed by a programmer: PHP catchable fatal error


Debug info: Argument 1 passed to user_picture::__construct() must be an instance of stdClass, boolean given, called in [dirroot]/theme/elegance/renderers/core_renderer.php on line 187 and defined
Error code: codingerror
Stack trace:

    line 393 of /lib/setuplib.php: coding_exception thrown
    line 183 of /lib/outputcomponents.php: call to default_error_handler()
    line 187 of /theme/elegance/renderers/core_renderer.php: call to user_picture->__construct()
    line 150 of /theme/elegance/renderers/core_renderer.php: call to theme_elegance_core_renderer->render_user_menu()
    line 75 of /theme/elegance/layout/default.php: call to theme_elegance_core_renderer->user_menu()
    line 866 of /lib/outputrenderers.php: call to include()
    line 796 of /lib/outputrenderers.php: call to core_renderer->render_page_layout()
    line 244 of /course/view.php: call to core_renderer->header()

 
Average of ratings: -
Gareth J Barnard
Re: Some blocking bug
Group DevelopersGroup Particularly helpful Moodlers

Hi Michel,

The first issue is a Quickmail fault and not related to the theme, report it to the author.  The second is an issue with the theme.

Cheers,

Gareth

 
Average of ratings: -
Picture of Michel DENIS
Re: Some blocking bug
 

thanks Gareth, I will do

also looking forward to a solution to the Elegance theme problem

-michel

 
Average of ratings: -
Julian Ridden
Re: Some blocking bug
Group DevelopersGroup Moodle Course Creator Certificate holdersGroup Translators

And I cannot replicate the theme issue. Can I confirm what version on Moodle you have this installed on. The iMoot site is running the code from github and is not throwing any errors.

Julian

 
Average of ratings: -
Picture of Michel DENIS
Re: Some blocking bug
 

This is: Moodle 2.6 (Build: 20131118)

It is installed through Softaculous in a shared hosting environnement run by an internet services provider (on a CentOS i guess), and running for 2 months now without problem.

Lots of plugins installed (like this Quickmail which throws messages in debugging mode), especially because I am running connectist types of small MOOCs on the system. Maybe a conflict or interference between Elegance and some of these plugins ?

On the same Moodle installation about 10 courses using various themes, including Standard, Clean, Simple, Essential (all running well) and now testing to add Elegance for a new course, take this time from the plugins repositor of Moodle.org.

Some weeks ago I installed a previous build of Elegance, from Github. I had similar problems that I reported in the forum (it was another thread announcing Elegance). Someone there wrote that the problem was corrected.

The behaviour is strange, this time and last time (previous build) too: I install Elegance, no errors and everything seems ok after playing about an hour, during which I makevarious parameterizations of the theme (colours, ...) leading to great hopes with this great theme. The day after when I want to view again my course, there's no more access to it, and no more access duing the next days too. That's the scenario that happened now 2 times, now with this latest build and earlier with the previous one.

-michel

 
Average of ratings: -
Gareth J Barnard
Re: Some blocking bug
Group DevelopersGroup Particularly helpful Moodlers

Hi Michel,

Given the stack trace, the Quickmail issue can happen with any theme and is a fault in their code.

Cheers,

Gareth

 
Average of ratings: -
It's only an avatar...
Re: Some blocking bug
Group DevelopersGroup Documentation writersGroup Particularly helpful MoodlersGroup Testers

Hi,

The Quickmail plugin is using depreciated code, so all YOU need to do is read the stack track and find the line 775 in the file mentioned inside Quickmail and change the get_context::instance() to context_xxxx::instance() . 

 
Average of ratings: -
Picture of David Scotson
Re: Some blocking bug
Group DevelopersGroup Documentation writersGroup Particularly helpful Moodlers
I see this same error with Bas's Bootstrap 3 theme, though I seem to be the only one. I didn't get to the bottom of it but there's some details of what I found here:

https://github.com/bmbrands/theme_bootstrap/issues/103
 
Average of ratings: -
Picture of Michel DENIS
Re: Some blocking bug
 

David, and all,

I am testing the #103 change on Elegance, initially it works but let's see tomorrow or so when the environment will haved chaged, as usual.

For those who would like to test too, the annex contains a pic of the added lines.

Crossing my fingers ...

Thanks,

-michel


 
Average of ratings: -
Picture of Michel DENIS
Re: Some blocking bug
 

David, and all,

I am testing the #103 change on Elegance, initially it works but let's see tomorrow or so when the environment will haved chaged, as usual.

For those who would like to test too, the annex contains a pic of the added lines.

Crossing my fingers ...

Thanks,

-michel


 
Average of ratings: -
Picture of Aaron Batty
Re: Elegance Theme Released
 

Anu:

I totally understand why Julian wouldn't want to take this out of the theme; it's a big part of the vision of the thing, and I think it'd work great with some content. But my users are like yours and I've already gotten some mails about it. Also, like your course names, mine are too long to show up right.

All you have to do to remove My Courses is comment out that section of my.php. The Course Overview block moves up, and no one is the wiser. I definitely miss having the "All Courses" button right there, but maybe I'll fiddle with that.

The code you're looking for is this:

            <div class="block block_dashboardcourses" role="complementary">
                <div class="header">
                    <div class="title">
                        <?php
                        echo '<div id="allcourses" class="btn"><a href="'.$CFG->wwwroot.'/course/">All Courses</a></div>';
                           ?>
                           <h2 >My Courses</h2>
                    </div>
                </div>
                <div class="content">
                    <div class="mycourseboxes">
                        <?php
                            echo $OUTPUT->mycourses($CFG,$sidebar);
                        ?>
                    </div>
                </div>
            </div>

--Just comment that out in the HTML and your users won't bug you.

There was no way I was going to give up on the Elegance theme, though. I've put a bunch of time into tweaking my site to look good in it. The login screen (the first thing people see in my case) is worth any other minor hassles I've had, which are few, because Julian is unbelievably present here!

 
Average of ratings:Useful (1)
Picture of Anu Laitakari
Re: Elegance Theme Released
 

Thanks Aaron, I'll check it out.

Anu

 
Average of ratings: -
Picture of Ben McLaughlin
Re: Elegance Theme Released
 

Hi all, hope you can help me please.


Did anyone ever get to the bottom of the scroll bar being present in any block added to the left of the marketing spots (hopefully Ive attached an image, but this chap had the same issue). Ideally I woul like to get rid of the scroll bar. Any help appreciated, thanks Ben



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

Yes...you need to add overflow: hidden; to the css for the block region.

I'll need to hunt for it but will be back to post the correct CSS rule to for it shortly...

Cheers

Mary

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

OK...here's the fix...

#block-region-side-middle .content { overflow: hidden; height: auto;}

You can add the above CSS to Elegance's General Settings page in the designated Custom CSS box. You can add a value for height if you prefer. 

For Example:

#block-region-side-middle .content { overflow: hidden; height: 250px;}

Should fix it if not let me know.

Cheers

Mary

 
Average of ratings: -
Picture of Ben McLaughlin
Re: Elegance Theme Released
 
Thanks Mary, I'll try this when I get in. Many thanks for your help, much appreciated. Ben 
Sent from my HTC

(Edited by Mary Evans - Removed duplicated forum comment in email reply - original submission Monday, 29 December 2014, 4:48 PM)

 
Average of ratings: -
Picture of Ben McLaughlin
Re: Elegance Theme Released
 

Hi Mary, thank for your help with this.

Unfortunately I tried both, with and without height and still have the scroll bar.  I copied to the css custom box on the elegance general settings page, so think I have done this correctly. Is there a setting I need to enable somewhere for the custom css box to work...or?


The other thing Im struggling with is the slideshow is tiling/doubling up when viewed on my android phone (havent tried it on others yet) - is this a common issue?

Many thanks for your time, Ben

 
Average of ratings: -
Picture of Usman Asar
Re: Elegance Theme Released
Group Particularly helpful Moodlers

Ben,

open Elegance folder, go to STYLE folder, and open file elegance.css

go to line 1506 (should be around that number)

find the code below

#block-region-side-middle .block .content {
    height: 220px;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 5px 0px;

Change the value in overflow-y: to auto; (as shown)

save the file, and you may have to purge theme cache.


alternatively, you can add to the theme CSS these values

#block-region-side-middle .block .content {overflow-y: auto;}


 
Average of ratings: -
Picture of Ben McLaughlin
Re: Elegance Theme Released
 
Thanks Usman and Mary that worked.

Any ideas how to stop the slideshow tiling/doubling when viewed on a mobile?

Sorry if Im asking basic Qs, I manage a joomla site for my guitar tuition but trying to get a music school site ready so on a bit of a learning curve with Moodle.

Many thanks for the help, Ben
 
Average of ratings: -
Picture of Usman Asar
Re: Elegance Theme Released
Group Particularly helpful Moodlers

Ben, I couldn't get my head around imagining the issue you are having on Android,  I know it would be hard for you to attach a screen shot out of android capture as well. Besides, even if you can, getting around slide show in Elegance may not be something that can be easy fix (Mary may be able to assist more due to her skills)

Just to ask, have you alternatively tried Essential theme? the reason for mentioning Essential was its status being up-to-date as when compared to Elegance, while elegance may not have been tested on multiple platforms, I am sure Essential is and there is option of turning off slide shows on mobile devices too, whilst not in Elegance. I know Elegance is as awesome as Essential is (I am using Elegance on all my projects) as both were initially created by same person, but if I see Essential now, its way better than when it came out initially.

 
Average of ratings: -
Picture of Ben McLaughlin
Re: Elegance Theme Released
 

Thanks Usman,


a few weeks back when I first started to try and get my head around moodle and its structure/behaviour the first thing that I did was install essential to improve the overall look (actually, i'm still stuck in aesthetics mode so I'm praying that I can get the catagory/course/student/teacher role and permissions requirements right for my project as everytime I go there my head hurts a bit - thats a whole other story, where would I post my cry for help on that one?)

Elegance (imo) is a massive leap forward in terms of being able to get a more normal website feel to the landing page. I know this shouldnt be a priority but I am trying to see the site through the eyes of a user.


I'll try and get a screenshot of the android view of the slideshow later (somehow) and see if anyone has any ideas.


Cheers, Ben

 
Average of ratings: -
Picture of Usman Asar
Re: Elegance Theme Released
Group Particularly helpful Moodlers

Ben, you're at the right forum/post for Elegance's issues, normally you've got plenty replies regarding your issues right away, but considering Christmas just passed and new year a day away, so most of the forum mods are away to return within few days to assist you further. You should have seen some examples build upon Essential as well to get a good taste of how well a moodle can be built upon that, it was actually essential that changed the whole idea of Moodle not looking like moodle, in fact if I have to tell, many of the premium themes are build upon Essential (Essential Gourmet is one of them for $89 I believe).

It just gave me an idea of Moodle Showcase link, where one can actually view and get ideas of how well a moodle site can be built smile

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

Hi Ben,

If you are looking for help setting up your course, as well as getting to grips with MOODLE, you would be better talking to Mary Cooch., who can point you in the right direction. 

One pount to remember that ALL the changes you make to Moodle that are not theme related, like setting up a course, creating groups, adding course content ect., is held in Moodle so does not matter which theme you use for Admin work, so to stop you getting distracted, you may find it easier and less painful if you switched to Clean Theme to do all the Admin work. Once that is done then you can make it look pretty in Essential.

Remember too that for all the areas that you struggle to get your head around, such as the Admin settings, roles and permissions et al, you will find Moodle Docs on the subjects. Just be sure to select the correct Moodle version as these can differ slightly From one version to another.

Keep asking questions here as we can all help you, and if necessary move your question to amother forum. 

Cheers

Mary

 
Average of ratings: -
Picture of Paul Wood
Re: Elegance Theme Released
 

I've attached a screenshot of the coding error I get when I use Theme Selector to choose the theme.  Any ideas what is causing this? 

Cheers,
Paul


 
Average of ratings: -
Picture of Michel DENIS
Re: Elegance Theme Released
 

Paul,

The expert team here will need more info like I did : put the Debugger On with the highest level/amount of messages and tell the team what you get. Maybe you'll get a similar trace to what I got (see above, the same message as you got and the trace below it, not the trace above which is related to another module).

Good luck !

-michel

 
Average of ratings: -
Picture of Paul Wood
Re: Elegance Theme Released
 
Sorry, here's the debug log...
 
Debug info: Argument 1 passed to user_picture::__construct() must be an instance of stdClass, boolean given, called in /u0/webroot/virtual/MYSITEURL/ftp/theme/elegance/renderers/core_renderer.php on line 187 and defined
Error code: codingerror
Stack trace:
  • line 393 of /lib/setuplib.php: coding_exception thrown
  • line 183 of /lib/outputcomponents.php: call to default_error_handler()
  • line 187 of /u0/webroot/virtual/MYSITEURL/ftp/theme/elegance/renderers/core_renderer.php: call to user_picture->__construct()
  • line 150 of /u0/webroot/virtual/MYSITEURL/ftp/theme/elegance/renderers/core_renderer.php: call to theme_elegance_core_renderer->render_user_menu()
  • line 75 of /u0/webroot/virtual/MYSITEURL/ftp/theme/elegance/layout/default.php: call to theme_elegance_core_renderer->user_menu()
  • line 866 of /lib/outputrenderers.php: call to include()
  • line 796 of /lib/outputrenderers.php: call to core_renderer->render_page_layout()
  • line 68 of /theme/index.php: call to core_renderer->header()

 

 
Average of ratings: -
Picture of Paul Wood
Re: Elegance Theme Released
 

I have a major problem now as when instead of immediately switching back to the Clean theme by pressing the browser back button and choosing another theme, I closed down the tab and now I'm locked out of the site!  I get a completely blank page when I go to my site and cannot get into the site at all. I assume this is because it's trying to use the Elegance theme but as that doesn't work on my site it refuses to load up at all!  Please help me get the site back up!

 
Average of ratings: -
Picture of David Scotson
Re: Elegance Theme Released
Group DevelopersGroup Documentation writersGroup Particularly helpful Moodlers
According to the stack trace you posted, you're hitting the same bug that I mentioned earlier.

If you have access to the server you could try making this change to the file mentioned in your error message:

https://github.com/bmbrands/theme_bootstrap/pull/125/files

edit: I see a picture of this change is posted above, too.

But, as far as my experience goes, this bug does not result in a white/blank page. It all works fine before you log in, and then (if you happen to have a message waiting for you that doesn't have a sender) you'll get the coding error warning.
 
Average of ratings: -
Picture of Paul Wood
Re: Elegance Theme Released
 

Thanks David, I've made the change to the core_renderers.php file on the server but the site is still not appearing. 

Any ideas?

 
Average of ratings: -
Picture of David Scotson
Re: Elegance Theme Released
Group DevelopersGroup Documentation writersGroup Particularly helpful Moodlers
If you have access to the server you should be able to switch the theme from the command line, though to be honest I don't know how.

You can hardcode some setting in the config.php but a quick google doesn't turn up the format that you'd need to use to change the theme (if you can).

I just tried this in config.php and it worked (though only after I logged out, but that might be because I use session themes while developing, if you can't log out, try accessing your site from a browser you've not used for a while)

$CFG->theme = 'arialist';

 
Average of ratings: -
Picture of Paul Wood
Re: Elegance Theme Released
 

Hi David,

The problem was unrelated to the Elegance theme.  When I got the 'coding error' prompt I pressed the back button (originally thought I didn't do this but I did!) and chose the Decaf theme.  I contacted our hosting provider who told me there was an issue with this theme and this was what was preventing the site from being accessed (Internal Server Error 500).  This is the error:

Fatal error: require_once(): Cannot redeclare class decaf_expand_navigation in /u0/webroot/virtual/MYSITEURL/www/theme/decaf/layout/frontpage.php on line 3

Seems like there was a recent update to the Decaf theme and this caused the fatal error when choosing the theme from the Theme Selector page.

All back up and running now! Loving the Elegance theme!

 
Average of ratings: -
Picture of Michel DENIS
Re: Elegance Theme Released
 

David, the change is still making my platform work. Maybe it could go into the next release of Elegance ?

-michel

 
Average of ratings: -
Picture of David Scotson
Re: Elegance Theme Released
Group DevelopersGroup Documentation writersGroup Particularly helpful Moodlers
Possibly in the short term it should, though its not a fix, it just hides the problem a little, so a real solution would be best.

 
Average of ratings: -
Julian Ridden
Re: Elegance Theme Released
Group DevelopersGroup Moodle Course Creator Certificate holdersGroup Translators

Hi Michael,

Thanks for the report.

What you have suggested is sadly not the best solution. It does not actually fix the issue. Just covers it up.

Hopefully we can find a proper fix and then I will build it into Elegance ASAP.

Julian

 
Average of ratings: -
Picture of James Morgan
Re: Elegance Theme Released
 

How do I go about adding the custom block with additional information on the Login screen.  I have looked everywhere. Thank you!

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

Unless I am mistaken and you are wanting to add custom blocks in the footer then you need to first enable editing and then go to the 'ADD BLOCK' block and add an HTML block and then customise it as you want.

If I have got this wrong and it is not a block you want to add but can't find the settings then have you looked in the Elegance settings page found in the list just under Site Administration > Appearance > Themes > Elegance

 
Average of ratings: -
Julian Ridden
Re: Elegance Theme Released
Group DevelopersGroup Moodle Course Creator Certificate holdersGroup Translators

This theme does not support the addition of blocks to the login screen. What are you trying to do?

Julian

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

I totally missed the "additional information" part of the question. Isn't that in Site administration > Plugins > Enrolment methods or something similar?

Trouble is once set, one forgets!

 
Average of ratings: -
Julian Ridden
Re: Elegance Theme Released
Group DevelopersGroup Moodle Course Creator Certificate holdersGroup Translators

yes, you can use the oAuth Auth plugin with this theme.

Grab the latest copy from Github (as I only added this today for you)

Once you have it, open up layout/login.php and you will need to uncomment line 338

// require_once($CFG->dirroot . '/auth/googleoauth2/lib.php'); auth_googleoauth2_display_buttons(); 

Obviously make sure you also have the oAuth plugin installed as well.

Once you have done this the extra login options will show up on the login.php page.

Julian

 
Average of ratings: -
Picture of Nick Broughton
Re: Elegance Theme Released
 

Hi Julian. First time Moodler here and having a little difficulty in getting the Oauth2 plugin working. I am very new to Moodle and to php/html/css etc, so I have very limited knowledge on this, however, I learn quick and have a basic understanding of the coding.

I have followed the instruction you listed above, the plugin is installed, I have removed the /// from the line /// require_once etc (although that line is line 346 in my login.php file.

I have absolutely no idea how to manually setup the plugin so it will authenticate against google/fb/outlook etc so I would really appreciate it if someone could point me in the direction of a walkthrough guide as sorts for the beginner please!

I am using Moodle 2.6.2 Build: 20140310 with your amazing elegance theme. the url is http://learning.advantagetrainingservices.co.uk and I cannot for the life of me get those icons to appear, let alone authenticate.

Sincerely appreciate any assistance!

Many thanks, Nick

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

Hi Nick,

Have you seen the Oauth2 Easy theme which may help in understanding how this all works?

Cheers

Mary

 
Average of ratings: -
Picture of Nick Broughton
Re: Elegance Theme Released
 

Thanks for the link Mary. My understanding of it is if I load this theme then i will lose the elegance features, which I have already built. The only issue I face is how to actually get the Oauth2 plugin enabled and functioning, without ideally having to change/alter the theme.

 

Many thanks for your assistance.

 
Average of ratings: -
Picture of Richard Oelmann
Re: Elegance Theme Released
Group DevelopersGroup Particularly helpful MoodlersGroup Testers

I suspect Mary's suggestion was more along the lines of - if you look at that theme, which is built in a simpler way as it doesn't try to do as much, you might get some clues to help make it work on your theme based on Elegance, rather than suggesting you rebuild your theme based on that one smile

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

Hi Nick, I am not telling you to abandon the changes you are making to Elegance theme, I am just pointing out that if you uploaded the Oauth2 Easy theme you could test that out and your Elegance theme would not be affected.

To install the plugin, as this seems, if I am not mistaken, to be the point where you are struggling the most,  you need to first download Oauth2 plugin from...

https://moodle.org/plugins/pluginversions.php?plugin=auth_googleoauth2

then extract the 'googleoauth2' folder from the zip file and place it inside the moodle/auth directory on your Moodle server, which should give you...

If you are already logged in when you are adding the plugin then by refreshing your screen and going to Site Administration > Notifications you will be directed to Install the plugin in the Check plugins page.

Once done and providing you have Elegance set up correctly, and also set it as the default theme for your moodle site, the next time you try to login you will be able to use your Google id or whatever other id you intend using.

I hope that helps?

Mary

 
Average of ratings: -
Picture of Frances Angulo
Re: Elegance Theme Released
 

Did we ever find a solution for this? I have 2.7 using the elegance theme and no Oauth2 features seem to appear even when configured correctly. 

 
Average of ratings: -
Picture of Heinz Schmolke
Re: Elegance Theme Released
 

Great theme, thank you.

I have two problems. I upgraded to moodle 2.7 and my questions are:

- as you see in the attachment the marketing spot don't fill the whole width. how can I solve it?

- when I  define the pictures for the marketing spot I can't upload a picture in the editor. I can only insert a link. Are there special reasons for that?

Thanks

Heinz


 
Average of ratings: -
Picture of Emma Richardson
Re: Elegance Theme Released
Group Particularly helpful Moodlers

The marketing spots are designed to only take half the page.  You can insert and html block (or any block) in the other half.    They are also designed for a short blurb rather than a lot of detail.  I am not sure why we cannot put an actual picture in there unless it is linked to.  I have found a way around that is to add the main menu block to the front page, add the picture there as a file resource, then use that link in the marketing spot or front page content area.  Then  you delete the main block.  The links still stay valid but you don't have to have the Main Menu block showing on the front page.

If you want something similar to span the whole page, try the Quick Links.

 
Average of ratings: -
Picture of Peter Dekker
Re: Elegance Theme Released
 

First of all Julian: thanks for a wonderful theme! It's great looking and its release coincided with my development of a new moodle site so I took the chance of using and testing it immediately. It's good to have the theme available in the community so people can start using it and test it in different environments. That will lead to suggestions to further tweak the theme to perfection.

I have noticed a few items that could use some improvement:

1. The aspect ratio of the slideshow on a tablet differs from that on a PC/Mac in the sense that it is relatively higher. With an image that fits perfectly on the desktop computer, that image is repeated vertically on a tablet (iPad).

2. I have seen the same issue reported earlier with report tables strechting outside of the body and underneath the right column. It was suggested to edit the custom.css in the elegance theme but I can find no custom.css there.

3. When showing a list of questions (/question/edit.php), there is in my opinion too much whitespace between the question select checkbox and the question pictogram. The checkboxes are positioned a little too high (firefox, chrome), making their top invisible.

4. When viewing a question bank (/mod/quiz/edit.php), the bank is presented in a small column covering approx 1/3rd of the body width (this may be a Moodle thing rather than a template thing, I have no previous experience with Moodle). Apart from aesthetic reasons, this in addition to the white space mentioned in the previous point, makes the short question text extremely short and therefore identification difficult. I think I'd rather have the question bank list over the entire body width.

 

Any suggestions are welcome.

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

Hi Peter, I can answer Q2. The Custom CSS box should be in Appearance > Themes > Elegance > General settings

 
Average of ratings: -
Picture of Peter Dekker
Re: Elegance Theme Released
 

Thank you Mary, I feel a bit stupid for not having seen that tongueout

Unfortunately, the suggestion doesn't work, tables till flow underneath the right hand clolumn

I added to Custom CSS:

.pagelayout-report .no-overflow{
overflow: auto;
}

The grade table below (grade/edit/tree/index.php?sesskey=jHLErnfzFY&showadvanced=1) is identified by table id="grade_edit_tree_table" class="generaltable advanced". Width is set in css to "100%" but changing that in Firebug doesn´t show any immediate difference.

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

The problem with that page is a Moodle setting and is a pain in the neck!

I am working on MDL-43284 and finding lots of strange CSS sad

The question bank form is set to 80% with auto margins left and right so you get that BIG gap which looks bad.

You might like to try...

.questionbankwindow .boxwidthwide {  width: 100%;}

 
Average of ratings: -
Picture of Peter Dekker
Re: Elegance Theme Released
 

Mary, I found some answers to the question table issues. I added to Custom CSS (now I know how wink) the following:

/* to lower the checkbox so it is completely visible */
radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
    margin-top: 5px;
}
/* to left-adjust the table columns and content*/
table#categoryquestions {
    display: inline;
}
#categoryquestions .header {
  text-align: left;
}
/* to correct the repository list width for the earlier inline statement */
#page-mod-quiz-edit div.container div.generalbox {
    overflow: auto;
}

/* to correct table width of grade report */
.gradetreebox {
    overflow:auto;
}

I just hope this doesn't screw up other instances.....

 
Average of ratings: -
Picture of Peter Dekker
Re: Elegance Theme Released
 

Also found a solution to the question bank positioningThe first item is a change to the ' auto' setting suggested in the previous post.

/* to correct the repository list width  */
#page-mod-quiz-edit div.container div.generalbox {
    overflow: hidden;
}
/* to reposition question bank, will appear on top since it's the first block item defined in html */
#page-mod-quiz-edit div.quizcontents {
width: 100%;
}
.questionbankwindow.block {
 width: 100%;
}
#page-mod-quiz-edit .modulespecificbuttonscontainer {
    width: 400px;
}

 

Still need to work on the first issue: aspect ratio of slideshow on tablet.

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

 
Average of ratings: -
Picture of Brian Peat
Re: Elegance Theme Released
 

And...so far this is the BEST Moodle theme I've used. It's got some bugs, but I'm sure over time that'll be fixed (I noticed the text editor sometimes doesn't resize correctly).

The big thing I wish this theme had though, was a switch to flip the side bar to the left side instead of the right side. I tried doing it with some CSS overrides but things went won't when I made my browser the width of a phone. Some of our students are a bit older and not used to change, so moving that side bar tends to freak them out and our current theme has it on the left.

 
Average of ratings: -
Picture of Małgorzata Łuczkiewicz
Re: Elegance Theme Released
 

I have a problem with Polish letters. Thay look like different font. You can see what I meen on screeshot.


 
Average of ratings: -
Picture of Dariusz Idzikowski
Re: Elegance Theme Released
 

I confirm the same problem, Polish diacritical fonts do not display correctly although they are included in font files attached to "elegance theme". is there a chance to fix it?

 
Average of ratings: -
Picture of Amer Child
Re: Elegance Theme Released
 

Great theme and it rocks.  

I am trying to upgrade to your latest version but I get an error that my plugin dir is not writeable.  When I log into the machine I don't the directory moodledata/mdeploy/archive/ like the upgrade instructions indicated.  Any suggestions? (2.6.2)

Thanks

 
Average of ratings: -
Gareth J Barnard
Re: Elegance Theme Released
Group DevelopersGroup Particularly helpful Moodlers

If troubleshooting here (bar forum positing): http://docs.moodle.org/26/en/Installing_add-ons#Troubleshooting, fails, then uninstall and install the new version manually.

 
Average of ratings: -
Picture of Amer Child
Re: Elegance Theme Released
 

The issues is that I have made some customizations to the theme.  In terms of look and feel And would like to keep them.

 
Average of ratings: -
Picture of Aaron Batty
Re: Elegance Theme Released
 

This theme is just amazing. I've just moved to a new server, and I've set this as the default theme. I'm expecting oohs and ahhs.

 

One quick question, though: I was getting a nice transparent black footer on the custom login screen, but with the 2.6.2 version, it's become an opaque gray bar, which is nowhere near as slick. Was that on purpose?

 
Average of ratings: -
Julian Ridden
Re: Elegance Theme Released
Group DevelopersGroup Moodle Course Creator Certificate holdersGroup Translators

It was on purpose as many people complained about it.

To get it back just add this to your custom css field in the theme settings.

 

#page-footer {
    border-top: 10px solid rgba(0,0,0,.2);
    background: rgba(0,0,0,.1);
}
 
Average of ratings: -
Picture of Aaron Batty
Re: Elegance Theme Released
 

Thanks!

Hmmm... That's not really the same. Darkening the background with the alpha gets me where I want to be (.3), but nothing seems to change that top border, which is now solid gray. It doesn't seem to be responding to anything I put in there.

 

(Feature request: Allow us to set timing on the login background slides.)

 
Average of ratings: -
Julian Ridden
Re: Elegance Theme Released
Group DevelopersGroup Moodle Course Creator Certificate holdersGroup Translators

Hmmm..it should respond. try this instead

 

border-top: 10px solid rgba(0,0,0,.2) !important;

 
Average of ratings: -
Picture of Aaron Batty
Re: Elegance Theme Released
 

That did it!

I've fiddled with the values to get exactly what I want.

This is a stunning theme. Just gorgeous.

Please do let me know if there is a way to define the time between backgrounds on the login page. I'm afraid of just changing things; I always manage to stuff things up when I go hunting in the CSS myself.

 
Average of ratings: -
Picture of Amer Child
Re: Elegance Theme Released
 

Can anyone tell me how to add a new block to the homepage when using this theme or how to add latest posts?

 
Average of ratings: -
Julian Ridden
Re: Elegance Theme Released
Group DevelopersGroup Moodle Course Creator Certificate holdersGroup Translators

This has been answered a couple of time already.

To add a block to the middle, just click and drag any block into the middle location.

The "latest posts" you see on iMoot is just Moodle's RSS block. I turned on RSS feeds from my news forum. Grabbed that feed URL and added it to Moodle's RSS block.

Julian

 
Average of ratings: -
Picture of Amer Child
Re: Elegance Theme Released
 

Thanks Julian!

Is there away to adjust the size of the "More About Us", I am trying to add an HTML block with a Google Calendar IFRAME and I am only using one Marketing spot.  I guess there are really 2 questions.

1) Can I make the width of the marketing spot wider?

2) Make the overall area used by "More About Us" thinner?

After looking it would appear I can do this in with css, I am just unsure what file would need to be edit.

 
Average of ratings: -
Picture of Amer Child
Re: Elegance Theme Released
 

I found where this needs to be edited in moodle.css however my change to .col-md-6 has had ramifications to my login screen is there an easy way to fix my login screen or only apply my change to the More About Us (.col-md-6) section.

 
Average of ratings: -
Gareth J Barnard
Re: Elegance Theme Released
Group DevelopersGroup Particularly helpful Moodlers

In this case. don't change the CSS but edit the layout files and use this: http://getbootstrap.com/css/#grid as a reference to use the right class.

 
Average of ratings: -
Picture of Amer Child
Re: Elegance Theme Released
 

Thanks I will have a look.

 
Average of ratings: -
Picture of Jean-Marc Doucet
Re: Elegance Theme Released
Group Moodle Course Creator Certificate holdersGroup Particularly helpful MoodlersGroup Testers

Hi all

a little showing mistake

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

Hi thanks for adding an image of the problem, however, it is not clear where that section is. Can you please tell me which page it relates to?

Thanks

Mary

 
Average of ratings: -
Picture of Jean-Marc Doucet
Re: Elegance Theme Released
Group Moodle Course Creator Certificate holdersGroup Particularly helpful MoodlersGroup Testers

Hi Mary

  • this 'activitie' is in the section 0 in a course (i tested with section 1)

May be is normal because Tile Course resources is ON ---> When I turn it off --> the 'activitie' moved Yes

  • the text cut is the 'activitie' description (don-t show it smile )

For me is OK wink

 

But now a have a some trouble with the marketing spots .... impossible to align sad

 

 

 


 
Average of ratings: -
Picture of Amer Child
Re: Elegance Theme Released
 

Not sure if this issue is related to the theme or configuration.  When viewing a course under course menu option and click the circle i icon my description is listed twice.  Does anyone know how to remove the second entry?  

 

 
Average of ratings: -
Picture of Rafael Cobos
Re: Elegance Theme Released
 

Apologies for posting the following problem in the comments section of the Plugins directory for this theme:

I think this theme is wonderful, certainly much more 'modern' than the others. There is, however, one problem i've encountered: The message drop down menu at the top (next to the log in menu on the right) doesn't update once a message or notification has been read. 

E.g. It will display "3 messages" and the drop down menu will show the 3 messages, however it still displays the same "3 messages" once those messages have been read.

Any ideas?

 
Average of ratings: -
Picture of Francis Vendrell
Re: Elegance Theme Released
 

Hello,

I have problems with setting the content of the meta description tag (of the front page for example).

As I can see from the code of your front page site http://moodleman.net/ , the content of your meta description tag is:

The Moodleman Blog provides the latest news reviews, tips and tricks related to the Moodle LMS and the Mahara ePortfolio systems.

Is this your front page summary?

In my case, I can not make it show up in the code. (I use Release 2.6.2 (Build: 20140321) for Moodle 2.6).

 
Average of ratings: -
Picture of Hartmut Scherer
Re: Elegance Theme Released
Group Particularly helpful Moodlers

Hi Francis,

You can add additional HTML in Site administration -> Appearance -> Additional HTML. I got this from Mary Evans HERE. Perhaps this is what you were looking for.

With kind regards,

Hartmut

 
Average of ratings: -
Picture of Francis Vendrell
Re: Elegance Theme Released
 

Hi Hartmut,

Thank you very much for your message. I was not aware of this possibility! smile

For the frontpage, one can add:

<meta name="description" content="<?php p(strip_tags(format_text($SITE->summary, FORMAT_HTML))) ?>" />

However for all others pages, I have not idea what to add instead of "$SITE->summary".

The command "page_title()" exists, but the command "page_description()" doesn't seem to exist! mixed

Any other clue given will be appreciated!

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

Hi,

The Headings for the older themes used <h1> <?php echo $PAGE->heading ?></h1> the content of which varies from page to page. So you could, I suppose, try useing $PAGE->heading in the meta tag?

EDIT: I have just tested this. By adding the following line to the frontpage >head></head> tag ...

    <meta name="content" content="<?php echo $PAGE->heading ?> ">


So depending on the page you surf to within your Moodle site, the page heading will be reflected in the meta tag.

For example:

Frontpage heading gives:   <meta name="content" content="Moodle 2.6">
In a CSS & HTML Course page gives:     <meta name="content" content="CSS & HTML">

I hope that helps?

Cheers

Mary

 
Average of ratings: -
Picture of Francis Vendrell
Re: Elegance Theme Released
 

Hi Mary,

Thank you for your suggestion.

I just need a description meta tag for which the content should be the page description.

Does something like "$PAGE->description" or "$PAGE->page_description" exist?

 
Average of ratings: -
Picture of jose m. cordero
Re: Elegance Theme Released
 

Hola,

Por favor necesitaría ayuda. Resulta que las imagenes del Slideshow no se redimensionan de manera que en los distintos navegadores se ve de una forma diferente.

Lo he intentado con un solo slide y con varios, incluso poniendolos todos con resolución 1400x400 pero sigue sin funcionar.

Muchas gracias por su ayuda y perdón por el idioma de google.

José Manuel

 

Please need help. Turns out the Slideshow images not resized so that it looks different browsers differently.
I've tried with one slide and several even putting them all with resolution 1400x400 but still not working.
Thank you very much for your help and sorry for the language of google.

 
Average of ratings: -
Picture of Subhash Thanagraj
Re: Elegance Theme Released
 

I have used elegance theme this is working all section awesome, but did not working for quiz timer left block in while attend the quiz test, so please  let me know, how to put in timer in elegance quiz test page 

 
Average of ratings: -
Picture of Kevin Smith
Re: Elegance Theme Released
 

Hi Julian,

I love the template but I do have a question regarding the slideshow. What is the best resolution for the slide show for any screen resolution? I uploaded a banner and it was duplicated on a smaller "box" screen to fit the area. What do you recommend? 

Thanks

 
Average of ratings: -
Picture of Richard Oelmann
Re: Elegance Theme Released
Group DevelopersGroup Particularly helpful MoodlersGroup Testers

If you check the Elegance theme settings for the slideshow, there is a choice between the smaller image and full size (banner) I think the ones I've used are about 1400x280. But the 'best' size for you for a banner image in the slide show may depend on the most common resolution that your users will be veiwing it on - if you're in a computer lab with big monitors, then most of your users may be on 1600px width screens, or an older one with 1024px monitors.

 
Average of ratings: -
Picture of Sebastián Pizarro Cortés
Re: Elegance Theme Released
 

Dear there is a problem at the time the student takes the test. The clock that indicates the time remaining to the end of the test is not display.


 
Average of ratings: -
Picture of Ben Furse
Re: Elegance Theme Released
 

Fantastic theme! I love the login screen and the quick links section!

For the life of me, I can't figure out how to change the spacing under the "Labels" in my course. There's just too much space for me under them. 

Look at the red arrows in my screen shot. Any way to bring the subsequent resource closer to the "Label". 

Thanks! 



 
Average of ratings: -
Picture of Richard Thomas
Re: Elegance Theme Released
 

Excellent theme.  We like that it is very unMoodle like.

Is it possible to set the slideshow to loop rather than slide back to Slide 1?  

Thanks

 
Average of ratings: -
Picture of Alberto Ferreira
Re: Elegance Theme Released
 

Excellent theme!!!


How Can I use a bigger logo? 350x150

TIA

Alberto

 
Average of ratings: -
Picture of Adam Preston
Re: Elegance Theme Released
 

Great work here!  I am a new Moodle user/developer and everything is working great for me but I am getting a 404 error on /theme/image.php/elegance/theme (see screenshot)

Line 326 is this

<script type="text/javascript" src="http://learning.idg.rti.org/theme/javascript.php/elegance/1402060410/footer"></script>


I am using 2.6.2 (Build: 20140414) of the theme and '2.7+ (Build: 20140605) of Moodle


a screenshot

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

Which file is that line in as it does not make sense?

Line 326 is this

<script type="text/javascript" src="http://learning.idg.rti.org/theme/javascript.php/elegance/1402060410/footer"></script>

 
Average of ratings: -
Picture of Adam Preston
Re: Elegance Theme Released
 

According to that error in my browser, it seemed that the problem was coming from line 326. Then I looked at what was on line 326 and that was what I found.  I don't know, I could be off base here.  Anyway, I was just thinking, is this because I am running Moodle 2.7?  The weird thing is here is that everything else is working like a dream.

 
Average of ratings: -
Picture of Greg Egan
Re: Elegance Theme Released
 

Hi Julian and everyone

First thanks for this theme Julian, I love so many aspects of it.  However I've noticed an issue with the category tiles at a couple of sites that I support. In some of the subcategories the tiles are replaced by some code as shown in this screenshot. Has anyone seen this and can give a clue as to how to fix?

categorytiles.png

Thanks

Greg Egan

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

I'm on the case...will be back later to report. In the mean time can you tell me if you have made any changes to the code, especially the settings.php or lib.php for this theme?

Also is this a direct download from the Moodle plugins directory? I need to be working with the version you have.

thanks

Mary

 
Average of ratings: -
Picture of Greg Egan
Re: Elegance Theme Released
 

Thanks Mary, no there haven't been any code changes.  It's a direct download from the Moodle plugins directory.

Best regards

Greg

 
Average of ratings: -
Picture of Danny Wahl
Re: Elegance Theme Released
Group DevelopersGroup Particularly helpful Moodlers

Hi, this has been reported before, and I haven't had a chance to fix it yet.

Basically your category IDs are out of the range of the available options (1-20) so when it populates the code with your cat. ID and then looks for that setting value, it doesn't exist...

 
Average of ratings: -
Picture of Greg Egan
Re: Elegance Theme Released
 

Ok thank you Danny

I'm understanding this to mean that category icons won't work at this stage if I've got more than 20 categories?

 
Average of ratings: -
Picture of Danny Wahl
Re: Elegance Theme Released
Group DevelopersGroup Particularly helpful Moodlers

not necessarily- just if the id # is greater than 20 (they may not be sequential)

 
Average of ratings: -
Gareth J Barnard
Re: Elegance Theme Released
Group DevelopersGroup Particularly helpful Moodlers

Hi all,

Looking at the code there is provision in the CSS for 30 categories: https://github.com/moodleman/moodle-theme_elegance/blob/master/style/categories.css#L162-L280 - however, the setting: https://github.com/moodleman/moodle-theme_elegance/blob/master/settings.php#L1329-L1358 and the replacing code: https://github.com/moodleman/moodle-theme_elegance/blob/master/lib.php#L104-L113 was written for 20!

Therefore, this: https://github.com/moodleman/moodle-theme_elegance/blob/master/settings.php#L1329-L1358 and this: https://github.com/moodleman/moodle-theme_elegance/blob/master/lib.php#L104-L113 needs to be adjusted for 30 categories.

Or, better still it is conceivable for the theme to append the correct custom CSS for an almost infinite number of categories with a little bit of thought.

Cheers,

Gareth

 
Average of ratings: -
Picture of Danny Wahl
Re: Elegance Theme Released
Group DevelopersGroup Particularly helpful Moodlers

yes, I hope to change this to a text field where you drop the ID in, and have the setting populate it in the CSS. So I won't be expanding this to 30, but I'll do a long term fix in the near future.

 
Average of ratings: -
Picture of Johanna Silva
Re: Elegance Theme Released
 

Hello

I have a couple of questions related to icons appeareance:

1) The quicklinks icons shows to me as full colored circles  with no icon inside.  I tried to change the colors palette, but no luck.   They appear OK in Eplorer but no so in Chrome.
Of course I have updated Chrome.. But still the same thing.

2)  Also,  if anyone can explain to me how could I change the  "My Courses"  default  animated icons to personalized images.


Any help will be welcome.

Regards.  Johanna

 
Average of ratings: -
Picture of clément hoarau
Re: Elegance Theme Released
 

Hi Johanna 

I also meet the same problem with the icon appearence. They don't appear on chrome or mozilla, and on IE they appear. Hope there will be a answer to this problem soon.


smile


 
Average of ratings: -
Picture of Nick Ntalias
Απάντηση: Elegance Theme Released
 

Hi Julian.

Congratulations for elegance theme. It is very

Could you please explain me the steps in order to make "My courses" visible in "My Home" page as discribed in your post?:


  • The MyPage has been customised to be more visual (assuming you are using the new Course Files feature in course settings)

MyMoodle


What does "new Course Files feature" mean? 

I would appreciate your help as "My Courses" (block?) makes my home page more "elegant"!!!


Thanks in advance,

Nick.

 
Average of ratings: -
Picture of Juls Allen
Re: Απάντηση: Elegance Theme Released
 

Hi Nick did you can make this hapened?

Could you please explain me the steps in order to make "My courses" visible in "My Home" page as discribed in your post?:

I'm using elegance template.

 
Average of ratings: -
Picture of Ivan Lam
Re: Elegance Theme Released
 

How, I am a moodle newbie. I like your new theme very much but can you please kindly show me how to use your theme with my academy's moodle? I have absolutely no idea how to work with moodle's setup.

Thanks.

 
Average of ratings: -
Picture of Emma Richardson
Re: Elegance Theme Released
Group Particularly helpful Moodlers

Install the theme under Plugins/Install Plugins.  Then go to appearance/themes and set it under Select Theme.  Moodle has a lot of very good documentation - you really should read it first!

 
Average of ratings: -