Themes

New theme from UVCMS MoodleSolutions - Foodle

 
Picture of Darko Miletić
New theme from UVCMS MoodleSolutions - Foodle
Core developersParticularly helpful Moodlers
Foodle theme preview

Foodle creates "space within space." By embracing and incorporating some of the most popular social networking websites and applications, this theme combines "cyber" familiarity with elegant simplicity. It features new icons that are easily recognizable, and serve as intuitive guides. Download this theme, and let us know what you think.

Download Foodle Theme

View Theme in action:

Demo Site


 
Average of ratings: -
Picture of Dan Humpherson
Re: New theme from UVCMS MoodleSolutions - Foodle
 
Darko, nice theme - Simplicity at its best! I always appreciate a theme that comes with custom pix.


 
Average of ratings: -
Picture of Robert Draper
Re: New theme from UVCMS MoodleSolutions - Foodle
 

I'm having trouble with some of the icons not appearing in edit mode even though the path to the icon is correct.

When I try to look at some of them in any image editor I get an error like "this is a PNG file with incorrect extension" or unknown file format?

Those I 've had a problem with so far are in the Foodle\pix\t   folder.

Rob

 
Average of ratings: -
Picture of Darko Miletić
Re: New theme from UVCMS MoodleSolutions - Foodle
Core developersParticularly helpful Moodlers
Thank you for reporting that issue. We will check it out and report the findings here. For quicker response would you mind going over to our forum (http://forum.uvcms.com/) and post more details in the Moodle Themes section (names of the images in question etc.)?


 
Average of ratings: -
Picture of Darko Miletić
Re: New theme from UVCMS MoodleSolutions - Foodle
Core developersParticularly helpful Moodlers
We fixed all problematic images in our theme. You can download updated version now.

Thank you again for reporting the problem.
 
Average of ratings: -
Picture of Geof Duncan
Re: New theme from UVCMS MoodleSolutions - Foodle
 
Darko,

Love the theme and I'd like to incorporate it into one of my sites, but, I'm trying to wrap my head around why the Administration menu is so large in comparison to the standard theme... it looks like it's a css issue somewhere, but, I've not been able to isolate it.

Can anyone here help me figure this out?

Foodle
Standard
Foodle Theme Admin Menu
Standard Theme Admin Menu

 
Average of ratings: -
Picture of Darko Miletić
Re: New theme from UVCMS MoodleSolutions - Foodle
Core developersParticularly helpful Moodlers
Hmm, this looks a bit strange.

This is the way it should look (and, yes it is bigger than in standard white)

image

We will take a look into this but we may need to further contact you. Please write me to darko@uvcms.com. Thanks for reporting this issue.


 
Average of ratings: -
Picture of Robert Draper
Re: New theme from UVCMS MoodleSolutions - Foodle
 

Running Moodle 1.92

I seem to have come up with a problem with Foodle. (Excellent theme)

I have created a course and I want to link to a file which is an html file whose contents are a single FAQ page, with Bookmarks to the FAQ answers on the same page. This has been uploaded to the files folder within the course, I'm using a text hyper link to this html file.

I have created the text hyperlink in the editor and linked it to the uploaded file and made it open in a new window.

However when I click on the text hyperlink I'm presented with a small log in to site box. Which is odd because I'm already logged in - however on logging back in using this box and clicking on the text hyperlink the same thing happens.

I must point out that this only happens in IE7 but the link functions OK and displays the html document using Firefox?

 
Average of ratings: -
Picture of Darko Miletić
Re: New theme from UVCMS MoodleSolutions - Foodle
Core developersParticularly helpful Moodlers
Are you sure this is related to Foodle theme? What happens when you switch the theme to standard white?

It would help us if you could send the same files that produce this error so that we can test them on our servers.

Thanks
 
Average of ratings: -
Picture of Robert Draper
Re: New theme from UVCMS MoodleSolutions - Foodle
 

I've resolved this - not your theme problem smile I had copied and pasted some code from one of my several Moodle installs and had some code pointing to another server.

On another topic

I've been using a theme with drop down menus which are very useful in a school environment. I'd like to do the same with Foodle.

 
Average of ratings: -
Picture of Darko Miletić
Re: New theme from UVCMS MoodleSolutions - Foodle
Core developersParticularly helpful Moodlers
What theme are you using?
 
Average of ratings: -
Picture of Robert Draper
Re: New theme from UVCMS MoodleSolutions - Foodle
 

Hi

I'm using one of the Newbury College themes but will most probably migrate over to Foodle, so I'm looking at using Smartmenus  http://www.smartmenus.org/  which will give me something more in keeping with the Foodle theme. Just need to work out how to insert the code into Foodle.

Rob

 
Average of ratings: -
Picture of Dan Humpherson
Re: New theme from UVCMS MoodleSolutions - Foodle
 
Reply to Rob Draper - Nice find regards the menu!
 
Average of ratings: -
SelfieChicago
Re: New theme from UVCMS MoodleSolutions - Foodle
Moodle Course Creator Certificate holdersTesters
Hi Darko. First I like some much Foodle theme is great. I just installed it and it works fine. However, some blocks have different font size and font face. I attached an image with this scenario. Any ideas how to fix it?

Cheers



 
Average of ratings: -
Picture of Darko Miletić
Re: New theme from UVCMS MoodleSolutions - Foodle
Core developersParticularly helpful Moodlers
In case of rss feeds and bottom debug info we can say that this behaviour is by design since those elements have applied font size 0.9em from standard theme font size which for Foodle is 11pt. I will check with our designers and get back to you with information what should be changed in case you want bigger font size in these areas.


As for the "My courses" block I can not help you since that appears to be some third-party block which does not come with standard moodle distribution.



 
Average of ratings: -
SelfieChicago
Re: New theme from UVCMS MoodleSolutions - Foodle
Moodle Course Creator Certificate holdersTesters
Hi, Darko. Thank you for you reply. I wait for design info to modify rss feed an bottom section. In the case of "My course" you right is third party block. I will check info about it.

TIA

Monico
 
Average of ratings: -
Picture of Darko Miletić
Re: New theme from UVCMS MoodleSolutions - Foodle
Core developersParticularly helpful Moodlers
Here is what our designer says:

to change the font size in the Remote news Feeds block:
In the css file styles_fonts.css, look for this code:

.sideblock .head,
.sideblock .info,
.sideblock .event {
font-size: 0.9em;
}

The font could be changed to the desired font size in points or to 1.1em
 
Average of ratings: -
SelfieChicago
Re: New theme from UVCMS MoodleSolutions - Foodle
Moodle Course Creator Certificate holdersTesters
Hi, Darko. Thanks for this code information. I modify it and it works properly.

Cheers

Monico

 
Average of ratings: -
SelfieChicago
Some icons disappeared in foodle theme
Moodle Course Creator Certificate holdersTesters
Hi, Darko. After to work with foodle theme, I found some icons disappeared. I attached file with two activities block image. First one related with Foodle theme and second one related with custom_corners theme.


Any ideas?

TIA


 
Average of ratings: -
Picture of Darko Miletić
Re: Some icons disappeared in foodle theme
Core developersParticularly helpful Moodlers
This is because Foodle uses custom icons and expects to find them in foodle pix folder and not in global one. This means you will have to copy all icons from your custom modules into <moodle>/theme/foodle/pix folder with appropriate relative path. For example if you have activity module foo installed in <moodle>/mod/foo it's icon will be located in <moodle>/mod/foo/icon.gif. Just copy that file into <moodle>/theme/foodle/pix/mod/foo and repeat simmilar process for all other activities.
 
Average of ratings: -
Julian Ridden
Re: Some icons disappeared in foodle theme
Core developersMoodle Course Creator Certificate holdersParticularly helpful MoodlersPlugin developersTranslators
If I could make a suggestion here.

i would recommend not using custompix. The issues, as show above, means that often there are missing icons.

But have no fear, there is a better solution.

First, in the theme's "config.php" set custompix to "false"

Then in moodle's admin block, do a search for "smart pix" and turn it on.

When SmartPix is enabled moodle will search the theme folder and use custom icons there. If they are abscent it then automatically uses the standard icon instead. You get the new icons without having places with no icons at all

Julian
 
Average of ratings: -
Picture of Bob Price
Re: New theme from UVCMS MoodleSolutions - Foodle
 

Love the theme, but have a small problem. Using Moodle 1.92, the icons for 'edit', 'delete' and 'hide' disapear when the editing is turned on.

Am I missing something here. The theme is perfect for what I need it to do otherwise.

 

 

 


 
Average of ratings: -
Picture of Darko Miletić
Re: New theme from UVCMS MoodleSolutions - Foodle
Core developersParticularly helpful Moodlers
Thanks for reporting this issue. We will look into it and get back here.
 
Average of ratings: -
Picture of Darko Miletić
Re: New theme from UVCMS MoodleSolutions - Foodle
Core developersParticularly helpful Moodlers
We fixed this issue with missing icons. It is actually IE 6 problem. Please go to our page and redownload the theme. In future whoever reports issue with our themes please specify what OS and browser are you using in details (version, revision) etc.
 
Average of ratings: -
Picture of chihuei lu
Re: New theme from UVCMS MoodleSolutions - Foodle
 
Hi Darko,
This is the best looking theme that I can find on web. Only one question, how can I remove the two arrow buttons (for jumping to previous and next activity) from the header of activity pages? Thank you!
Chi
 
Average of ratings: -
Picture of paula cevasco
Re: New theme from UVCMS MoodleSolutions - Foodle
 
Chi, we are very glad you like the theme.
The way to hide those arrows, is by adding a line of code to the css style sheet of the theme.
The theme style sheet name is "social_network.css". Try finding this bit of code in it:

.invisiblefieldset {
border:0 none;
display:inline;
margin:0;
padding:5px;
}

What you will need to add at the end of it, is: display: none;
So the final bit of code will look like this:


.invisiblefieldset {
border:0 none;
display:inline;
margin:0;
padding:5px;
display:none;
}

By doing this, the arrows used to navigate the activities will be hidden.
Please let us know if you encounter any problems.
Paula Cevasco
Lead Designer
 
Average of ratings: Useful (1)
Picture of chihuei lu
Re: New theme from UVCMS MoodleSolutions - Foodle
 
It looks great! Thank you for your quick response! I love it!
 
Average of ratings: -
Picture of Ian G
Re: New theme from UVCMS MoodleSolutions - Foodle
 
Hi Darko,

There's an impressive amount of customization in your theme.

I noticed one error on Safari, OS 10.4. I'm not sure if it appears for other browsers. There is a ghost of a tab that appears when rolling over buttons in profile and wiki and perhaps others.

Best wishes,
Ian

 
Average of ratings: -
Picture of Darko Miletić
Re: New theme from UVCMS MoodleSolutions - Foodle
Core developersParticularly helpful Moodlers
Thank you Ian for reporting this issue. We already fixed this and we will post the update once the new version of our themes are posted on the website.
 
Average of ratings: -
Picture of Jacqui Baer
Re: New theme from UVCMS MoodleSolutions - Foodle
 
Hi there. I absolutely love your Foodle theme - it is the most aesthetically pleasing theme I have ever used in Moodle (our school has been using Moodle for about 4 years now so we have tried a lot of different themes!).

I really do want to use only this theme, however I am having a problem when viewing it in Internet Explorer (see attached image). When I create a quiz with drop-down boxes, the text in the drop-down boxes gets cut off, so you cannot see the whole sentence (i.e. the drop-down box is not wide enough).

This is happening for my students - some are using Windows XP, others are using Vista, and others are using Windows 7. Some are using Internet Explorer 7, while others are using Internet Explorer 8.

Is there a setting I can change in Moodle admin back-end to make the drop-down box wider? Or is it a setting in your theme's CSS files?

I have also updated my Moodle site with the latest version of your theme which I downloaded from your website this morning.

Please help me as I really love your theme!


 
Average of ratings: -
Picture of Darko Miletić
Re: New theme from UVCMS MoodleSolutions - Foodle
Core developersParticularly helpful Moodlers
Hi Jacqui,

I forwarded this issue to our designer. You will get a response as soon as possible. Thanks for trying out our theme smile


 
Average of ratings: -
Picture of Veronica FB
Re: New theme from UVCMS MoodleSolutions - Foodle
 

Hi Darko,  First of all thanks for this excellent theme.

I have the same problem that Jacqui, about the drop-down box  that  is not wide enough,

Could you find where is the problem, I will appreciate very much your help!

Thanks in advance.

Veronica.

 
Average of ratings: -
Picture of Jacqui Baer
Re: New theme from UVCMS MoodleSolutions - Foodle
 
Hi again Darko.

I am still having this problem with your theme and I did not hear any news from your designer about how to fix it! Now someone else has this problem too, so I was hoping you might help us both find a solution as it really is the best Moodle theme around and I don't want to use another one!

Jacqui
 
Average of ratings: -
Picture of Darko Miletić
Re: New theme from UVCMS MoodleSolutions - Foodle
Core developersParticularly helpful Moodlers
We fixed that issue in November last year. Did you try to download theme again from our website?


 
Average of ratings: -
Picture of arpat arpat
Re: New theme from UVCMS MoodleSolutions - Foodle
 
hI
I'trying to use this theme because I like it very much but I have a problem.
I tried to change the logo and was possible, but the logo doesnt look well. I also modify the high an width in the social..css to fit it.
I remade the logo and now I'm trying to change it and NOTHING!!!.
REmains always the same. As last resource, I erase the logo file, so in this way the logo has to desapeared but nothing.
¿ Can someone help me? Thank you (and my apologies for my bad english)



 
Average of ratings: -
It's only an avatar...
Re: New theme from UVCMS MoodleSolutions - Foodle
Core developersDocumentation writersParticularly helpful MoodlersPlugin developersTesters
Hola!

Have you tried deleting the cache from your browser or server?

You could try Ctrl + F5 to force browser to update the page.

Mary




 
Average of ratings: -
Picture of arpat arpat
Re: New theme from UVCMS MoodleSolutions - Foodle
 
Hi Mary
I tried everything, with the exception of deleting the cache of the server because I don`t know how.
Today, in the morning, with a fresher mind, i think to delete the the theme and reinstalling it. But, anyway I'm interested in knowing which was the problem.
Thank you
 
Average of ratings: -
Christian Rojas
Re: New theme from UVCMS MoodleSolutions - Foodle
 

Hi,

I've installed the foodle last version (downloaded in March 2010) in moodle 1.9.8+ in a CentOS server.

I'm still having the width problem on drop-down boxes on IE7 but in Firefox 3.6.2 it's OK. I've got the width problem also with the "multiple selection lists" (sorry for my bad english) in all web browsers (tested IE6, IE7 and Firefox 3.6.2) as you can see in the screenshot.

Can you help me? Any solution?

Thanks for all.


 
Average of ratings: -
Picture of Pranot Kokate
Re: New theme from UVCMS MoodleSolutions - Foodle
 
Hi

I have installed foodle theme just last week, but I still have problems with the drop down menus - the information gets cut off as they are not wide enough.

Please can you help me to sort this problem out.

Thanks

Pranot
 
Average of ratings: -
Picture of Thomas Schröder
Re: New theme from UVCMS MoodleSolutions - Foodle
 
Hi there,
We use this design for our school homepage.
There seems to be a small problem with the actual version:
in styles_layout.css there are some references to the .../fix/tab directory that does not exist.
Though I do not see anything wrong, our webserver does smile
Any idea how to fix it?
Best regards, Thomas
 
Average of ratings: -
It's only an avatar...
Re: New theme from UVCMS MoodleSolutions - Foodle
Core developersDocumentation writersParticularly helpful MoodlersPlugin developersTesters
It's ../pix/tab/ not ../fix/tab but YES it is missing! You could copy the tab folder from Standard theme, I think that should fix the problem! Although if it written correctly in the css (which I think it is) it will by default pick up the images from the standard theme's tab folder anyway!

Mary
 
Average of ratings: -
Picture of Thomas Schröder
Re: New theme from UVCMS MoodleSolutions - Foodle
 
Indeed pix/tab smile
I copied the files before but wondered, if there might be any problem with the coherency of the design.
How do you mean "if it written correctly in the css (which I think it is)". I checked the file, it goes to "pix/tab/..." so the standard theme seems to be ignored. changing the path to ../standard/pix/tab would solve it - or am i missing something.
I just wonder, if it can be corrected, so that webserver using the theme stop producing error.logs full of these "file not found"-warnings.

Greetings, Thomas
 
Average of ratings: -
It's only an avatar...
Re: New theme from UVCMS MoodleSolutions - Foodle
Core developersDocumentation writersParticularly helpful MoodlersPlugin developersTesters
You can add the TAB folder to you PIX folder there won't be a conflict of design since the tab folder was not in the ZIP file, so my guess is that the TAB images are being brought in, by default, from the standard theme's folder. You don't need to write this into your css, it's done automatically.

You can check to see if tabs are being used if you select your profile page. There should be a line of tabs at the top with Profile/Edit Profile/Forum/ etx...

In my original post I was intimating that although you had typed fix instead of pix it could well have been the case that you had fix instead of pix in your theme's CSS mark-up! Although I was almost certain it would be spelled correctly...and it was!

Mary

Edit;

I just thought of something...if you just creat a TAB folder inside you PIX folder but leave it empty, your server will stop sending out error messages and your tab images will still be coming from Standard theme.


 
Average of ratings: -
Kaptan
Re: New theme from UVCMS MoodleSolutions - Foodle
 
I love the Foodle theme but I would like to add a custom logo to the header/banner which would also require the header/banner to be a bit larger.

I've played a little with some of the css and header.html but to no avail.

Any ideas on this?
 
Average of ratings: -
Picture of John St
Re: New theme from UVCMS MoodleSolutions - Foodle
Core developersPlugin developers
Try changing #header-home in styles_layout.css to:

#header-home {
height: 200px !important;
}

(or whatever height you want). I don't know why it needs the !important to work, it must be also set somewhere else but I don't know where.
 
Average of ratings: -
It's only an avatar...
Re: New theme from UVCMS MoodleSolutions - Foodle
Core developersDocumentation writersParticularly helpful MoodlersPlugin developersTesters
Aaron,

The custom CSS file for Foodle is found in social_network.css

If you upload a logo to your theme folder and call it logo.jpg or logo.gif or logo.png you can then add the following css mark-up to social_network.css

#header, #header-home{
background-color:#3B5998 url(logo.jpg) no-repeat left top;
margin-top: 0px;
height: 200px;
border:1px solid #526ea6;
border-bottom:#fff 1px solid;
}

You can then decide on the height of the header to accommodate the logo.

Hope this helps?

Mary
 
Average of ratings: -
It's only an avatar...
Re: New theme from UVCMS MoodleSolutions - Foodle
Core developersDocumentation writersParticularly helpful MoodlersPlugin developersTesters
Apologies, I made a typo error in the last post...

background-color:#3B5998 url(logo.jpg) no-repeat left top;

should have read...

background:#3B5998 url(logo.jpg) no-repeat left top;

Also, depending on the logo, and how you want it to appear, you might have to use absolute positioning.

Mary
 
Average of ratings: -
It's only an avatar...
Re: New theme from UVCMS MoodleSolutions - Foodle
Core developersDocumentation writersParticularly helpful MoodlersPlugin developersTesters
Just to show you what you can do, I've added a screenshot of the logo I placed in the header of my version of Foodle.

This is the code I used...

#header, #header-home{
background:#6380C3 url(mlogo.png) no-repeat center top;
margin-top:0px;
height:155px;
border:1px solid #526ea6;
}

Hope this helps...

Mary

 
Average of ratings: -
Kaptan
Re: New theme from UVCMS MoodleSolutions - Foodle
 
Perfect! This is exactly what I was looking for! Thank you Mary for your detailed explanation!

Here's what I did:

social_network.css:

#header, #header-home{
background:#3B5998 url(logo.png) no-repeat center left;
margin-top:0px;
height:100px;
border:1px solid #526ea6;
border-bottom:#fff 1px solid;
}

header.html:

Change:
if ($home) { // This is what gets printed on the home page only
?>
<?php print_container_start(true, '', 'header-home'); ?>
<h1 class="headermain"><?php echo $heading ?></h1>
To:
if ($home) { // This is what gets printed on the home page only
?>
<?php print_container_start(true, '', 'header-home'); ?>
<h1 class="headermain"></h1>

And Change:

<?php } else if ($heading) { // This is what gets printed on any other page with a heading
?>
<?php print_container_start(true, '', 'header'); ?>
<h1 class="headermain"><?php echo $heading ?></h1>

To:

<?php } else if ($heading) { // This is what gets printed on any other page with a heading
?>
<?php print_container_start(true, '', 'header'); ?>
<h1 class="headermain"></h1>



 
Average of ratings: -
It's only an avatar...
Re: New theme from UVCMS MoodleSolutions - Foodle
Core developersDocumentation writersParticularly helpful MoodlersPlugin developersTesters
Oh I do so like a happy ending! smile

cheerleader.gif



Mary
 
Average of ratings: -
Picture of hassan Ibra
Re: New theme from UVCMS MoodleSolutions - Foodle
 

hi to all, I want to install Foodle to my site, I followed the instruction but Foodle

didn't appear in the Theme Selector, any help will be appreciated

 

best

has2an

 
Average of ratings: -
Picture of Hà Tuấn Kiệt GV Trường THPT Nguyễn Minh Quang
Re: New theme from UVCMS MoodleSolutions - Foodle
 

Please help me. I edit code as you say, but the menu bar is in the top of baner.

Can you help me. I am vietnamese.

 
Average of ratings: -
Picture of hassan Ibra
Re: New theme from UVCMS MoodleSolutions - Foodle
 

hi to all,

I want to install Foodle to my site, I followed the instruction in need help section but Foodle didn't appear in the admin->appearance->Theme-> Theme Selector,is there any thing else i can do.

any help will be appreciated

 

best

has2an

 
Average of ratings: -
Picture of WebSchool My
Re: New theme from UVCMS MoodleSolutions - Foodle
 

Hi Darko, it seems that Foodle theme is very nice, but I cannot download at yoursite... there is something happen with the DNS of your site. Where can I download it now?

 
Average of ratings: -
Picture of David Lee
Re: New theme from UVCMS MoodleSolutions - Foodle
 

HI Darko,

I sure hope you and your team at UVCMS are still actively helping with this awesome theme.  It would be a pity to see it lapse.  So I'm having a problem with the HTML editor.  When I enter text, it looks great.  But them when I save it and view the webpage, the spacing is weird and overlapping.  The larger the font the worse the overlapping.  It doesn't matter which font I use.  I get the same spacing weirdness regardless of the browser IE, FF Chrome.  I can't believe no one has run across this before.  Anyone have any idea what is happening and what to do about it????  Thanks so much

 
Average of ratings: -
It's only an avatar...
Re: New theme from UVCMS MoodleSolutions - Foodle
Core developersDocumentation writersParticularly helpful MoodlersPlugin developersTesters

Hi this is caused by not having a line-hight defined in the CSS. Depending on the name of the CSS file for this theme, and also depending on whether or not the text you are talking about is casue by the h1, h2, h3, h4, h5, h6 (headers) or p (paragraph)  will govern the way the CSS needs to be worded. But this will probably fix the problem. Add this to the very end of the CSS file. If you have one called font_style.css add it to that...

h1, h2, h3, h4, h5, h6, p { line-height: 1}

HTH

Mary

 
Average of ratings: -
Picture of David Lee
Re: New theme from UVCMS MoodleSolutions - Foodle
 

Thank you, Mary, for your quick response and for taking the time to offer some help.  I added your suggested solution to the style_font.css file in the Flex_foodle theme folder but it didn't make any difference.  I also checked to see if increasing the size from 1 to 3 would show any difference but it didn't.  I then added the same sytax to the social_network.css file thinking maybe this file is somehow governing the conversion from the HTML editor to the web page.  Again no change.  I really like the Flex_foodle theme but this font spacing problem is really frustrating.  If you have any idea what I going on, I would really be grateful for a solution. 

 
Average of ratings: -