If you experience and problems with this theme please let me know! Thanks
Just tried your Cafelite straight out of the box, not touching its configuration at all. It does not display correctly (tested in Firefox 3.6.6 and MSIE 8).
basepercent is different from base theme as it is in percentages and works slightly differently. When I uploaded it it was working perfectly on my server (Moodle 2.0 Preview 4).
I'm about to check it now. Will be back with report
Thanks for letting me know
I can't replicate any of the things you have highlighted Joseph, apart from the gap between menu and breabcrumb navbar in IE8 - Firefoxs it displays beautifully.
"Did I not write this into the info?" which "info" do you mean? Where? The only place where I can find a reference to basepercent is in file \theme\cafelite\config.php: $THEME->parents = array('basepercent');
I suggest there really should be a huge warning somewhere when selecting cafelite from the themes installed on one's Moodle site, reminding the user of the necessity of the basepercent theme...
Anyway, here we go with my first impressions of cafelite.
- I very much like the color chart and the general layout (except in a very few places, see below).
- Left & Right columns width. I notice that by default cafelite offers more generous width for those blocks columns than most other 2.0 themes, which I really like. However, I suggest you make this a user setting, similar to the Formal White theme settings, where you can select column width.
Hm, if the end-user uses both the left and the right column, when editing a resource (e.g. posting in forum), you need a really wide screen to display cafelite, otherwise the space for the HTML editor in the central column is "squeezed"...
- The current date display in the header is a nice idea, but it is not immediately evident to the end-user that clicking that date will take them to the calendar. I suggest putting a help balloon there.
- The re-design of the Turn editing on/off button is nice, but its label text is really tiny. And also, to make sure users will see it as a "button", I suggest changing the cursor to a little hand on mouseover over it.
- Vertical spacing of lines, titles, etc. I find
- OK for the following blocks: Navigation, Settings etc.
- Not OK for Activities (too much vertical spacing)
- There is again too much vertical spacing for all of the elements (titles, labels, resource & activities names etc.) in the central column. There also seems to be an alignment problem, the icons are aligned with the top of the following text, I suggest aligning with either the middle of the bottom of the text.
- When editing the settings of a resource or activity, the old "tabs" are now duplicated in the Navigation block. I suggest you use for the current "tab" the same format as in the Navigation block (i.e. bold, instead of blue color, which jars with your color chart, see attached screenshot #1).
- There is a display bug in Choose a question to add (to the question bank) see attached screenshot #2.
Thanks for sharing your design work and congratulations on the hard work.
All the best,
I was meaning to write something about Cafelite's parent theme being 'Basepercent', in the part where you first select the theme in the (chooseme) string in theme_cafelite.php, to the effect that Basepercent should be loaded first into the theme folder for Cafelite to work properly.
Thinking about it now, perhaps I should fix all the alignment issues in basepercent first, as this will have a baring on both Cafelite and Flower Power themes. I updated Flower Power a couple of weeks ago. You might like to take that for a test drive too Joseph, of the two themes I much prefer Flower Power. If you do, you may well find the same problems with vertical alignment as was in Cafelite...plus all the other issues too.
Actually, I'm not really sure what you mean about the vertical spacing issue. Is it that there is too much white space in different elements? You mention it is OK in Navigation but not for Activities. I must see if I can replicate this issue so that I can get to grips with fixing it!
In the mean time, with regards all the other things you have found, I'll try and go through them systematically, and hopefully get them fixed too. As you may appreciate, I am still learning, so I may be some time!
But again thank you, Joseph, for testing this theme.
Please find new blocks.css with side block icon fix.
I'm working through the rest of your excellent feedback. More later.
I'll give it a try.
If you could point me in the right direction, so that I can mimic the question page settings issue I would be more than plesed!
Mary and Joseph,
When I added basepercent, it cleared up all of the items Joseph higlighted. However, It also caused some changes in my content pages:
Double digit numbers have the first digit cutoff. I think this is due to the frame.
Is there a way to eliminate the frame outlining the center column content? Due to the shading of the side blocks, I don't really think it is necessary.
Since I cant get to the page where this border is, I'm guessing it's this bit of code from basepercent which is causing that black border to appear.
If you add the following to the end of the cafelite.css it should fix it.
(Tip: when copying and pasting code from a forum page, like this one, first copy then paste into Notepad first, this strips it of any odd formatting picked up from the forum page. You can then safely copy it from Notepad and paste into your theme file, in this case cafelite.css)
If you use Firefox, which I hope you do, you can get a plugin called FireBug which is a useful tool to help track down the exact css which causes the page to display as it does. You can read about it HERE
Hope this helps?
I just want to say how beautiful and visually friendly your site is! Great Job!
I have spent a lot of time with course design; however, I am very green when it comes to writing and understanding codes, so forgive me if my question sounds naieve.
Is there an easy way to to get my site title to appear in the header? Moodle Cafe is nice, but I would like to get my site title to appear?
Any help would be greatly appreciated
Thank you for your kind compliments, I'm pleased you like the look of the theme. As you will appreciate, Moodle 2.0 is still in it's infancy and so too is this theme. I'm still working on it to iron out some glitches which have come to light recently.
With regards the logo, if you let me know what your site title is I'll gladly make you a new logo to replace the Moodle Cafe one if that helps?.
Thank you for the prompt reply! I know Moodle 2.0 is new, and I figured that the best way to start learning about the programming features was to get started and pay attention to how it evolves. (I think in my next lifetime I will choose webdesign vs English for a career choice ).
My site title is: RHHS Online Learning Cafe
This might be too picky, but I would envision the title
Online Learning (stacked and closer together, same font as on the original page)
to replace "Moodle" and to keep "Cafe" as is on the site.
Any help would be greatly appreciated!
I found some free time this afternoon and designed you a logo which I have incorporated into the header as one image. I've zipped all the relevant files together and uploaded it here. (see RHHS.zip top right of this comment)
All you need to do is extract the files to your cafelite theme folder. You may be asked if you want to over-write the block.css and cafelite.css files, in which case you say YES. The image files have new names so they wont interfere with the original header related images.
If, by any chance, you have made some changes to the cafelite.css file already, then I would advise you to make a copy of these changes as you will need to add them to the new cafelite.css file. The replacement block.css is an update to your original and contains a fix for the displaced sideblock icons.
If you are not happy with the the new header, let me know I can always change it.
Thank you so much! My site looks great and I absolutely love your header design for me.
At first I was having some trouble getting the new logo to appear (it seemed that the original was determined to stay). I don't know exactly where to post this, but apparently it is important to click on the "Invalidate Theme Caches" to apply changes.
While I do not know that much about writing codes, if I can be of any assistance in offering you feedback on future designs or anything please let me know.
So glad you like the header!
Thanks for your offer of help and assistance. It's always good to have some help testing. The basic idea is, if you do come across anything which you feel isn't working correctly, (things like page layouts...text editor especially, the way they display can be a real pain to fix), just leave a comment here and I'll try and fix it.
As for the theme cache, it's good that you can purge it from time to time. But if you are like me and designing themes and needing to see that a slight change to the css needs to be seen instantly, you need to switch to Designer Mode (Site Administration>Theme>Theme Settings (Designer Mode is 2nd check box from the top of the Theme Settings' page). This stops the cache from working, makes your page load slower, but does show every css change after refreshing your browser.
Again thanks for your offer of help. Indeed any theme you want to test, feel free to do so, any feedback is welcome. I know Patrick would be only too please with some feedback on the Core themes.