Aardvark Post It - Moodle 2.1 Fluid Theme

Aardvark Post It - Moodle 2.1 Fluid Theme

by Mary Evans -
Number of replies: 422

This is a re-make of Shauns latest Aardvark 2.1 theme which I have called 'Aardvark Post It' to distinguish from the other previous versions Shaun has churned out lately. 

This theme is a fluid width three column theme which has a docking module if you want to use it. If not then you can disable it in the Admin's Theme Settings page.

Profile Bar

This theme also has it's own settings page, where you can change hover colours and add a new Logo or change the background image. You can also add your email mail box to the Profile Bar as well as 'move' blocks from the sidebar into the Profile Bar. This is fun as you can add different one in different pages, once added they can be accessed at the click of a little icon when makes the Profile Bar open and close.

Move Blocks

Download

Here's a link to the latest version of Download...

http://moodle.org/plugins/view.php?plugin=theme_aardvark_postit

If you have any problems let me know here in this discussion....thanks

Mary

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

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by brian avery -

Looks very nice Mary,

Is this the version you mentioned to me? I assume that as before, this cannot be installed at the same time as other aardvark themes?

Brian

Average of ratings: -
In reply to brian avery

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Mary Evans -

Hi Brian,

This is THE theme...however I have made it so that you CAN add it as a theme along with Aardvark and Aardvark_Beta212 smile

I was going to send you a copy but got called to make lunch for hungry men of the household! LOL 

Ciao

Mary

Average of ratings: -
In reply to Mary Evans

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by brian avery -

Well done, thank you. I'm kinda peckish too. Where can I pick up a cook?

Brian

Average of ratings: -
In reply to Mary Evans

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Melissa Benson -

Looks great! I like the addition in the profile bar.

Average of ratings: -
In reply to Melissa Benson

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Mary Evans -

Glad you like it Melissa.

I did find a tiny problem with it yesterday...very minor but if your copy of this theme is older than todays download then I would download the latest to be sure you have the full working copy.

Cheers

Mary

Average of ratings: -
In reply to Melissa Benson

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Michael Denton -

Thank you for this updated theme. It looks very good. Please could you tell me how to either put sub-menu items into columns or reduce the space between items as my list is too long to fit on the screen. Many thanks,

Michael

Average of ratings: -
In reply to Michael Denton

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Mary Evans -

Hi,

When you say sub-menu I guess you are talking about the Custom Menu in the black bar that runs the width of the page?

You can set up to 3 levels of sub-menus. The notation is found in the example under the area you add the menu items in the Theme settings page for Moodle. This is outside the theme as you can do thins using any theme.

The location of the theme settings page is here...

Settings > Site Administration > Appearance > Themes > Theme settings

And basically it is set out like this...for example:

Search Engines
-Google|http://google.com
-Bing|http://bing.com
Browsers
-FireFox|http://www.mozilla.org/
--Addons|https://addons.mozilla.org/
--Extensions
---FireBug|http://www.mozilla.org/
---British Dictionary|https://addons.mozilla.org/en-US/firefox/addon/british-english-dictionary/?src=api
-Chrome|http://www.google.com/chrome/
-Opera|http://www.opera.com/

Which if you copy and paste this into the Custom Menu section in the Theme settings page, save your settings,  you will see the effect in the menu bar.

HTH

Mary


Average of ratings: -
In reply to Mary Evans

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Michael Denton -

Mary,

Many thanks. I have used a couple of second level menus to shorten my subject list. I think this will work fine. I do like the theme you and Shaun have been working on.

Yours,

Michael

Average of ratings: -
In reply to Mary Evans

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by David Cousens -

Thanks for the wonderful theme Mary, just what we were looking for. One query, I am attempting to add a language selector to the front page - I run a 3000+ educational Moodle and the students and staff need to be able to log in using different languages for different purposes at different times of the day. I have been poking around in other themes that do feature the selector, trying to work out how and where to add the code that will display it but a few hints would be very appreciated.

Ideally I would like to get it to display in that convenient bit of white space to the left of the username and password box.

(I have a basic knowledge of php and a reasonable command of CSS..)

Average of ratings: -
In reply to David Cousens

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Mary Evans -

Hi,

I knew there was something I needed to do...thanks for the reminder.

You can download the two files you need from HERE

Location to add the files...

aardvark_postit/config.php
aardvark_postit/layout/general.php

These will overwrite your originals

OK

Mary

Average of ratings: -
In reply to Mary Evans

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Michael Denton -

Using Moodle 2.0.3+ and the Post It theme.

When I add a module to the Mod folder the Plugin page comes up telling me that the table below shows my plugins, but it does not give the table. Have I switched something off?

Michael  

Average of ratings: -
In reply to Michael Denton

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Michael O'Brien -

Its a lovely clean theme but I was wondering if its possible and easy to change the background colour of just the profile bar not the entire header?

Can I also change the default user profile icon easily

Average of ratings: -
In reply to Michael O'Brien

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Mary Evans -

Hi,

Yes you can change the background of the profile bar, it's actually an opaque png image, so if you wanted to change the color you could add a small image say 10px by 10px of a solid colour and add that to replace the one in the theme pix/profile/profile-bg.png

As for the default user icon/s these you will find in aardvark_postit/pix_core/u  directory There are four images, these are: f1.jpg, f2.jpg, user_100.jpg, user_35.jpg you removed these images from the directory or just renamed them, then Moodle would over-ride them and add the default icon from Moodle core.

HTH

Mary

Average of ratings: -
In reply to Mary Evans

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Jeff Odachowski -

As for a drop down menu item in the theme settings, is that possible

Average of ratings: -
In reply to Jeff Odachowski

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Mary Evans -

Have you tried to add the custom menu yet? You have asked enough questions today to last a life time! LOL

If you add a menu in Theme Settings it keeps the settings no matter which them e you use. So set it as per the example in Theme setting page, and then test to see how many themes use this same menu.

smile

HTH

Mary

Average of ratings: -
In reply to Mary Evans

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Jeff Odachowski -

Thanks, I am getting there.  I assume we can change the padding and to make the subitems look like buttons and change the roll over colors

Cheers

Jeff

Average of ratings: -
In reply to Michael Denton

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Mary Evans -

I don't really know what page you mean. When designing a theme, plugins and core design is taken care of by Moodle core css files. so if this is not showing up then it could be a potential bug. Have you tried another theme? Does it not work there too?

Mary

Average of ratings: -
In reply to Mary Evans

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Vicke Denniston -
Picture of Testers

Hi Mary,

I love this theme, and it gets me nearer than I have been to find a theme that can approximate Bboard for reluctant faculty. Is there a way to expand the dock something along the lines of the photo below, so that minimised, it looks just like what you have, but it can expand to a text menu?

Thanks

Vicke Denniston

www.vicden.com/moodle2

Average of ratings: -
In reply to Vicke Denniston

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Vicke Denniston -
Picture of Testers

Oh, and I would really like to try out the Professional Theme, for once I have quit needing to show people how Moodle can look like Blackboard (yuck)

Average of ratings: -
In reply to Vicke Denniston

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Mary Evans -

Hi Vicke,

I dare say it is possible to code the dock to look like that, however, I just don't have the time. As for the Professional theme, that's nowhere near finished.

Glad you like the theme though!

Thanks

Mary

Average of ratings: -
In reply to Mary Evans

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Vicke Denniston -
Picture of Testers

I think I was hoping it was already there, as opposed to asking for you to make it just for me.

Will you be posting the Professional Theme when done?

Thanks

Vic

Average of ratings: -
In reply to Vicke Denniston

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Mary Evans -

Hi Vic,

With regards to the 'dock' ... A thought just occured to me. I supose you have discovered it works similarly to the image you posted albeit not as fancy.

This is what it should look like IF it works...which I don't think it does in Chrome. I use FireFox & IE and it works in both, so I don't tend to fret about the other browsers.

As for Professional, I've no plans to add it to the Moodle Themes repository at this time.

Postit Dock

Average of ratings: -
In reply to Mary Evans

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by christian iraola -

Hi, i'm a first time moodle user so please forgive me for any stupid question i might asksmile Anyway, I love your theme that's why i decided to use if for my first project. Here's my concern, I wanted a clean fronpage ("user not login page"). Is there a way that i can omit the menus on the frontpage? Here's my screenshot, i'v encricle the things i wanted to omit. And also, how can i disable the dock feature? Hope you can help me with it. Thanks a lot for all your help. GBU!

Average of ratings: -
In reply to christian iraola

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Mary Evans -

Hi,

First of all thanks for using this theme. smile

To make the Frontpage like you want it you will first need to disable the Dock in Site Administration > Appearance > Themes > Theme settings. As well as disabling the Dock you can set your site's Custom menu by following the instructions on that page. And while you are working on the theme you should enable Theme Designer Mode also found on that page.  In fact take some time and look at what settings are there and try them out.

Next read Navigation block which is a Moodle doc. This tells you all about this particular Block and how you make it work for you. 

As for the rest of the blocks, if you 'Turn editing ON' when in the Frontpage of your site you can remove all the blocks by deleting them using the "X" icon which you will see in the headed of each block. You can delet the Settings block as you need this as Admin, but this does not show up on the frontpage when not logged in.

And that is basically it.

Hope this helps?

Mary

Average of ratings: -
In reply to Mary Evans

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by christian iraola -

Hi Mary,

Thank you so much for the advise, I will never  get tired of thanking you, you're really such a big help. So far i'm having a great time creating my 1st project and i think i'm doing a good progress, your shares in the forum made it a lot easier for beginners like me, so thank you (againsmile Anyway, i really don't want to be such a pain in your part but i can't find any solution to my problems,  yes problems with "S". 1st, I'd like to move the image up a little near the maroon bar. 2nd, I want to move the Login area and omit the "guest" picture( the "m" w/ eyes) at the top right. 3rd, I like to put the login somewhere in the center of the page. And finally, can I use a totally different frontpage? I actually want to overhaul the frontpage design. I know the later ss kinda over the top but can you please at least guide me on how to do it? Thank you and please forgive me for all thesesmile here's my screenshot. Thank you!

Average of ratings: -
In reply to christian iraola

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Mary Evans -

Hi,

Solutions:

  1. #page-site-index div#jcontrols_button {display: none}
  2. #profilepic, #profilelogin { visibility: hidden;}
  3. As I am not sure how you got the login to show up I can't tell you have to move it. However if it is a BLOCK then you could probably move it using position: absolute; top: 50%; right: 50%; which may work, but on the other hand might do something unexpected.

As for remaking the frontpage that's easy, just make a copy of base theme's frontpage.php and add it to your theme's layout directory and style it as you want it to look, even change the way it works if you know enough about XHTML & PHP. Take a look at this discussion thread where I explain how to creat a new theme based on a Free CSS template. If you follow that you will get the idea you need to change your page. It is actually easier than you think, but harder trying to explain how to do it, especially if you do not know what a persons skills level is. smile

http://moodle.org/mod/forum/discuss.php?d=199850&mode=1

HTH

Mary

Average of ratings: -
In reply to Mary Evans

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by christian iraola -

Hi Ms. Mary,

Thanks for the quick response.  But i encounter a little issues in the solutions you provided.

For

1.) when i copy and paste the code ("#page-site-index div#jcontrols_button {display: none})" to "postit_core.css" the output actually wiped out the content area leaving just the menu bar and the footer.

2.) i actually want the profilepic to be omitted only in the fronpage. the solution actually does it but it also affect the the profilepic on other pages once log-in. 

3.) problem no. 3 is actually connected to no.2 , the login area the you saw somewhere in the middle of the page is not a BLOCK, it's ("photshopped") just a guide to where i want to put the login area that i omitted on problem no.2

I've glance the thread that you mentioned and i think the process is kinda bloody for me. The one thing that is really important if to create a totally new frontpage is how to connect the login process.

I think moodle is getting into my nerves now. LOL :D.

Thank you so much Ms. Mary you're such a wonderful person. GBUsmile

Average of ratings: -
In reply to Mary Evans

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by David Challoner -

Mary,

How do you put blocks into My Blocks (I can't drag and drop them in).

Also when I try to configure a block I get a whole load of errors from the debugger:

Invalid get_string() identifier: 'region-pbar-pre' or component 'theme_aardvark_postit'

  • line 5908 of \lib\moodlelib.php: call to debugging()
  • line 6498 of \lib\moodlelib.php: call to core_string_manager->get_string()
  • line 1150 of \lib\outputlib.php: call to get_string()
  • line 1177 of \lib\outputlib.php: call to theme_config->get_region_name()
  • line 88 of \blocks\edit_form.php: call to theme_config->get_all_block_regions()
  • line 153 of \lib\formslib.php: call to block_edit_form->definition()
  • line 59 of \blocks\edit_form.php: call to moodleform->moodleform()
  • line 1212 of \lib\blocklib.php: call to block_edit_form->__construct()
  • line 1069 of \lib\blocklib.php: call to block_manager->process_url_edit()
  • line 1208 of \lib\pagelib.php: call to block_manager->process_url_actions()
  • line 720 of \lib\pagelib.php: call to moodle_page->starting_output()
  • line 607 of \lib\outputrenderers.php: call to moodle_page->set_state()
  • line 196 of \course\view.php: call to core_renderer->header()

I have downloaded and am using the version you uploaded last night.

 

Dave

Average of ratings: -
In reply to David Challoner

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Mary Evans -

Hi,

To MOVE a block you do as you would do normally, which is Turn Editing on and then all the blocks get their respective EDIT icons. If you have some blocks other than Settings & Navigation, you will see a dashed line appear in all the areas you can move a blocks to after you CLICK on the MOVE icon.

When you see the dashed lines appear on the page, open the Profile Bar and you will see two dashed areas appear one in each of the 'My Blocks' areas.

As for your Warning message.  I'm puzzled...as the get_string is looking to a region rather than a word string.

Which location did you download the file from?

Mary

Average of ratings: -
In reply to Mary Evans

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by John St -

You probably need to add something like the below to the lang file to prevent those warnings. I had a similar issue with a different theme.

$string['region-pbar-pre'] = 'Left menu block';
$string['region-pbar-post'] = 'right menu block';
Average of ratings: -
In reply to John St

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Mary Evans -

But there isn't ANY reference to region-pre-bar as a string John...that's what puzzles me.

Found it...needs fixing!

Cheers

Mary

Edit: It was casued by not spelling it out in lang/en/aardvark_postit.php
Now we know what to do, this means we can have blocks every place!
They say you learn by your mistakes.

Thanks for the pointer John.

Average of ratings: -
In reply to Mary Evans

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by David Challoner -

Mary was correct in that I was trying to use Configure, I got the dash0lined blocks this morning so I don't know what was happening before.

Thanks Mary I'll download the latest version from moodle.org when I get home from work!

David

Average of ratings: -
In reply to David Challoner

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Mary Evans -

Hi David,

The version in the DOWNLOAD in new Moodle Plugin theme page is the old one. You need to download the latest which is in the Alternative URL link. The zip is dated 2011090200 which you can download from HERE

HTH

Mary

Average of ratings: -
In reply to Mary Evans

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Christopher Cadwell -

Where do you change the default profile "User Picture?"

Also what is the size in pixels of the background image supposed to be?

Average of ratings: -
In reply to Christopher Cadwell

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Mary Evans -

Hi,

You will find all the images in theme/aardvark_postit/pix/graphics/ whatever the size of those background images.

The default User Pic can be found in theme/aardvark_postit/pix_core/u/

HTH

Mary

Average of ratings: -
In reply to Mary Evans

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by J C -

Ok, so I am seeing some conflicting info. I see some say Moodle 2.0.3, the post says 2.1

My holdup from 2.1 is php 5.3 requirement. My host is at 5.2.17, so no Moodle 2.1 for me sad

Can you please clarify the php and Moodle version requirement for this theme? I really like the looks of the theme and would like to use it. I am currently on Moodle 2.0.4+

Thanks.

- John

Average of ratings: -
In reply to J C

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Mary Evans -

Hey,  this Theme will work on any version of Moodle 2.x.x

There is nothing scientific about this theme so lets not get hung up on versions of Moodle 2.

It's currently on my website which, like your host server, is restricted to the version of Moodle because of the issue with PHP 5.3.x

I have Moodle 2.0.3 (Build 5 May 2011)...so...like I said this theme is not rocket science.

If you are having problems with it that's a different matter, which is more likely to be the way you upload the theme to your server.

HTH

Mary

Average of ratings: -
In reply to Mary Evans

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by J C -

Hi Mary,

So it will work with any Moodle 2.0.1 and up? Good.

And it works with php 5.2.8 or higher (Moodle version requirement)? Good.

PHP 5.3.x has some changes. When the theme says it requires the higher version of php, I get concerned.

I am on a new install and don't want to kill it by a mistake. I haven't added any themes before, so I don't have a comparison.

So I will just ignore the published version restrictions as too aggressive and install anyways.

Thanks.

- John

Average of ratings: -
In reply to J C

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by J C -

Okay Mary, it's official.

You are now my FAVORITE PERSON!!!

I absolutely LOVE your new theme!

Thank you for all your efforts on this. I really like the profile bar and the clean text and look of the screen.

- John

Average of ratings: -
In reply to Mary Evans

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Miriam Laidlaw -

Hi Mary,

I seem to be having a little problem with your theme. I have uploaded several themes to the server, but every time I upload yours, it seems to break something.

I am using Moodle 2.1.1+ on a server with PHP 5.3.3

Other themes are installing fine. I upload your theme and log into the site as administrator, and it forces me to the notifications page - except that the notifications page refuses to load.

I remove your theme, and suddenly my admin user can access the site again. I turned on debugging, then re-uploaded your theme to the theme directory. Refresh the page and am given a blank page and no messages.

Average of ratings: -
In reply to Miriam Laidlaw

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Mary Evans -

Hi,

I am fairly certain there is nothing wrong with the theme, but there may be something wrong with your website/or local server depending on the way you have your moodle site running.

Try carrying out this short maintenance and see if this works?

Befor you begin make sure the aardvark-postit theme is not on your server.

  1. go to your Notification's page and check to see if the cron job has been done in the last 24hrs. If not click on the link within the text in that notification....or go to yoursitename/admin/cron.php once this has completed retyrn to the Notifications page and refresh your browser window.
  2. Purge all cache
  3. Turn on Theme Designer Mode
  4. Stay logged in and upload a fresh copy of my theme back to your server
  5. Once you know the theme is on the server go to...
    Appearance > Themes -> and choose the Aardvark-Postit settings page from the list of links.
  6. When this page opens...just save it and close it.
  7. Now try selection the theme itself via the theme selector

Let me know how you get on.

Cheers

Mary

Average of ratings: -
In reply to Mary Evans

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by P H -

Hello, 

I have this problem: 

When I upload your theme (aardvark_postit-version-2011090200) to my server, my website simply turns into a blank page, but it is still visible if I view it from another browser without logging in. When I delete the themes from the server, everything goes back to normal. 

I followed the above instructions up to number 5. There was no Aardvark-Postit setting page to choose, and when I refreshed the page, I got a blank page! 

Any ideas what is wrong? 

Thanks, 

P. H. 

Average of ratings: -
In reply to P H

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Mary Evans -

When I delete the themes from the server, everything goes back to normal.

What other themes have you added?

Cheers

Mary

Average of ratings: -
In reply to Mary Evans

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by P H -

Hello and thanks for the prompt reply. 

Sorry, I meant "when I delete the theme" (i.e. just Aardvark Postit).

I have just noticed something odd though. When I click on themes in the navigation block, in the themes list, where you would expect to see the Standard Theme, I see CONFIGTITLE. When I click on CONFIGTITLE, I get a normal-looking page with the CONFIGTITLE written at the top and nothing else. 

But: 
- When I click on Theme Selector, I can see the Satandard Theme as usual. 
- I checked the files on my server and the standard theme folder is still there. 

I am using Moddle 2.0.2 (Build: 20110221) 

Cheers,

P. H. 

Average of ratings: -
In reply to Mary Evans

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by P H -

Sorry, I forgot to answer your question:

I have these themes in my themes folder: 
Arialist, Brick, darkb, Formal white, Fusion, Magazine, Moodlebook, Nonzero, Overlay, Sky High, Splash, Standard (Shown as [ [ configtitle ] ] ), universite

The theme I am using is Dark Blue.  

Average of ratings: -
In reply to P H

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Mary Evans -

Well this sounds like you have distroyed Moodle by deleting the main parent theme.

In Moodle 2 the main theme is NOT Standard but "BASE" theme. The reason you are getting CONFIGTITLE is because Standard theme's PARENT is BASE theme.

Chances are that you have also deleted CANVAS theme. And since Aardvark Post-IT  PARENT themes are CANVAS & BASE you have destroyed Aardvark Post-IT in the process.

Average of ratings: -
In reply to Mary Evans

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by P H -

Hello again, 

Both the "base" and "canvas" folders still exist in the themes folder on the server but for whatever reason, they don't show in the site administration block, i.e. neither in the theme's list nor on the theme selector page. 

Thanks, 

P. H. 

Average of ratings: -
In reply to P H

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Mary Evans -

OK...in that case go to Site Administration > Development > Purge all caches

Click that and then tell me what happens

You could also try turning enable debugging in the same area you find Purge all caches

Site Administration > Development > Debugging

Average of ratings: -
In reply to Mary Evans

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by P H -

Hello, 

I purged all caches. No change in the themes list in the administration block. 

I have also set debugging to "developer". (Where will I be seeing the debugging messages?) 

P. H. 

Average of ratings: -
In reply to P H

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Mary Evans -

You need to allow to see message in the page.

Also enabeling Theme Designer Mode in Theame settings page

Site Administrtion > Appearance > Themems > Theme Settings ->>

Theme Designer Mode is 2nd from top check the bocj and SAVE settings

You will them see themes listed in Theme selector

Average of ratings: -
In reply to Mary Evans

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by P H -

Hello, 

I did as instructed. 

Here is the debug message I have at the top of the Theme Settings page:  

Invalid get_string() identifier: 'configtitle' or component 'theme_universite'
  • line 5863 of /lib/moodlelib.php: call to debugging()
  • line 6418 of /lib/moodlelib.php: call to core_string_manager->get_string()
  • line 6 of /theme/universite/settings.php: call to get_string()
  • line 29 of /admin/settings/appearance.php: call to include()
  • line 5615 of /lib/adminlib.php: call to require()
  • line 18 of /admin/settings.php: call to admin_get_root()
Invalid get_string() identifier: 'configtitle' or component 'theme_universite'
  • line 5863 of /lib/moodlelib.php: call to debugging()
  • line 6418 of /lib/moodlelib.php: call to core_string_manager->get_string()
  • line 6 of /theme/universite/settings.php: call to get_string()
  • line 29 of /admin/settings/appearance.php: call to include()
  • line 5615 of /lib/adminlib.php: call to require()
  • line 5716 of /lib/adminlib.php: call to admin_get_root()
  • line 38 of /admin/settings.php: call to admin_write_settings()
Invalid get_string() identifier: 'configtitle' or component 'theme_universite'
  • line 5863 of /lib/moodlelib.php: call to debugging()
  • line 6418 of /lib/moodlelib.php: call to core_string_manager->get_string()
  • line 6 of /theme/universite/settings.php: call to get_string()
  • line 29 of /admin/settings/appearance.php: call to include()
  • line 5615 of /lib/adminlib.php: call to require()
  • line 52 of /admin/settings.php: call to admin_get_root()

And I get this when I go to the Universite Theme page (The page itself looks all right):

Invalid get_string() identifier: 'configtitle' or component 'theme_universite'

  • line 5863 of /lib/moodlelib.php: call to debugging()
  • line 6418 of /lib/moodlelib.php: call to core_string_manager->get_string()
  • line 6 of /theme/universite/settings.php: call to get_string()
  • line 29 of /admin/settings/appearance.php: call to include()
  • line 5615 of /lib/adminlib.php: call to require()
  • line 18 of /admin/settings.php: call to admin_get_root()

When I clicked on where the standard theme should be (but of course what I see is [ [ CONFIGTITLE ] ] ) I got the same message about "Universite" Theme: 

Invalid get_string() identifier: 'configtitle' or component 'theme_universite'

  • line 5863 of /lib/moodlelib.php: call to debugging()
  • line 6418 of /lib/moodlelib.php: call to core_string_manager->get_string()
  • line 6 of /theme/universite/settings.php: call to get_string()
  • line 29 of /admin/settings/appearance.php: call to include()
  • line 5615 of /lib/adminlib.php: call to require()
  • line 18 of /admin/settings.php: call to admin_get_root()

The website in general runs all right on the Dark Blue Theme, so I still don't understand:

  1. Why certain themes (to be exact: aardvark_lite, anomaly, arctic, base, binarius, boxxie, cavnas, creatif, formfactor, leatherbound, serenity, ) are not seen in the themes list while they are present in the Themes folder on the server. 
  2. Why the website goes all blank (If I am logged in but not if I am not logged in) as soon as I upload Ardvark Postit. 

What do you suggest I do now?  

Thanks again for following this up. 

P. H.

P.S. New things to report: 

I removed the universite theme, uploaded Aardvark Postit again and:

With me logged in as admin (obviously) the site went blank on refreshing the page with this message:
Parse error: syntax error, unexpected T_VARIABLE in ...theme/aardvark_postit/lang/en/theme_aardvark_postit.php on line 1 

On another browser, the site displayed normally and I could log in as a student too, but not as admin. I got the same parse error message. 

I deleted Aardvark Postit and everything is back to normal now. 

Average of ratings: -
In reply to P H

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

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

Well, I would suggest there is an error in your universite theme naming that needs looking at.

The error in the language file in aardvark_postit would suggest changes have been made there causing the syntax error which are not present when i downloaded the theme recently. Have you made any changes to the language file? Have you tried a fresh download of the theme?

In fact given the apparent state of your themes - the number of them not showing up for example - you may want to upload a completely fresh copy of the themes folder from a new download and see if that helps.

That does seem a bit OTT though and Mary may be able to come up with a better solution

HTH

Richard

Average of ratings: -
In reply to Richard Oelmann

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Mary Evans -

I think Richard is correct with his advice. I would perhaps go one better and DELETE the whole MOODLE directory and install a fresh download of the version of Moodle best suited to your server. Posibly Moodle 2.0.3 at least if not newer if you server has the correct version of PHP.

How you install this can also be a cause of your earlier problems. Auto installers can break Moodle.

HTH

Mary

Average of ratings: -
In reply to Richard Oelmann

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by P H -

Thank you Mary and Richard, 

I think I'll take it one step at a time. 

I'll first download a fresh copy of the theme and see how it works. (Where do I get it from please? The top of this page?) 

If it doesn't solve the problem, I'll replace the whole themes folder from a fresh download of Moodle. 

If that doesn't work either, I'll have a decision to make. My site works fine at the moment with Dark Blue. I would prefer to have Aardvark Postit though. Tough! 

I'll keep you posted. Just confirm where I can download the latest version of Aardvark Postit  please. 

Thanks again and enjoy your weekends...

P. H.  

Average of ratings: -
In reply to Richard Oelmann

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by P H -

I downloaded Ardvark Postit from the link Mary had mentioned and uploaded it. The same old senario. Had to remove it. 

P. H. 

P.S. I have removed université too. 

Average of ratings: -
In reply to P H

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Mary Evans -

OK

Can you tell us what version of Moodle are you using and also what type of platform is it running on. I assume it is on a hosted website? 

Can you tell us the type of server and also more importantly how do you import themes to the server. Do you upload the zip then use an installer or do you just FTP the extracted theme directly to the theme directory on your server?

All important questions, the answers of which should point to the fault you are experiencing.

Also...as an afterthought, can you please tell us which Web-Hosting Company you are using as this too may have a part to play in this 'tradgedy'.

Thanks

Mary

Average of ratings: -
In reply to Mary Evans

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by P H -

Hello again! 

Moodle 2.0.2 Build 20110221, Hostmonster, Moodle installed using Simple Scripts some months ago, I ftp the unzipped folder. 

This ongoing tragedy you mean... ;)  

Thanks, 

P. H.

Average of ratings: -
In reply to P H

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Mary Evans -

In that case have you tried uploading the ZIP via your Control Panel and then using Simple Scripts to instal the theme. You will find it will work after that as these software instalers tend to add some extra code to the pages.

The problem you have does seem to me to be following the same pattern as the problem with what is known as a cPanel.

HTH

Mary

Average of ratings: -
In reply to Mary Evans

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Chris Clarke -

I had the exact same problem (first problems with other themes which needed deleted, then the line 1 issue). Having followed the steps first outlined I still only got blank page after blank page, however when I uploaded the theme via cpanel and unzipped there (having previously used filezilla to send via ftp), the problem was resolved. 

So thanks for all the very handy advice, and hope anyone else who has this problem gets it fixed too. 

Average of ratings: -
In reply to Chris Clarke

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Mary Evans -

It's good to get some positive feedback.  ThanksCheeers!

Average of ratings: -
In reply to P H

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

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

Well, as I posted previously, I think given the number of themes you appear to be having trouble with, re-uploading aardvark or any one theme was very unlikely to do the trick. I think you need to either replace the entire themes folder with a fresh download, or as Mary suggested reinstall the entire noodle folder.

Average of ratings: -
In reply to Richard Oelmann

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Mary Evans -

"...or as Mary suggested reinstall entire noodle folder..."

Did I really say that? LOL

Average of ratings: -
In reply to Mary Evans

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

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

ooops big grin

noodles - perhaps I was subconsciously reflecting the state of PH's theme folder LOL!

Average of ratings: -
In reply to Richard Oelmann

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Mary Evans -

@Richard

LOL...I thought you have been eating Pot Noodles while watching Rugby! By the way, I downloaded and checked the Universite theme (NICE Theme shame about the ERRORS). I foungs lots of errors which need fixing, so might start a tracker issue and get the Rolly to FIX it and add to new Plugins Database. However, it's worth a look as the layout is so different, and so very simple. Some of the layout CSS it pretty cool too. I think I will be borrowing a few ideas from that theme.

@PH

I've tided up the Universite theme if you would like me to send you a copy can you let me have your email address? You can send it via the Private Message here.

Cheers

Mary

Average of ratings: -
In reply to Mary Evans

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by P H -

hello Mary, 

I am back with a similar problem:

I upgraded Moodle 2.0.2 to Moodle 2.2.2+ a few days ago on a server with Php 5.3.10 and Mysql 5.1.61. 

Everything went on smoothly until I uploaded Aardvark Postit, which installed OK but then when I clicked on home, I got a blank page with this message: 

Server error
The website encountered an error while retrieving http://www.ollss.com/paarsi/admin/index.php. It may be down for maintenance or configured incorrectly.
Here are some suggestions:
Reload this webpage later.
HTTP Error 500 (Internal Server Error): An unexpected condition was encountered while the server was attempting to fulfill the request.

However, strangely enough: 

1. When I typed the URL of an internal page of the website (not the home page), the site was available and I could click on various link and see the different course pages etc. 

2. When logged out, I could see the homepage again. 

And the error log: 
[07-Apr-2012 20:37:15 UTC] PHP Deprecated: Directive 'magic_quotes_gpc' is deprecated in PHP 5.3 and greater in Unknown on line 0 

I deleted the Ardvaark Postit folder and everything went back to normal.

I had exactly the same problem with the Rocket theme. 

No such problems with the themes included in the Moodle setup file. 

So any ideas how I can sort this out on this lovely Sunday morning? 

P. H. 

Average of ratings: -
In reply to P H

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Mary Evans -

Hi,

When did you download the theme?

I disabled the download links a few days ago but only updated the theme on the 6th April 2012. If your version was older than this then the problem may well be the fact most of the files were in MAC format. The new ones are in UNIX which is what should be used in the development of Moodle themes. Also since Rocket was built on the Aardvark files, it mre than likely you have the old files and so these are more likely to be the cause of the problem.  I only just discovered this while fixing Post-it the other day.

So if you grab a new copy of Aardvark Post-IT from the Plugins database and test that. But please be sure to Purge all caches (site admin > development > purge all caches) before you add the new version of this theme. Also be sure you get the correct version for Moodle 2.2.

Cheers

Mary

Average of ratings: -
In reply to Mary Evans

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by P H -

Hello Mary, 

Thanks for the advice.

I have mixed news.

Here is what I did:

  1. I downloaded the latest versions of Aardvaark Postit and Rocket. 
  2. I uploaded the Aardvark Posit zip file to server (using cpanel), extracted and installed it. Everything went fine, I could navigate inside the website and could also see the home page while logged in. No blank page or error message. 
  3. I uploaded the Rocket zip file to server (using cpanel), extracted and installed it. The problem returned! Again I could navigate inside the website while logged in but as soon as I clicked on Home, I got a blank page with the error message above. 
  4. I deleted the Rocket folder.  Everything went back to normal with the Ardvark Postit and other themes functioning normally. 

Hope this feedback helps, and thanks again!

Have a good Monday evening or whatever time it is over there! 

P. H. 

Average of ratings: -
In reply to P H

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Mary Evans -

Well it looks like I was right after all. So it MUST be the MAC files.

I think you should report thia in the Rocket theme discussion, and get Julian to fix it.

Cheers

Mary

Average of ratings: -
In reply to Mary Evans

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Miriam Laidlaw -

I have been having a lot of trouble with themes zipped on a Mac. I won't zip on a Mac now at all, I transfer the theme folder via Dropbox to my PC and zip it up from there.

I'm sure it didn't used to do it, but now when I zip on a Mac it encrypts the file (which means if you unzip on a PC it shows up as a green encrypted file and won't install on Moodle until you unencrypt it) and leaves the DS_Store files everywhere. Is this the same issue?

Average of ratings: -
In reply to Miriam Laidlaw

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Mary Evans -

.DS_store most certainly, however, the bigger problem is that the actual files are listing on my TexPad Text Editor as MAC formatted files.

Normally when I save files they will save as the type thay were in originally. This is when I first started to notice how many MAC formatted files were in MY copy of Aardvark Post-IT so I did a 'save-as' on each individual file and converted it into UNIX UTF-8 format as I would when doing development work on GIT.

Average of ratings: -
In reply to Mary Evans

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by John Rop -

Hi! I loved the theme, though how can I change the side the User bar in the logo is? I want it to be on the left side and it's on the right.

Another thing is, where can I find in the files this pic = 

I want to remove it, how do I do that please?

 

thank you very much!!

Average of ratings: -
In reply to John Rop

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Kaz Madigan -

Hello Mary

We are going well with your theme and appreciate any assistance you could give us.  Last week we placed the newest version of the theme with the menu fixes over the top of the post it theme we had already installed and the profile pic on the front page changed from the nice black and orange logo to the traditional sillouette profile pic. This must have happened when we over wrote it and now we can't use your nice one. 

  1. Is there any way we can get your nice one back as it doesn't seem to be picking up on the pics in the pix/u folder at all?
  2. Is there any way to completely remove the profile pic on the front page of the post it theme, both outside and inside the log in?
  3. We have changed the theme to be fixed at 960px (thanks so much for this tip) and now want to have 2 columns only, as the 'Add a block' within a course page sits on the left side making the content area and right block area too crowded for designing on the page with the fixed width style. How could we create a 2 column style - with all the blocks on the left side (pre) and no blocks on the right side (post)?

We would really appreciate any assistance you  or other users could provide to us.

Thanks

Kaz M

 

Average of ratings: -
In reply to Kaz Madigan

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Mary Evans -

Hi Kaz,

Funny you should say that about the Profile picture, it seems to be doing that on my own localhost version, and wonder why it's vanished. However I have just looked now and the image is still in the "aardvark_postit/pix_core/u" directory.  I'll investigate. I do remember that someone asked me a while ago to remove them, so I may well have changed some code and forgot to change it back!!! I will investigate and let you know.

EDIT: The reason you are not seeing the 'owl' profile pic is that it's in the wrong folder!!!

  1. make a copy of aardvark_postit/pix_core/u directory
  2. paste it into aardvark_postit/pix directory
  3. using the NEW profileblock.php I have attached will ensure the 'owl' returns
  4. if you still want to drop the profile pic off the front page send me a message and I'll email you the correct file.

I have attached an amended copy of the profileblock.php for you to download and substitute for your original file on your server. You should see the file top right of this comment.

As for the ADD-BLOCK, well that's one of my pet hates too. We are presently trying to find a way this can become a 'movable' block, but for the present we are stuck with it popping up when you least want it to.

Rather than have 2 columns which is not easy to do and will not get rid of the ADD-BLOCK, is to make the ADD-BLOCK only appear on the LEFT. This is very easy to do, here are the instructions.

  1. OPEN aardvark_postit/config.php in Notepad
  2. where it says  'defaultregion' => 'side-post',
  3. CHANGE THIS TO READ  'defaultregion' => 'side-pre',
  4. change EVERY instance of that same line throughout that file (approx 6 instances) be careful NOT to delete and punctuatuion
  5. SAVE changes and TEST

I hope this all helps?

Mary

Average of ratings: -
In reply to Mary Evans

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Kaz Madigan -
Thanks Mary...very much appreciated. Kaz M
Average of ratings: -
In reply to Mary Evans

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Mel Wade -

How is NTLM authentication working for this theme?  I've tried it once on the past, but was not successful.

Average of ratings: -
In reply to Mel Wade

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Katerina Nemcova -

I absolutely love this theme - many thanks Mary!
I do have however a small issue with the logo (probably something very stupid) and that is when I replace the original logo with mine, it stretches horizontally & vertically ending up looking quite fuzzy. The resolution is 631×100px 300dpi and I have tried uploading different resolution, as well as uploading a new png image in both the pix folder as well as using the front-end settings but, to no avail. The same image looks ok in other themes so I'm not sure how to fix this.

Any ideas please? Many thanks in advance.

Average of ratings: -
In reply to Katerina Nemcova

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Mary Evans -

Hi,

Thanks for the kind comments.

To fix the logo you will need to change the height value for the logo in the css for #logowrap in aardvark_postit/style/core.css as indicated below.

#logowrap {
    height: 80px; /*delete*/
    height: 110px; /* add */
    float: left;
    margin-left: 0;
    margin-right: auto;
}

After making these changes to the CSS file you will need to purge the cache

Settings > Site Administration > Development > Purge all caches

HTH

Mary

Average of ratings: -
In reply to Mary Evans

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Katerina Nemcova -

Hi Mary,

Thanks for the suggestion, though it hasn't resolved the fuzzy logo, it still stretches for some weird reason. 

To get the logo aligned correctly to the menu bar, I had to change the height to:

#logowrap {
    height: 105px;
    float: left;
    margin-left: 0;
    margin-right: auto;
}
#logo {
    float: left;
    margin-top: 10px;
    margin-left: 0;
}

Strangely enough, I have now noticed that the logo sits well aligned to the menu bar when a user is loged on, but is 5px out of line vertically when a user is loged out. Is there any other setting I have missed?

Many thanks

Average of ratings: -
In reply to Katerina Nemcova

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Mary Evans -

Hi,

Any chance you could send me a link to yout website?

Thanks

Mary

Average of ratings: -
In reply to Mary Evans

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Katerina Nemcova -

Hi Mary,

Details sent in a PM.

Many thanks

Average of ratings: -
In reply to Katerina Nemcova

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Mary Evans -

Hi,

I had forgotten it was this same theme I was helping with you some weeks ago...months ago! and still have access to your site.

One of the problems with the logo on the login page is this CSS setting. make margin-top: 0 (it was 10px) and casued the logo to be pushed down over the menu.

Average of ratings: -
In reply to Mary Evans

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Katerina Nemcova -

Hi Mary,

I have changed the top margin to 0, which did correct the logo position when a user is logged out, but if you log in, now the logo isn't 'sitting' on the menu and it's 10px above.

As per the fuzzines, I'm using the latest FF and IE. Try right-clicking on the logo (in FF) and 'View image' - on both browsers it comes up a bit smaller but perfectly sharp. Hopefully this will show what I mean about the fuzzines. 

It has been a steep but great learning curve for me working with themes, but now i feel totally stuck with these two silly but annoying problems! Many thanks again for your help!

Katerina

Average of ratings: -
In reply to Katerina Nemcova

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Mary Evans -

Hi,

I am not seeing any fuzzyness. Is it perhaps that your screen resolution is set to a smaller setting them mine, which is 1400 x 1050. The header looks great in both sites.

I'm just wondering also if the opaque image from the profile bar is overlaying itself on your screen?

Have you tried clearing the cache from your browser?

HTH

Mary

Average of ratings: -
In reply to Mary Evans

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Katerina Nemcova -

Hi Mary,

I have now managed to fix the logo position by tweaking the header/logowrap css so finally it sits aligned correctly to the menu bar.

As per the fuzzyness, I have discovered the logo looks great in Chrome and Safari, but it stretches slightly in FF and IE. So it is a browser issue as you suggested; actually I've just found a link to a similar isue (http://drupal.org/node/932834) so will try to fix it this way.

The profilebar blue image is there on purpose but will be changed to something more decent.

Many thanks for your help.

Average of ratings: -
In reply to Katerina Nemcova

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Katerina Nemcova -

Oh - one more question (sorry)!

In the profile drop-down menu (which is so cool by the way), I know that admin and teachers can add their own blocks, but is there a way for students to do this (considering that they do not have site permissions to edit blocks)?. Or must administrators do this on their behalf?

Thanks

Katerina

Average of ratings: -
In reply to Katerina Nemcova

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Mary Evans -

Hi,

In Moodle 1.9 you could make a block 'stick' in a certain position. I don;t know if this exists in Moodle 2.  I will need to check this out.

Mary

Average of ratings: -
In reply to Katerina Nemcova

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Mary Evans -

The fuzziness, as you call it, is due to pixelation of the image. I wonder if declaring the width of the image using #logo { width: 630px; } or whatever width it is, will do the trick? It's worth a try.

Mary

Average of ratings: -
In reply to Mel Wade

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Mary Evans -

Did you mean HTML authentication?

If you are talking about HTML Form authentication, this is nothing to do with the theme, but more of a technical question about how Moodle works in this respect.

Mary

Average of ratings: -
In reply to Mary Evans

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by יגאל רונן -

Hi Mary.

Thank you so much for the beautiful theme. 

I'm having a problem though with some critical stuff with my moodle site.

I'm trying to install other themes and it seems only this theme is updating in my site. I can't see any other themes Iv'e uploaded to my server.

Any way to change it?

By the way can I customize the "input" buttons in moodle? their font or can I upload a picutre for the buttons? 

Thank you very much!

Average of ratings: -
In reply to יגאל רונן

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Mary Evans -

Hi,

Nothing to worry about...it is the way Moodle works. It is a bit of a nuisance but when you understand how the Theme selector works you will be OK.

If you ignore what the Tab next to the current theme says and CLICK that tab the full list of Themes will show up so that you can select a new theme.

Hope this helps?

Mary

Average of ratings: -
In reply to Mel Wade

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Mary Evans -

Hi Mel,

Sorry for sounding dumb with relation to NTML. Someone in the forum just put me right on this subject and have found some information for you, which you may find helpful.

NTLM_authentication

Cheers

Mary

Average of ratings: -
In reply to Mary Evans

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by EPM CELP -

Hi Mary,

As you can see in a thread I started yesterday, I'm also using your theme (witch I think is great, by the way), but I'm having some kind of bug in the top menu.

If I create an item in the menu, with no sub-items and with a link, it shows me an odd colour, instead of the color I chose on the theme settings.

I know I've read something about it in the last weeks, but I'm not being able to find it now... is there something we can change somewhere in the CSS to correct that color? I tried using Firebug to catch the right class, but the changes I made in some "probable" classes weren't successful.

TIA for your help,

Manuel

Average of ratings: -
In reply to EPM CELP

תשובה ל: Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by John Rop -
Hi mary!
Thanks again for this wonderful theme!
Most of the theme makes the text align from left to right.
How do I make all the text in the site align to right from left?
Such as the top menu that shows you where you are in the site? How can i make the side of the text on the page change?
Some of the texts that are supose to be centerd are aligned to the left, how can I fix that?
thanks agian!!
sorry for bothering you with the newbie questions smile
Average of ratings: -
In reply to EPM CELP

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Mary Evans -

Hi,

This problem with the menu, has, as far as I know, not yet been fixed, but only occurs in Internet Explorer anyway.

The only way round this is to use Firefox, or someother browser.

Mary

Average of ratings: -
In reply to Mary Evans

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by min 19 -

Hi I am using your theme but I have a question as I can make thin bars on the sides of a course that I could only make a thin and the other stays the same, please could help me get a picture as reference thanks

Your theme is great

Average of ratings: -
In reply to EPM CELP

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Mary Evans -

Hi Manuel,

I have just realised this problem is not the same one which is caused by the YUI CSS in IE but more to do with the fact that single menu items have not been styled at all for this theme. I'll look into this and find the missing CSS.

My apologies for missing this.  I think I was distracted with the fact that the sprite.png image was in the screenshot you uploaded as your example of the problem you were faced with. Adding sub-menus will get rid of the problem that's correct, but it does not get over the fact that the CSS was left out! sad

Mary

Average of ratings: -
In reply to Mary Evans

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Brian Schmidt -

I won't promise this to be the best way to resolve the issue, but I added this to the core.css file and have gotten rid of the issue with the top menu displaying poorly in IE.

.yui3-skin-sam .yui3-menu-horizontal .yui3-menu-label .yui3-menu-label-active,
.yui3-skin-sam .yui3-menu-horizontal .yui3-menuitem-active .yui3-menuitem-content,
.yui3-skin-sam .yui3-menu-horizontal .yui3-menu-label-menuvisible{
 border-color:#<yourcolor>;
 background:#<yourcolor>;
 background-image: none! important;
}
Average of ratings: -
In reply to Mary Evans

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by EPM CELP -

Hi Mary,

Thanks for finding that out. I was just about to reply to your previous post, because I had tested it on every browser I could (FF, GC, IE) and it was the same in every of them.

I'll wait for your update on this one, so that I can use some items with no submenus.

Average of ratings: -
In reply to EPM CELP

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Mary Evans -

Hi EPM,

I have attached a copy of core.css which has the FIX for this problem.

Sorry for the inconveniance of this...I should have spotted it before now!

Regards

Mary

Average of ratings: -
In reply to Mary Evans

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Rene Ouellette -

Hi Mary

In the string of the forum, I am not sure if the IE issue is fixed, or if this was fixed for FF.  We are getting the background of the menu showing properly in FF, and not in IE.  Compatibility mode off or on, doesn't seem to make a difference.  The top menu item seems fine, but then the drop down is showing a light blue.  In FF, it displays our select menuhovercolor all the way through.  I was looking at your attached core.css, but wasn't able to get IE to display properly.

Thanks,

Rene

Average of ratings: -
In reply to Rene Ouellette

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

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

Hi Rene,

I've just been (am still!) looking at this for another theme I'm working on and would say that no, this IE/Custommenu issue is not fixed throughout, although some of the notes in Tracker suggest it has been addressed in some moodle versions but not backported into other versions - perhaps someone would be able to confirm that or not (trackers MDL-28941 and MDL-26979)

The only solution I have found so far is to use a custom renderer to create the custom menu rather than the default renderer. This can then be styled without the default yui being applied.

 

Richard

Average of ratings: -
In reply to Rene Ouellette

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Mary Evans -

ATTACHED IS A CSS FILE CONTAINING THE CSS FOR THIS FIX

COPY & PASTE ATTACHED CSS TO CORE.CSS FOR THIS THEME

HTH

MARY

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

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Rene Ouellette -

Hi Mary

This is what I had already put in before sending the last message.  Seems like I have everything, but maybe missing something simple.

Sounds like Richard may have been running into the same issue as well.

Thanks,

Rene

Attachment Core css snip.JPG
Average of ratings: -
In reply to Rene Ouellette

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Mary Evans -

Have you got this CSS line too?

.yui3-skin-sam .yui3-menu-horizontal .yui3-menu-label {
    background-image: none!important;
}

Mary

Average of ratings: -
In reply to Mary Evans

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

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

Hi Mary and Rene,

Cracked the problem in aardvark_postit and IE7

I added the following to the bottom of postit_menu.css - although the actual line is in core.css. This could probably be done on the line in core, but i haven't checked that yet

div.yui3-menu.custom_menu_submenu .yui3-menu-content li a:hover, .yui3-skin-sam .yui3-menu-label-active, .yui3-skin-sam .yui3-menu-label-menuvisible, .yui3-skin-sam .yui3-menu .yui3-menu .yui3-menu-label-active, .yui3-skin-sam .yui3-menu .yui3-menu .yui3-menu-label-menuvisible, .yui3-skin-sam .yui3-menuitem-active .yui3-menuitem-content, .yui3-skin-sam .yui3-menu .yui3-menu .yui3-menuitem-active .yui3-menuitem-content, .yui3-menu-content li:hover, .profileoptions li:hover{

     background-image: none !important;
    background-color: setting:menuhovercolor !important;
    }

Edit: The background-image line above is not needed (in this case - the sprite image seems to have already been dealt with and its the background colour that was hanging in there) and the !important can be added to the existing line in core.css (its about line 980) and that has worked :D

Thanks as always for your input Mary. The yui for custommenu is (for me anyway) the worst bit of all when it comes to customising any of the themes! I am so often tempted to go back to the hard coded menus from 1.9 - but usually resort to a renderer to make it easier! lol!

 

HTH

Rich

Edit2: I've added the code as a txt file as mmodle has stripped some of the tags ' ' etc out of the text above

Rich

Average of ratings: -
In reply to Richard Oelmann

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Mary Evans -

Hi Richard,

According to Sam Hemelryk, none of this is written correctly. There is a need to change the way the menu CSS is written. The prefered format is using the ID selector #custommenu so the above code would probably work if it was rewritten..

#custommenu div.yui3-menu.custom_menu_submenu .yui3-menu-content li a:hover,
#custommenu .yui3-menu-label-active,
#custommenu .yui3-menu-label-menuvisible,
#custommenu .yui3-menu .yui3-menu .yui3-menu-label-active,
#custommenu .yui3-menu .yui3-menu .yui3-menu-label-menuvisible,
#custommenu .yui3-menuitem-active .yui3-menuitem-content,
#custommenu .yui3-menu .yui3-menu .yui3-menuitem-active .yui3-menuitem-content,
#custommenu .yui3-menu-content li:hover,
#profilebar .profileoptions li:hover {
    background-image: none;
    background-color:setting:menuhovercolor;
    }

So knowing how IE works...I guess it's just a CSS problem.

Mary

Average of ratings: -
In reply to Mary Evans

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

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

That's quite possible Mary - all I did was locate and copy the code already in the aardvark_potit/styles/core.css file and added the !important to what was already there to try to solve the issue for Rene.

Hopefully, apart from adding the #custommenu selector to each section, the code in the txt file looks somewhat tidier and laid out more like yours above, rather than having been stripped and made into one long line when I pasted it first time smile

Now that the issue with the yui over-riding the initial css does seem to have been sorted in the latest downloads at least (not working correctly in my live site online - but I know that's not bang upto date even for 2.0 due to recent issues with the host! so that's my issue not moodle's -  but it is on my homeserver, with a more upto date download of 2.1) the custommenu should become much easier to work with - even more so with a recommendation like the above (ie specifying the #custommenu for each selector as well). I will go back through my new theme and adjust the code there to try to follow that good practice before I put it live (rather than the testing copy) anywhere.

 

Richard

Average of ratings: -
In reply to Richard Oelmann

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Mary Evans -

Hi Richard,

I find it pretty soul destroying to tell you the truth.  We seem to be going round in circles with this menu, and I sometimes cannot understand why they can't just delete that wretched sprite image from the YUI directory. LOL

I'm just about to add a new updated version of Aardvark Post-IT with the newly defined version of the menu CSS. I have three CSS files now  POSTIT_CORE/POSTIT_MENU/POSTIT_SETTINGS If nothing other that for ease if editing.

Thanks for your help in the forum, with this discussion and all the others you help with too, it is very much appreciated.

Mary

Average of ratings: -
In reply to Mary Evans

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

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

waveyMary

I think the best way around the custommenu is what you suggested in an earlier post (might have been in another thread, but it was recent) saying that you try to avoid the issues with the custommenu by using custom renderers rather than the default. I was trying to style the menu for the new theme I put out for testing recently (it's nearly done!) but found that in IE7 the 'lazy yui' problem was affecting much more than just the sprite background - In the end I scrapped my css file, edited a custommenu renderer and rewrote the css to go with that, I had it done in half the time I'd spent trying to get the original working on IE7 - the !important tag is a problem when selectors start cascading into different areas :D

Looking forward to the updated postit - as in 1.9 the aardvark series is becoming one of the most popular in 2.0 as well, and with postit giving the fluid width variety (as well as all the other fixes/enhancements) you've put in, I know any update is going to look great.

The help on the forum Mary - you are very welcome to what I can do to help. All I aim for is to repay some of the support you and others have given by trying to contribute when I can, and to keep taking steps along the learning curve myself - there's always something new to learn (even if its actually really old, like making IE7 play nice!wink)

Rich

Average of ratings: -
In reply to Richard Oelmann

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Mary Evans -

Hi,

I found fecently that if you use the good old ul li a:link and ul li a:hover you get a better responce in IE expecially if you add .ie6 or .ie7 befor the selector. Same goes for IE8 & 9 in some cases.

GNGB

Mary

Average of ratings: -
In reply to Mary Evans

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Rene Ouellette -

Hi Mary

In the settings for the postit Theme it says the background is centered.  I would like to have it left justified.  Is there a way of changing that setting?  I have been looking and can't find it, but I knew who I could ask!  smile  PS  Really like the theme.

Rene

Average of ratings: -
In reply to Rene Ouellette

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Mary Evans -

Hi Rene

You can change the background image by adjusting the CSS for graphicwrap. Just delete CENTER  and add LEFT as in the example below:-

#graphicwrap {
    width: 100%;
    background: url(setting:graphicwrap) no-repeat left top;
}

The CSS file you will find at...

aardvark_postit/style/core.css

Mary

Average of ratings: -
In reply to Mary Evans

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Rene Ouellette -

Thanks a lot Mary.  I was threatening it from all directions, and just couldn't find it.  Works perfectly now.  smile

I saw someone in the stream of posts ask about NTLM.  That is the windows authentication method to allow IE to auto authenticate to a domain.  Not sure if that what they were asking for.  NT Lan Manager is what it stands for.

Rene

Average of ratings: -
In reply to Rene Ouellette

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Mary Evans -

Hi Rene,

Thanks for that! I thought they were asking about HTML (form autentication and such).  I know nothing about NTML. LOL

Cheers

Mary

Average of ratings: -
In reply to Mary Evans

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Abraham Domínguez -

Awesome theme!!! Congratulations...but :P.

How i can:

  • Change the backgroud #ffffff for a image?
  • Change this default guest pic for a custom? (not f1,f2 on pix_core/g where is it?)

Thanks for all.

Best regards!

Average of ratings: -
In reply to Mary Evans

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Robert Higginson -

Hi,

I think that this is a brilliant theme and has so much potential. These might be simple questions and the answers obvious - but we all start somewhere.

(1) What is the name of the background graphic and where is it located?

(2)Is it possible to add a 'graphic banner' type heading to the blocks similar to the older aquarium version?

(3)is it possible to add a background to the side blocks?

This seems to be a very active area and hopefully you will be releasing a new 'super updated' version soon!

smile Robert

Average of ratings: -
In reply to Robert Higginson

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Mary Evans -

Hi,

I was trying to find time to upload the latest edition of this theme when you sent me a message! LOL Now I am stuck anwering your question!

You can do almost anything you want with any theme, so yes you can add background images to the sideblocks, although you can't add header banners like in the old Aardvark, but my earlier Aardvark Makeover theme, which looks more like Aardvark Pro 1.5, has the projected sideblock headers.

Aardvark Post-IT, unfortunately, is not set up to cope with the overhang of those sideblock header images, but you can add an image as a background, rather than flat colour.

The GRAPHICs can be found in aardvark_postit/pix/graphics/postit.jpg, where you will also find a load of other background images.

You add these and the logo via a Custom Settings page which you can find in a list links at...

Settings > Site Administration > Appearance > Themes > Aardvark Post-It

Hope this answers your questions?

Cheers

Mary

Average of ratings: -
In reply to Mary Evans

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Kaz Madigan -

Hi Mary

We are currently testing this wonderful theme for our college, but wanted to ask you if there is any way to create it in a 'fixed' width, say 960 wide, but retaining the dockable blocks. Is this very difficult? or would it destroy the main purpose and aesthetics of the theme.

Any advice would be appreciated.

kindly - Kaz M

Average of ratings: -
In reply to Kaz Madigan

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Mary Evans -

Hi,

Yes you can change the width settings quite easily.

Using NOTEPAD (or a Text Editor) make the following changes to aardvark_postit/style/core.css by changing the width value from 95% to 960px.

#page {
    width: 960px;
    margin: 0 auto;
}

HTH

Mary

Average of ratings: -
In reply to Kaz Madigan

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Kaz Madigan -

Thanks so much Mary for this. We noticed that the original aardvark theme for Moodle 2 had a header image that changed intermittently. Is this possible on this theme. Ideally we would like the image to change each time the student visited the page.

thanks

kaz m

Average of ratings: -
In reply to Mary Evans

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by llywelyn morgan -

Hi Mary

Loving the theme.  Currently in the process of customising to suit our school (and match our current 1.9 site).

Some parents have complained that there is nothing to explain who the login is for at the top right.  How do I add a short message above the login boxes?

Cheers

Llyw

Average of ratings: -
In reply to llywelyn morgan

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

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

Hi Llewellyn,

In the profileblock.php you could add the line highlighted below (this section is from about line 35+)

if (!isloggedin() or isguestuser()) {
    echo '<div class="profilelogin" id="profilelogin">';
    echo '<form id="login" method="post" action="'.$wwwroot.'/login/index.php?authldap_skipntlmsso=1">';
    echo '<span id="loginmessage">Login for staff and pupils</span>';
    echo '<ul>';
    echo '<li><input class="loginform" type="text" name="username" id="login_username" value="" placeholder="'.get_string('username').'" /></li>';
    echo '<li><input class="loginform" type="password" name="password" id="login_password" value="" placeholder="'.get_string('password').'" /></li>';
    echo '<li><input type="submit" value="&nbsp;&nbsp;'.get_string('login').'&nbsp;&nbsp;" /></li>';
    echo '</ul>';
    echo '</form>';
    echo '</div>';
    echo '</div>';
} else {
 

You would also then need to add some css to ensure the style and position are correct - something like the below at the end of the core.css file (but change the colour and anything else you need to match your site as necessary) .

#loginmessage {
    color:red;
    margin-right:1.5em;
}

HTH

Richard

Average of ratings: -
In reply to llywelyn morgan

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Mary Evans -

To achive something like this I would do something similar to what Richard suggested but not inside the form.

To make things easier I have added all the componants for this here...see attached files.

You can change the wording to what suites you best. Then adjust the positioning values (top & right) to get it into the right place in the header.  The values I added to the CSS is what gets it to look like it is in the image here.

Attached is the CSS for the fix. The profileblock.php you can download  from HERE

Hope this is what you want?

Cheers

Mary

Average of ratings: -
In reply to Mary Evans

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

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

Hi Llyw,

Mary is quite right, the suggestion I gave you last night should have been outside the form and not inside (logically the text you want is not part of the form)

Rich

Average of ratings: -
In reply to Richard Oelmann

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by llywelyn morgan -

Cheers Both

Worked a treat. Only a little tweaking to css needed.  

Mary, how did you guess that would be the most suitable colour?  Wow tongueout

Keep up the excellent work, it is all appreciated.

Llyw

Average of ratings: -
In reply to Mary Evans

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Thelma Polanco-Perez -

Hi Mary,

I agree with everybody else... I love your theme! have been playing with it and it's so clean!

I just have a question for you: Is it possible to remove the username and password placeholders from the profileblock.php? I tried to follow your instructions to hide them from the form (#profilelogin { visibility: hidden;}), but would like to keep the Login (submit) button, or Could it be possible to say "You are not logged in. (Login)" ?

Thanks,
Thelma smile

Average of ratings: -
In reply to Thelma Polanco-Perez

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Mary Evans -

You could try removing the whole section to do with the login inside the profileblock.php and add this instead...

<?php

if (!isloggedin() or isguestuser()) {

echo $OUTPUT->login_info();

} else {

echo '<div class="profilename" id="profilename">';
echo '<a href="'.$CFG->wwwroot.'/user/view.php?id='.$USER->id.'&amp;course='.$COURSE->id.'">'.$USER->firstname.' '.$USER->lastname.'</a>';

} ?>

Average of ratings: -
In reply to Mary Evans

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Thelma Polanco-Perez -

Hi Mary,

Thanks for your reply. I removed the whole section and updated it with the lines you suggested and it worked perfectly, until I upgraded the theme to 2.3.1. Is there a way to modify it again?

Thanks,
Thelma smile

Average of ratings: -
In reply to Thelma Polanco-Perez

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Mary Evans -

Hi Thelma,

I've added an amended profilelogin.php to use instead of the original. I added the same code but as it's a different set up than before I thought it easier for me to make the changes and test them first.

I've attached the file to this comment.

Cheers

Mary

Average of ratings: -
In reply to Thelma Polanco-Perez

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Thelma Polanco-Perez -

Mary,

Please ignore my previous post. I figured it out.

Thanks,
Thelma smile

Average of ratings: -
In reply to Mary Evans

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by David Price -

many thanks for sharing this Mary

more outstanding work and excellent improvements to the Aardvark theme...

Average of ratings: -
In reply to Mary Evans

Image overflow in courses

by Rene Ouellette -

Hi All

We have an issue with text not flowing around images in our course content.

 

 
 
.no-overflow {
    overflow: auto;
    padding-bottom: 1px;
}

Seems like if I set the overflow: auto; to none using firebug, then the text wraps the way we want.  Not sure how to specify this in the css.

Thanks,

Rene

Average of ratings: -
In reply to Rene Ouellette

Re: Image overflow in courses

by Mary Evans -

Hi,

When you added the image to the course content, did you specify how you want it to display? If not then all you do is once you have added the image and you are still in the text editor, CLICK the image to highlight it, and then click on the 'add image icon' in the text editor menu. In this pop-up menu there are three tabs. General/Appearance/Advanced by clicking on the Appearance or Advanced gives you different display options.

So by floating the image right and also setting vertical and horizontal margins,  should achive what you are trying to do in the CSS.

HTH

Mary

Average of ratings: -
In reply to Mary Evans

Re: Image overflow in courses

by Rene Ouellette -

Hi Mary

I gave it a try on another section heading, and even setting the image to Right, with Float: right; the text of the course content under the main header is pushed down. 

 In firebug, when I select the header area, Student Handbook and the picture from my original post, the .no-overflow setting is auto.  If I manually edit from Firebug, and set the overflow to none, then the text wraps.

The css for the area says styles.php and req=234.  Is that pulling the setting from a default somewhere?

Thanks,

Rene

Average of ratings: -
In reply to Rene Ouellette

Re: Image overflow in courses

by Mary Evans -

Hi,

Yes it is it's being added automatically, it's added depending on the circumstances of each element, so you can't really set it globally as it will affect other elements which may not need it.

You can certaily 'target' the element using some absolute CSS rule using #page-course-view or whatever the page selector is for the page you are having this problem with.

I'm just going to try and reproduce this on my local server.

I'll be back later.

Cheers

Mary

Average of ratings: -
In reply to Mary Evans

Re: Image overflow in courses

by Rene Ouellette -

Hi Mary

I found the element that was setting overflow: auto.  It is in theme/base/style/core.css

I edited it on our system clone, and the text and image are flowing as desired.  I am not sure what this will break, but I have some of our Education Design people looking at it.

Thanks for the prompt reply to my queries.  It is much appreciated by the CSS challenged.  smile

Rene

Average of ratings: -
In reply to Rene Ouellette

Re: Image overflow in courses

by Mary Evans -

The overflow element when set to auto allows content to be viewed in a scrollbar.

You would be better leaving that CSS in BASE core.css and taking it out of aardvark-postit core.css by addingthe following line...

.no-overflow { overflow: none}

However, you could try this to fix the problem you are having.

.path-course .section.main .summary {
    width: 50%;
    float: right;
}

But even this seems a little drastic.

Cheers

Mary

Average of ratings: -
In reply to Mary Evans

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Jason Hollowell -

Mary,

Excellent theme! I've moved from Aardvard over to Aardvark Post It after getting some great help from you over in the Aardvark forum thread. Now I have Post It customized (almost) the way I want it.

1. I've run into a problem that I don't think is unique to this theme but am hoping that you might have some advice. When I view results of a quiz that has more than approximately 10 questions, the questions beyond 10 (it maybe be a few more than that, I can't remember the exact number) are not displayed and I cannot scroll right or anything to get to them. In several of the default themes the problem is only marginally better. You have to scroll down to the bottom of the screen and there is a scroll bar that can be accessed (only when the mouse is close to or over the actual scroll bar) to move over to the right to view the rest of the items. In Post It however, I cannot go right at all. It seems that the center 'block' (terminology?) that the quiz results are being displayed in is a fixed width and content that exceeds the width is chopped off... (I'm sure I'm not using the correct terminology...)

2. One other problem, that is much less of a concern, is when creating a quiz, the right most block that contains the question bank, drop down for question type etc. is displayed at the top right of the browser window but when you add questions they appear in the center but at the bottom of the the bank, question drop down etc. (see attached picture).

#1 is a much bigger issue than #2 for me but I'd like to fix both of them if possible. Any help/advice you can provide will be appreciated.

Jason

Attachment EditingQuizIssue.jpg
Average of ratings: -
In reply to Jason Hollowell

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Mary Evans -

Hi Jason,

The quickest way round this problem, in the short term, is to set  "Allow theme change by URL" in Site Administration > Appearance > Themes > Theme settings ->> you will see various settings in this page. Enabeling the ability to set themes by URL allows some flexinility for Admins and Editing Teachers who need a better layout than customised themes can offer. After enabeling this setting SAVE and then add the following to your URL address bar in your browser.

http://your-website-address-goes-here/?theme=standard

This will allow you to use Standard theme to do all your Admin/Marking/Quiz making etc. whilst the main site is viewed by others as normal.

I'll look at AardvarkPost-it theme more closely and update it accordingly, but as I am pushed for time right now as I am doing  some work on CORE themes prior to Moodle 2.2 release, so I can't promise anything.

HTH

Mary

Average of ratings: -
In reply to Mary Evans

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Jason Hollowell -

Mary,

Thanks! This works for now but is not the most desirable way to have to view the Quiz Report etc. I'm kind of surprised at how many themes don't display the Quiz report properly when there are more than a handful (or two) of questions in a quiz. Seems like this should be a priority (at least for the default (Core) themes that are installed in Moodle). Just thinking aloud. Not complaining smile

Jason

Average of ratings: -
In reply to Jason Hollowell

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Mary Evans -

Well that depends on which Moodle version you use.

The QUIZ has...is still being modified and brought into line.

If you want to alter your theme be my guest...it's not as easy as it seems believe me, but you can find lot of help if you read Development: Themes 2.0

Cheers

Mary

Average of ratings: -
In reply to Mary Evans

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Tim Hunt -
Picture of Core developers Picture of Documentation writers Picture of Particularly helpful Moodlers Picture of Peer reviewers Picture of Plugin developers

This is not specifically a quiz issue. The problem occurs anywhere you need to display a big table, or any other wide content (like a deeply nested forum thread.)

The problem is that the way they chose to implement the basic theme layout fundamentally requires overflow: hidden on the main content div. The chosen layout solves all sorts of other requirements, but this bit of it is clearly a disaster area when it comes to wide content.

Therefore, a work-around had to be introduced. Pages that know they contain wide content have to do 

$PAGE->set_pagelayout('report');

and then themes have to know about this, and use some other sort of layout (without relying on overflow: hidden) on those pages.

It seems like a lot of themes get this wrong.

Average of ratings: -
In reply to Tim Hunt

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Jason Hollowell -

Mary and Tim,

Thanks. And, Mary, it really wasn't my intention to be complaining at you personally. I understand the tremendous task it must be to modify themes. My 'contemplation' was simply that there are default themes and modules (the Quiz mod in this case - also installed by default) that don't seem to get along as well as would be hoped in a perfect world. I know we don't live in a perfect world smile It was just something that struck me and I commented on.

I'll see if I can implement Tim's solution to get things working on my side.

Peace (stealing the closing from Anthony big grin)

Jason

Average of ratings: -
In reply to Jason Hollowell

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Mary Evans -

Hi Jason,

No offence taken. In fact after you added your earlier comments I have been working on a tracker issue where someone trying to print off a Quiz report couldn't. It now looks like the problem is much wider and needs to be resolved as the report layout designed to do the task explained by Tim is not working. Printing is even worse as half of the text is either blocked by the sidebars in some themes or truncated after a few lines in others theme. 

You can read all about that in MDL-29904

Peace be with you also...smile

Mary

Average of ratings: -
In reply to Jason Hollowell

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Frederic Nevers -

Hi,

I think my problem is due to user error but I'm not quite sure... I'm having issues with non-main course pages and the middle column not taking all of the space it should. Please take a look at the attached image to view what my problem is (it happens on other pages other than non-main course pages as well). I suspect that it has something to do with block visibility but I'm not convinced.

Any help would be greatly appreciated - I have come to the conclusion that I am CSS challenged...

Cheers,
Fred

Attachment block problem.PNG
Average of ratings: -
In reply to Frederic Nevers

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Christoph Hahn -

Hi,

first, your theme is great. I like it, but i have the same problem with the quiz format. We use Moodle Version 2.2.2 (Build: 20120312). I have search a solution for long time to get a horizontal scroll bar.

To do this, i have change following values in the base theme.

../moodle/theme/base/style/pagelayout.css:

#page-content #region-main {margin-right:0px;margin-left:400px;overflow:hidden;}   -->  #page-content #region-main {margin-right:0px;margin-left:400px;overflow:auto;}
 
#page-content .region-content {overflow:hidden;padding:10px;}  --> #page-content .region-content {overflow:auto;padding:10px;}
 
After this change and purge design cache i become a horizontal scroll bar in the quiz topics. 
 
However, now i have in my courses and blocks horizontal and vertical scroll bars ;-(
 
Screenshot
 
What is the Problem?
Thanks for solution!
 
Greetings from Jena (Germany)
Christoph 

 

Average of ratings: -
In reply to Christoph Hahn

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Mary Evans -

What version of Aardvark Post-IT are you using?

The changes for the Quiz and the scrolling have been added.

Mary

Average of ratings: -
In reply to Mary Evans

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Christoph Hahn -

Hi Mary,

I use the latest download Version of the aardvark Post-It Theme. Where can I found the Link to the latest Download Version?

I have found a Bug in my changes and reverse this modifications. Now, I add the overflow:auto; value to div class .que .formulation in /theme/base/style/question.css.

that works fine

By

Christoph 

Average of ratings: -
In reply to Frederic Nevers

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Mary Evans -

Hi Fred,

What version of this theme are you using as this problem has been fixed?

Mary

Average of ratings: -
In reply to Mary Evans

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Frederic Nevers -

Hi Mary,

thanks for your reply - I'm using the 2011101900 version available in the Moodle plugins database. Is there a newer version available somewhere?

Cheers,
Fred

Average of ratings: -
In reply to Frederic Nevers

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Mary Evans -

My mistake Fred, I thought I had updated the theme, sadly I didn't sad

The fact the page shows an 'empty' sidebar on the right (or left) is because there are probably blocks in the profilebar which are 'dockable' but 'not docked', if you get my meaning?  So try 'docking' them and you will find the page realigns itself to fit the empty space.

I will be working on this theme today and hopefully have a new download available. If you want to fix the pagelayout problem, all you need to do is remove class="block-region" from the profileblock.php file. There are just two instances of it.

This is what the code looks like...just remove the highlighted sections. You can use Notepad to do this. You should find the code between line 66 and 83 in that file.

                <div id="profilebar-block1" class="block-region">
                    <h4><?php echo get_string('myblocks','theme_aardvark_postit');?></h4>
                    <?php {
                        if ($haspbarpre)
                            echo $OUTPUT->blocks_for_region('pbar-pre');
                          }
                     ?>
                </div>


                <div id="profilebar-block2" class="block-region">
                    <h4><?php echo get_string('myblocks','theme_aardvark_postit');?></h4>
                    <?php {
                        if ($haspbarpost)
                            echo $OUTPUT->blocks_for_region('pbar-post');
                          }
                     ?>
                </div>

Hope this helps?

Mary

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

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Frederic Nevers -

Hi Mary, 

thanks for your reply. I tried 'docking' the blocks that were in the profile bar and sure enough that worked ;) 

I'll try the CSS changes when I get to work tomorrow and report here.

Cheers,

Fred 

Average of ratings: -
In reply to Frederic Nevers

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Frederic Nevers -

Hi Mary,

just to let you know that I have applied the CSS fix and it now works just fine. Thanks a lot for your help. Post marked useful ;)

Cheers,
Fred

Average of ratings: -
In reply to Mary Evans

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by J C -

Hi Mary,

Still really like this theme. Awesome job!

I was wondering if there is a way for the 'Email' link of the Profile Bar to launch the email link in a new window?

Thanks!

Average of ratings: -
In reply to Mary Evans

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by llywelyn morgan -

Hi again

No idea if this problem is specific to the theme but something weird is going on with chrome and firefox.  On uploading a file the first digit of the filename disappears.  This does not occur when uploading via ie.

I originally thought it may be due to the drag n drop block, but i fully removed it (from the installation, not just a course) and the problem stil existed.

Nobody replied to this query on general moodle forum board so hoping someone might shed light on it here.

Cheers.

Llywelyn

Average of ratings: -
In reply to llywelyn morgan

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Mary Evans -

Hi Llywelyn,

This sounds very much like a Moodle BUG to me so you would be better advised reporting this in Moodle Tracker. 

However, before you do report it, can you switch to anothet theme and try adding another file and see if you get the same problem? I'm just thinking it could just be a design fault with the pagelayout, which I can fix, rather than a system BUG which I can't.

Thanks

Mary

Average of ratings: -
In reply to Mary Evans

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by llywelyn morgan -

Just to let you know the problem was replicated in a standard theme. Have reported it.

another problem (ie related) is that some pcs in our school sometimes display this message.  pupils have to refresh screen to reload page.  Have attached screenshot of error.

Cheers

Edit: The image was not displaying too well so I reduced it and blurred out your school url. Also the size of the original image was 3MB which was a bit big for the forum.

(Edited by Mary Evans - original submission Thursday, 8 December 2011, 10:41 PM)

Average of ratings: -
In reply to llywelyn morgan

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Mary Evans -

Hi,

This looks like it is a fault on the page you are trying to load.  It's not a theme fault.

Can you give me the tracker number of the MDL issue you reported?

Thanks

Mary

Average of ratings: -
In reply to Mary Evans

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by llywelyn morgan -

just wondered if anyone had seen the same error.

tracking address is http://tracker.moodle.org/browse/MDL-30642

wasn't solved through upgrade to 2.2 so must be server or db problem?

Average of ratings: -
In reply to llywelyn morgan

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by llywelyn morgan -

solved a while back.

it was due to internet explorer needing some updates.

Average of ratings: -
In reply to llywelyn morgan

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Mary Evans -

Cool! smile

Average of ratings: -
In reply to Mary Evans

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Mark G -

Hiya Mary - hope you are well smile

This theme looks perfect for our moodle 2.2 version that is in development. Quick question...the specs say PHP 5.4 required or supported....I'm with godaddy...and they only offer 5.3 at this stage. Will this theme work ok on PHP 5.3?

Aardvark 2.1.1 seems to work ok in our brief testing so far....

I am upgrading our site to 2.2 from (ATPLOnline.co.nz  which is 1.9.x) and want to keep much of the theme "feel" of your Aardvark lite that we use there. Things like the orange dots for the glossary words etc...that sort of thing...possible you think?

 

Cheers Mary smile

Average of ratings: -
In reply to Mark G

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Mary Evans -

Hi Mark, I'm well thanks for asking...hope you are too?

smile

Oh that was me just having a tantrum a little while ago. The theme works ok at whatever PHP version your Moodle needs. Currently for Moodle 2.2.2 it's 5.3.

Moodle may well end up needing PHP 6 at some point, but that remains to be seen, so I would not worry too much. There is nothing in the theme to warrant it needing a higher version than 5.3 as it works ok on a lower version which I have on my hosted website.

HTH

Mary

Average of ratings: -
In reply to Mary Evans

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Mark G -

Thanks Mary - I appreciate that smile

Will load up your theme and start playing. Aweseome.

Average of ratings: -
In reply to Mary Evans

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by llywelyn morgan -

Solved.  Disabled Magic Quotes and the probem has now disappeared

Average of ratings: -
In reply to Mary Evans

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Michael O'Brien -

Enviroment: Moodle 2.1 & Moodle 2.2 (upgrading to Moodle 2.2 didn't solve it)

Problem: Aardvark Post-it Theme display problem for content overlapping with "white" space on right side of page

Description

Its a bit difficult to explain the issue in words but it affects pages where moodle has more entries in the right side of the contents section. The extra content is not shown when you scroll, you have to zoom out to see the content 

In this picture you can see the "chopped"columns of the grader report (red down arrow) if you use the scroll bar you are shown more of the white space thats on the right not the chopped content

To view the chopped content you need to zoom out. The same thing happens if you use FF

 

 

Zoomed out view of same screen

 

I guess the easiest way to explain it is its like the content is going behind a white page on the right side of the screen instead of being displayed over it or taking up the entire right side of the available window

Any ideas how I can solve it?

Average of ratings: -
In reply to Michael O'Brien

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Michael O'Brien -

Maybe to help clarify what I think the problem looks like I've added this image as an attachment.

At the end of the day I would like the content to use as much of the screen space on the right as it needs, with appropriate scroll bars displayed when the window isn't large enough to display it all.

Currently only the vertical scrolling works this way, the horizontal scroll bars don't relate to the amount of content being displayed by moodle

Attachment ContentOverlay.png
Average of ratings: -
In reply to Michael O'Brien

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Michael O'Brien -

I actually think it might have something to do with the right hand side column where blocks can be added, that is to say the theme knows there "could" be blocks shown there so thats why the main content area looks like its going behind some thing

Is there a way to specify that certain pages should only use a template with only left and content columns available?

 
Navigation Bar
Left Column Content Column

 

Or Can I resize the right column so it only takes up the right corner and the content column flows around it?

I'd like to avoid having to modify the theme code itself or creating a custom version of it.

 

 

Average of ratings: -
In reply to Michael O'Brien

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Mary Evans -

Sorry Michael,

I seem to have missed these posts of yours.

This  is a problem with the report layout. What you need to do is first allow Theme chages by URL (do this isn Theme settings page).

Then whenever you want to work on reports you can switch to use Standard theme instead by adding the following to the end of your your Moodle site URL...for example:

http://yourmoodlesite.ac.uk/?theme=standard

Please try this and let me know it it works any better?

Thanks

Mary

Average of ratings: -
In reply to Mary Evans

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Penny Mondani -

Hi Mary,

I finally got back to themes for my site (upgraded to 2.x this summer) and of course, have fallen in love with Post It.  Thank you! Thank you! Thank you!

I made just one small modification in the code: I changed the Link color in the menu from blue to one of my colors and in the theme settings, I changed the hover color, added my logo, and replaced the post-it note with something else.  Check out the way my bee's tail hangs over the edge of the menu: http://beelearn.com/  So cool...

What I can't seem to do, to save my life, is:

  1. Find the CSS code that controls the link and hover colors in the breadcrumbs (it is still blue).
  2. I'd also like to widen the side columns, from 210 pixels to about 290.  I did this from the settings window for Formal White, moved all the blocks to the right, and made myself a "two column theme". The existing width is too narrow if all the blocks are pushed to one side.

I'm thinking that both of these are controlled by Base or Canvas, but I don't know which and am not savvy enough to figure it out.  Can you point me in the right direction?

And while I'm asking...is the formatting of the RSS block controlled by the theme or by the RSS renderer?  In 1.9, the feeds were bulleted.  In all of the 2.x themes I've tried, they're not and appear as a long list.

Thanks again...Happy Holidays!  Penny

Average of ratings: -
In reply to Penny Mondani

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Mary Evans -

Hi Penny,

So pleased you like this theme. Love the BEE...as tyou said it is soooo cute!

To answer you question:

1. the answer is on line 303 in postit_core.css-you can remove the !important as this is perhaps what stopped you from making changes to it.

Average of ratings: -
In reply to Mary Evans

This forum post has been removed

The content of this forum post has been removed and can no longer be accessed.
In reply to Mary Evans

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Penny Mondani -

Hi Mary,

The good news is that I fixed #1 (breadcrumb color), no problem.  More good news is that I followed your steps to copy the base pagelayout stylesheet and update the config.php and did not break anything!

I also had a great deal of fun - and learned a lot - playing around with the pixel calculator (thanks, Dietmar, for the updated link).  It really helped me to understand how the values are working together.

However (there is always a "but", isn't there?), I couldn't get it to be just two columns; there was some bizarre stuff going on to the left.  Obviously, I missed something, somewhere. I did, however, manage to mess up the display when editing the settings in side blocks.  

I WILL try again, but for now... (this is a good "but"), when the universe tells you to use three columns, it is crazy to try to use two.  This exercise forced me to revisit my reason for wanting two columns in the first place (a Facebook widget was too wide for the side)...I ended up putting the HTML code into a label in the center, widening it, and I like it a whole lot better than on the side!

Tomorrow I will tackle the RSS styles...

Thanks again.  Cheers!  Penny

Average of ratings: -
In reply to Penny Mondani

This forum post has been removed

The content of this forum post has been removed and can no longer be accessed.
In reply to Deleted user

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Mary Evans -

Yes! Brilliant idea Dietmar.

I approve wholeheartedly!

Cheers

Mary

Average of ratings: -
In reply to Deleted user

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Penny Mondani -

Thank you!  Dankeschön!  Muchas gracias! Arigato. Merci beaucoup... 

And in a thousand other languages, Thank you!

It is perfect!  Penny

Average of ratings: -
In reply to Penny Mondani

This forum post has been removed

The content of this forum post has been removed and can no longer be accessed.
In reply to Penny Mondani

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Mary Evans -

Hello again Penny,

I've been searching for the RSS feeds CSS

Try these and see if they work...you may have to tweak them, change colors etc...but they should make a difference.

.block_rss_client .description { color:#036; font-size:0.85em; padding-bottom:8px;padding-left:10px}

.block_rss_client .list li {  border-top: 1px solid #DDDDDD; font-size: 0.85em; padding: 5px;}

.block_rss_client a:link,
.block_rss_client a:visited { color:#dc188d; text-decoration:none}

.block_rss_client a:hover,
.block_rss_client a:active { color:#8d8d8d;text-decoration:none}

HTH

Mary

Average of ratings: -
In reply to Mary Evans

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Katerina Nemcova -

Hi Mary,

Hope you are well and a Happy New Year!

We have now upgraded our main site to Moodle 2.0 and are using your amazing Postit template - everyone loves it, especially the profile bar!

I have however come across one small issue with the profile bar blocks. When I put one or two blocks in the 'My Blocks' area, the centre area shrinks itself as if there were blocks located on the right (even though there are none), and a white space appears on the right hand side. This is especially a problem when someone views a glossary/database as the text in the centre does not wrap and is hidden behind the right-hand space, and a big problem with a displaying a SCORM and IMS packages. When I remove those 2 blocks from the profile bar area, the centre area stretches itself across the whole screen correctly. 

Is there any way to correct this please so that the system doesn't think that those 2 blocks located in the Profile bar area are located on the right hand side?

Many thanks and all the best

Katerina

Average of ratings: -
In reply to Katerina Nemcova

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Mary Evans -

Hi Katerina,

Happy New Year to you too! All well here than you for asking.

As for the theme...thanks for using Postit...but sorry you are having some problems with it. This could be due to a lot of conflicting things like JavaScript (database & glossary) as well as IE and SCORM.

I will need to rule out Internet Explorer as this can bring problems of its own making.

So can you tell me which browsers these problems occure the most?

I use Firefox always because I know Moodle works best in this Browser.

If you are using IE8 or IE9 you will need to make sure you are in the correct view as there are MANY views and some can conflict with Moodle depending on your browser settings.

If you think them may be the case try the following.

Open one of your problem pages in either IE8 or IE9then click on F12 (which is the last of the function keys on your keyboard usually on the top row above the numbers). This will split your present berowser window in to two.  The top being your moodle page the bottom half the page source plus some settings options for this particualr view.

See screenshot below:

If you look just about the middle of your screen you should see a menu bar where you will see tabs for IE9 Browser Mode & IE9 Document standards clicking on these presents various options for you to chose which view. The best view is of course the one for the browser type in my case IE9 & IE9 Standards  if you choose IE7 & IE7 Quirks Mode the Moodle Menu will most probably break and some things wont work., the profile bar included.

This proves that if you are using IE with the wrong browser settings the problem may well be the fault of the browser and not Moodle. If you are seeing the problems with Firefox then this is more likely a Moodle problem which I can hopefully fix.

HTH

Mary

Average of ratings: -
In reply to Mary Evans

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Katerina Nemcova -

Hi Mary,

Many thanks for your speedy reply and your help. I am using Firefox 8 (but also tested in IE, Chrome and Safari with the same result).

I attach a couple of screenshots with the problem showing a simple web page. Not sure why this is happening but I take it your site is working as it should?

 

If you can think of anything that may be causing this - any help is much appreciated!

Katerina

 

Average of ratings: -
In reply to Katerina Nemcova

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Mary Evans -

Hi Katerina,

This all depends on if you are in Editing Mode, which you are in, by the look of your screenshots, as I can see the editing icons in the blocks. This happens in some pages because they have been designed that way. It's not a fault it's just the way Moodle works.

When you turn editing ON you see ADD BLOCK in either the left side bar or the right, depending again on the page you happen to be in. Postit has the following settings which you can alter if you want to.

These are found in ../theme/aardvark_postit/config.php

$THEME->layouts = array(
    'base' => array(
        'file' => 'general.php',
        'regions' => array('side-pre', 'side-post', 'pbar-pre','pbar-post'),
        'defaultregion' => 'side-post',
    ),
    'general' => array(
        'file' => 'general.php',
        'regions' => array('side-pre', 'side-post', 'pbar-pre','pbar-post'),
        'defaultregion' => 'side-post',
    ),
    'course' => array(
        'file' => 'general.php',
        'regions' => array('side-pre', 'side-post', 'pbar-pre','pbar-post'),
        'defaultregion' => 'side-pre',
        'options' => array('langmenu'=>true),
    ),
    'coursecategory' => array(
        'file' => 'general.php',
        'regions' => array('side-pre', 'side-post', 'pbar-pre','pbar-post'),
        'defaultregion' => 'side-post',
    ),
    'incourse' => array(
        'file' => 'general.php',
        'regions' => array('side-pre', 'side-post', 'pbar-pre','pbar-post'),
        'defaultregion' => 'side-pre',
    ),
    'frontpage' => array(
        'file' => 'general.php',
        'regions' => array('side-pre', 'side-post', 'pbar-pre','pbar-post'),
        'defaultregion' => 'side-post',
        'options' => array('langmenu'=>true),
    ),
    'admin' => array(
        'file' => 'general.php',
        'regions' => array('side-pre', 'pbar-pre','pbar-post'),
        'defaultregion' => 'side-pre',
    ),
    'mydashboard' => array(
        'file' => 'general.php',
        'regions' => array('side-pre', 'side-post', 'pbar-pre','pbar-post'),
        'defaultregion' => 'side-post',
        'options' => array('langmenu'=>true),
    ),
    'mypublic' => array(
        'file' => 'general.php',
        'regions' => array('side-pre', 'side-post', 'pbar-pre','pbar-post'),
        'defaultregion' => 'side-post',
    ),

By changing 'side-post' to 'side-pre' where I have highlighted them in yellow, you can eliminate that partucular problem occuring again.

Like I said it's nothing to do with the theme it's a Moodle thing as other themes do the same, when in editing mode. Turn editing OFF and it all goes back into place...or should if you have the updated version of Moodle for whatever version (Moodle 2.0.x; 2.1.x or 2.2.x)

HTH

Mary

Average of ratings: -
In reply to Mary Evans

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Katerina Nemcova -

Hi Mary,

As always, many thanks for your quick reply. I did try your suggestion but unfortunately no change - if there is a block in the profile bar, it still creates a white space on the right.  The Moodle version I am using is 2.0.6+

screenshot

The only way I can get around this issue is by removing the 2 blocks from the profile bar from those pages with no right hand side blocks e.g. the one above, i.e. changing the region settings of those profile bar blocks from Profile 'Bar-My Block-Left/Right'  to 'Left'. Not ideal but it does the trick.

In any case, thanks again

Katerina

Average of ratings: -
In reply to Katerina Nemcova

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Mary Evans -

Hi Katerina,

Now that I have replicated this problem, I have found a fix, which I think you will find the theme will work better from now on.

I've attached the general.php which you will need to use in place of your existing general.php.

Cheers

Mary

Average of ratings: -
In reply to Mary Evans

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Katerina Nemcova -

Hi Mary,

Many thanks for taking the time trying to find a solution to this. I hate to say it but having replaced the general.php file (3x) - still no change!

Katerina

Average of ratings: -
In reply to Katerina Nemcova

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Mary Evans -

I realised this and have added some more code in the attached general.php.  After adding this you will need to Purge all caches in Site Administration > Development > Purge all caches

Mary

Average of ratings: -
In reply to Mary Evans

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Katerina Nemcova -

Hi Mary,

Thanks but nothing attached? (yep, I did purged all caches)

Katerina

Average of ratings: -
In reply to Katerina Nemcova

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Mary Evans -

Sorry about that, for some reason it did not load...so I have just added it again...HERE IS THE LINK to the zip file.

Cheers

Mary

Average of ratings: -
In reply to Mary Evans

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Katerina Nemcova -

No probs and thanks Mary - have downloaded, replaced file, purged and .... nothing.

Katerina

Average of ratings: -
In reply to Katerina Nemcova

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Mary Evans -

Well it works on my version...so not sure what's happening on yours.

Did you remove the old general.php from the layout folder or renamed it?

Can you try enabling Theme designer Mode in Site Administration > Appearance > Themes > Theme settings and see if that makes any difference? Have you also cleared your browser cache too?

Is this site hosted on your website?  Could you send me a link...I seem to have misplaced the one I had?

Cheers

Mary

Average of ratings: -
In reply to Katerina Nemcova

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Mary Evans -

Further to my last comment I found your website link in my messages. So  I managed to look at your site. The only other thing which may be casuing the problem is the config.php depends on hoe the parent theme are listed...it should look like this...with 'canvas' theme first and 'base' theme last.

$THEME->parents = array('canvas','base');

If it's the other way round then make it right.

Thanks

Mary




Average of ratings: -
In reply to Mary Evans

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Katerina Nemcova -

Hi there Mary,

Have just PM you some website details

Cheers

Katerina

Average of ratings: -
In reply to Katerina Nemcova

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Mary Evans -

Hi,

I think I have twigged this now...

In the last general.php I added some extra variables to the body tag class so that when a page has no blocks the payout is class .content-only or if there are blocks on the left side only the class changes to .side-pre-only and conversely if right side has blocks only the body class changes to .side-post-only.

Of course the first time I did this I did not take account of the fact that there may be blocks in the profile bar. So general.php (mark 2) was supposed to take care of that.

Logging into you site now I realise there is still one more element I did not take into account, namely when blocks are docked from the profilebar but still blocks in the profile bar too!

So now I need to add more PHP to the head part of general.php to fix this...with something like...

$showpbarpre = $haspbarpre && !$PAGE->blocks->region_completely_docked('pbar-pre', $OUTPUT);
$showpbarpost = $haspbarpost && !$PAGE->blocks->region_completely_docked('pbar-post', $OUTPUT);

Plus make some further changes to the boolean logic from the different combinations for whether or not blocks are docked or hidden in the profilebar...oh what joy! LOL

0 = No Blocks
1 = Blocks

0000 = content-only = Side-Pre / Side-Post / Pbar-Pre / Pbar-Post (No Blocks)
0001 = content-only
0010 = content-only
0011 = content-only
0100 = side-post-only
0101 = side-post-only
0110 = side-post-only
0111 = side-post-only
1000 = side-pre-only
1001 = side-pre-only
1010 = side-pre-only
1011 = side-pre-only
1100 = normal
1101 = normal
1110 = normal
1111 = normal = Side-Pre / Side-Post / Pbar-Pre / Pbar-Post (Blocks)

I think I have this right...I'm just about to test it on my own site.

smile

Cheers

Mary



Average of ratings: -
In reply to Mary Evans

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Mary Evans -

This is where I am up to...if anyone understands this and sees a glaring error in my code can you please tell me where I am going wrong?

There is a simpler way of doing this I am sure...but I'm too tired to even try looking for it!

$bodyclasses = array();
if ($showsidepre && !$showsidepost && !$showpbarpre && !$showpbarpost ||
$showsidepre && !$showsidepost && !$showpbarpre && $showpbarpost ||
$showsidepre && !$showsidepost && $showpbarpre && !$showpbarpost ||
$showsidepre && !$showsidepost && $showpbarpre && $showpbarpost) {
    $bodyclasses[] = 'side-pre-only';
} else if (!$showsidepre && $showsidepost && !$showpbarpre && !$showpbarpost ||
!$showsidepre && $showsidepost && $showpbarpre && !$showpbarpost ||
!$showsidepre && $showsidepost && !$showpbarpre && $showpbarpost ||
!$showsidepre && $showsidepost && $showpbarpre && $showpbarpost) {
    $bodyclasses[] = 'side-post-only';
} else if (!$showsidepre && !$showsidepost && !$showpbarpre && !$showpbarpost ||
!$showsidepre && !$showsidepost && !$showpbarpre && $showpbarpost ||
!$showsidepre && !$showsidepost && $showpbarpre && !$showpbarpost ||
!$showsidepre && !$showsidepost && $showpbarpre && $showpbarpost) {
    $bodyclasses[] = 'content-only';
}

I am having a devil of a job getting this to work.

I'm going to have to get help.

I'll get back to you ASAP

Mary

Average of ratings: -
In reply to Mary Evans

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Katerina Nemcova -

Hi Mary,

You are a star for trying to fix this - many thanks! Hope you also manage to get some sleep!

Katerina

Average of ratings: -
In reply to Katerina Nemcova

This forum post has been removed

The content of this forum post has been removed and can no longer be accessed.
In reply to Deleted user

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Katerina Nemcova -

Hi Dietmar,

Thanks for the offer to help - have sent you details to the website in PM

Cheers

Katerina

Average of ratings: -
In reply to Deleted user

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Mary Evans -

Hi Dietmar,

I am so pleased you found this discussion, as I was planning on asking you to help.

The problem is in the Profile Bar. If you have a blocks in the Profile Bar at the top of the page (by the User name), and then dock all the blocks in the main page the blocks in the Profile Bar seem to stop the pagelayout from re-ordering to content-only or side-pre-only and side-post-only.

Even with the PHP I added in my last post (see above) this makes no idfference. In fact instead of getting content-only I actually got profilebar-block1-only which was generated by Moodle as I could find nothing in the theme other than the <div id='profilebar-block1'  class='block-region'>in the profilebar.php.

Looking at this now I think I have found what the problem may be being caused by the way this is coded.

                <div id="profilebar-block1" class="block-region">
                    <h4><?php echo get_string('myblocks','theme_aardvark_postit');?></h4>
                    <?php {
                        if ($haspbarpre)
                            echo $OUTPUT->blocks_for_region('pbar-pre');
                          }
                     ?>
                </div>


                <div id="profilebar-block2" class="block-region">
                    <h4><?php echo get_string('myblocks','theme_aardvark_postit');?></h4>
                    <?php {
                        if ($haspbarpost)
                            echo $OUTPUT->blocks_for_region('pbar-post');
                          }
                     ?>
                </div>

Perhaps I need to enclose it inside something like this...

<?php if ($haspbarpre || $haspbarpost) {

   add code as above...

} ?>

Also I don't see a real need for the blocks inside the profilebar to be dockable, so perhaps I need to state this somewhere. 

Oh this is so exciting...it's like moving the bounderies of possibilities...I think we could do with a Themes Developers Forum!

Cheers

Mary

Average of ratings: -
In reply to Mary Evans

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by John St -

If you remove the block-region class from the #profilebar-block1 div (and from the profilebar-block2 div) the layout works when all blocks are docked.

I don't think adding the $hasbarpre stuff would change this problem but haven't completely tested. 

Average of ratings: -
In reply to John St

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Mary Evans -

Hi John,

I was wondering about this last night. I remember you saying something about this very thing in the original discussion when Shaun was working on the Aardvark 2.0.1 theme.

I'll try it.  Thanks for that.

Cheers

Mary

Average of ratings: -
In reply to Mary Evans

This forum post has been removed

The content of this forum post has been removed and can no longer be accessed.
In reply to Deleted user

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Mary Evans -

Hi Dietmar,

I have not tried John's suggestion yet, but will do later. I'm finding that the Body class is not being set, so somethings not working. I'm using moodle 2.2 so it may be that. I'll try this in Moodle 2.1.3 and see if that makes any difference.

Mary

Average of ratings: -
In reply to Deleted user

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by John St -

Dietmar,

My fix is only for the problem outlined in Mary's post before mine (I tested in multiple installs and it does work), I do not know if it also fixes (or not) Katerina's issue as I have not been able to replicate that. So they may be separate things. 

Average of ratings: -
In reply to John St

This forum post has been removed

The content of this forum post has been removed and can no longer be accessed.
In reply to Deleted user

This forum post has been removed

The content of this forum post has been removed and can no longer be accessed.
In reply to Deleted user

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Katerina Nemcova -

It really works!!!!

You guys are amazing - many thanks to all 3 of you! Where do I send the champagne?

Katerina

Average of ratings: -
In reply to Deleted user

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by John St -

No problem. I wasn't knocking the $haspbarpre stuff, I think it would be a good idea to have it, just that it wouldn't seem to be the issue here. 

I have no idea why removing that class works, just that it does. Note that the class is necessary in the standard side-pre side-post regions or else all kinds of wonky things happen. 

Average of ratings: -
In reply to John St

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Mary Evans -

Hi John,

I've not had time to test this yet, but thanks!

I was worrird that without that you can't move the blocks, obviously you can so I'll fix this in the new version.

Thanks again

Mary

Average of ratings: -
In reply to Deleted user

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Mary Evans -

Hi Dietmar,

Thanks for following this discussion Dietmar.  Perhaps like me you are wondering why it works without that class selector? But like I have told John... I have not had time to test it today.

Cheers

Mary

Average of ratings: -
In reply to Mary Evans

This forum post has been removed

The content of this forum post has been removed and can no longer be accessed.
In reply to Mary Evans

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Aleksander Nadj -

Hi Mary,

Great theme, i only got one (migt be) simple question:

I want to add a background picture in the graphicwrap. But i don't want the picture to be centered only (it says so inside the theme options). Is it possible to make it "stretch" (repeat x) on left and right depending on monitor resolution? My picture is solid color , so on wide screen monitors I am gettin white spots on left and right. Cant find the proper div tag inside the code.

Thanks in advance

Aleksander.

Average of ratings: -
In reply to Aleksander Nadj

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Mary Evans -

The graphic wrap is in the profileblock.php

You could disable the image and add your background using the following CSS in

aardvark_postit/style/posit_settings.css

#graphicwrap { display: none} in aardvark_postit/style/posit_settings.css

html, body { background: #?????? url([[pix:theme|imagebg]]) repeat-x }

change #?????? if you want a background color, and imagebg to the name of the image you will be using which you need to add to your site install of  ...moodle/theme/aardvark_postit/pix/

This should work.

Cheers

Mary

Average of ratings: -
In reply to Mary Evans

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Aleksander Nadj -

Thanks for your answers,

What about if i have a picture which has a motive in the middle then repeat-x wil be looking abit weird. Is it possible to add another fake bg picture and repeate-x that one on the left and right while keeping the original graphicwrap on the middle?

style="border-bottom:1px solid #27437f; background:#ebebeb url(mypicture) repeat-x left bottom

Would like to add something like this, but adding this to graphicwrap div tag just repeats my fakebg image trough whole graphicwrap overriding the centered image (which has decorations in the bg)

Regards,

Aleksander

Average of ratings: -
In reply to Aleksander Nadj

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Mary Evans -

You could add your bground image to page with something like... 

#page { background: transparent url([[pix:theme|bground]]) fixed 50% 50% } 

That would work OK with the other code I gave you earlier.

HTH

Mary

Average of ratings: -
In reply to Mary Evans

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Sidney Scott -

Hi Mary,

Great work with the theme. I owe you a big hug if we ever meet Yes

I'm trying to change the colour of active link but can't find the code. For example, in the attached screenshot, 'Edit profile' page is currently open and the link is bold.

Is it possible to give any active link a different colour? This will be very useful, especially in Course navigation wherein the users will be able to see where exactly they are.

Cheers,
Sid

Attachment moodle-meny.png
Average of ratings: -
In reply to Mary Evans

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by llywelyn morgan -

Hi Mary

Any ideas on a workaround for the following:

On moodle front page any objects embedded  (e.g, an embedded flash file) in a label will obscure drop down menus.

Thanks

Llywelyn

P.S. still haven't been able to solve the issue with first letter of file being chopped when uploading via chrome or firefox.

Average of ratings: -
In reply to llywelyn morgan

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Mary Evans -

First of all don't use embed write it this way in the HTML part of the Editor you use to add this to the label.

The values in the data and width & height relate to the swf file I have added the link to so that you can see where you need to change this so you can add the info to make this work on yout site.

The green highlighted line is the bit that stops the flash file sitting ontop of everything.

<object width="195" height="125" data="http://visible-expression.co.uk/sandbox/theme/cafemocha/swf/moodle.swf" type="application/x-shockwave-flash">
<param value="http://visible-expression.co.uk/sandbox/theme/cafemocha/swf/moodle.swf" name="movie">
<param value="#000000" name="bgcolor">
<<param value="opaque" name="wmode">
</object>

HTH

Mary

Average of ratings: -
In reply to Mary Evans

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by llywelyn morgan -

i was embedding a film from animoto using their embedding code.  tried adding the green line (omitting the extra <) but it didn't have the desired effect sad

here's the code:

<p style="text-align: center;"><object id="vp1B4nGA" width="432" height="240" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"><param name="movie" value="http://static.animoto.com/swf/w.swf?w=swf/vp1&amp;e=1327517625&amp;f=B4nGAPkt7JGcAonXBBxffQ&amp;d=252&amp;m=a&amp;r=240p&amp;volume=100&amp;start_res=240p&amp;i=m&amp;options=" /><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><embed id="vp1B4nGA" src="http://static.animoto.com/swf/w.swf?w=swf/vp1&amp;e=1327517625&amp;f=B4nGAPkt7JGcAonXBBxffQ&amp;d=252&amp;m=a&amp;r=240p&amp;volume=100&amp;start_res=240p&amp;i=m&amp;options=" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="432" height="240" /></object></p>

Average of ratings: -
In reply to llywelyn morgan

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Mary Evans -

You probably did it wrong...this worked for me...

Here is the code I used: Copy it and then paste it into Notepad and then copy from Notepad and past it into your page.

<p><object data="http://static.animoto.com/swf/w.swf?w=swf/vp1&amp;e=1327523254&amp;f=B4nGAPkt7JGcAonXBBxffQ&amp;d=252&amp;m=a&amp;r=240p&amp;volume=&amp;i=m&amp;options=" type="application/x-shockwave-flash" height="240" width="432"><param value="http://static.animoto.com/swf/w.swf?w=swf/vp1&amp;e=1327523254&amp;f=B4nGAPkt7JGcAonXBBxffQ&amp;d=252&amp;m=a&amp;r=240p&amp;volume=&amp;i=m&amp;options=" name="movie" /><param value="opaque" name=" wmode=" /></object></p>

HTH

Mary

Average of ratings: -
In reply to Mary Evans

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by llywelyn morgan -

lol

how frustrating.  tried your code and it still doesn't work!!!  does it matter that this is on the homepage?

Average of ratings: -
In reply to llywelyn morgan

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Mary Evans -

You will be doing something wrong...or it could be a setting in your theme.

All you need to do is ad my code ONLY...nothing else no changes to it

Try deleting the Moodle cache...

Site Administration > Development > Purge all caches

Then refresh your screen...and then see if it works?

However...it might depend on your theme.

Can you let me have a link to the site?

Cheers

Mary

.

Average of ratings: -
In reply to Mary Evans

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by llywelyn morgan -

forgot to purge but that had no effect except that now when i use your code i get an ie warning about giving control to an external source!

moodle.llanishen.cardiff.sch.uk

Average of ratings: -
In reply to llywelyn morgan

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Mary Evans -

Hi,

Check this site of mine out...

http://visible-expression.co.uk/?theme=aardvark_lite

Tell me if it works in your version of Internet Explorer.

If it does then all I did was add this line just before the closing </object> tag if the FULL embedded code you were using originally, like so...

<param value="opaque" name="wmode" />
</object>

Cheers

Mary

Average of ratings: -
In reply to Mary Evans

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Abraham Domínguez -

Hi all, 

I need to change the size of blocks...200>300 i read the dietmar post and upload the his attach overwritte: 

Hi Penny,

in the attachement you can find an aardvark_postit clone with a block region width of 290px called aardvark_postit_290px (without the voluminous pix directories).

@Mary: I hope you agree to that!

Dietmar

>This attach works in the new version?
> Where pagelayout css in this version?
>  I only need upload and overwritte? It´s necesary change something?

 

Thanks4all

Average of ratings: -
In reply to Abraham Domínguez

This forum post has been removed

The content of this forum post has been removed and can no longer be accessed.
In reply to Deleted user

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Mary Evans -

Hi Dietmar,

Don't you mean set aardvark_postit_290px the default? 

Or am I missing the plot here? smile

Mary

PS: And yes I approve! smile

Average of ratings: -
In reply to Mary Evans

This forum post has been removed

The content of this forum post has been removed and can no longer be accessed.
In reply to Deleted user

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Abraham Domínguez -

OK perfect i do that and now run ok but...in original post-it theme i change in core.css background-image: url(xxxxxxx.jpg) } and works great but...in postit290px_core it´s no posible why? 

Thanks4all.

Average of ratings: -
In reply to Mary Evans

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by llywelyn morgan -

very odd.  it works now.  thanks for your help mary.  you are fast becoming my favouite person on the web!

Average of ratings: -
In reply to llywelyn morgan

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Mary Evans -

Cheers

So pleased you got this to work!

If you need any more help please don't hesitate to ask...I am always pleased to help.

Cheers

Mary

Average of ratings: -
In reply to Mary Evans

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Luciana Oliveira -

Hi,

Can you please tell me where can I change the mouse over color for the main menu?

Thank you so much!

Excelent template smile

Average of ratings: -
In reply to Luciana Oliveira

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Mary Evans -

Thanks! smile

Settings > Site Administration > Appearance > Themes > choose the link that relates to the theme name.  This goes for any theme which has a setting page.

Aardvark Post-IT should be near to the top of the list.

When this page opens you will see all the settings for the theme. In there you should see an option to change the Hover color.

HTH

Mary

Average of ratings: -
In reply to Mary Evans

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Nicholas Bovee -

Great theme Mary! However, the names and rows don't match up in the gradebook, grader view, when I have the names column set to static. Apparently the same problem existed in 1.9 (there's a screenshot in there):

http://tracker.moodle.org/browse/MDL-21088

I've confirmed the problem in Safari and Chrome in Mac OS.

This problem exists with *many* themes, not just yours BTW (for example, Simple Space). Is there an easy fix?

Sorry if this issue has already been brought up.

Average of ratings: -
In reply to Nicholas Bovee

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by John St -

What version of moodle2 are you using? This issue seems to disappear in newer versions of moodle2. 

Average of ratings: -
In reply to John St

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Nicholas Bovee -

We just upgraded to 2.2, but the problem was also present in 2.1.

Average of ratings: -
In reply to Nicholas Bovee

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by John St -

Did you clear the theme cache after upgrade? I don't see it in 2.2 or in 2.1. 

Average of ratings: -
In reply to John St

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Nicholas Bovee -

Yeah, I did all that. No effect. Oh well. I like Aardvark Makeover too, so maybe I'll go with that one. It seems to work fine (though I do like Post It more!) Weird that no one else is encountering this problem though.

Could it have something to do with the dimensions of the student photos? I know for a fact that they are not 100 x 100.

Average of ratings: -
In reply to Nicholas Bovee

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Mary Evans -

Hi,

The fact it looks better in Aardvark Makover may be the fact that the pagelayout is set differently, I'll check this out later and see if I can revamp the aardvark_postit to make it work better.

Cheers

Mary

Average of ratings: -
In reply to Nicholas Bovee

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by llywelyn morgan -

we encountered it too but it seems to have gone now (moodle 2.2).

Average of ratings: -
In reply to Nicholas Bovee

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Mary Evans -

Hi If you are convinced it is a problem, then can you creat a new tracker issue for it...but DO NOT associate it with themes as it is nothing to do with themes, this is an ADMIN problem, at least I think that is the category it comes under.

Thanks

Mary

Average of ratings: -
In reply to Mary Evans

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Nicholas Bovee -

Ok, thanks. We've been happily using your Superfresh theme for a year now  with no such problems - *except* when teachers used PCs with old-style narrow-width monitors. But that's probably a different issue that I'm hoping a fluid-width theme will take care of (haven't tested it yet).

Take care.

Average of ratings: -
In reply to Mary Evans

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by llywelyn morgan -

Hi Mary

Yet another question.  Have had a look at grade.css but can't find the transparent background in order to change it to a solid colour.  Any idea where it is?

Here's an image of our gradebook where you can see that the comments and grades grid is transparent and displaying the site's background colour.

Average of ratings: -
In reply to llywelyn morgan

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Michael O'Brien -

Hi Mary

I might be preempting it a bit but would it be alot of work to create a popup layout for Aardvark post it, its following on from this discussion about the scorm player in http://moodle.org/mod/forum/discuss.php?d=185138#p846477 

My skills with html and CSS is very limited so i wanted to run the idea past the design guru of the original theme to see if it was an easy job i could do myself before I starting hacking at the embedded.php file and break everything

Generally the idea is to create a layout thats used for popups a.k.a scorm packages set to open in their own window. I would like the popup to show content starting as far left as possible with no extra tables or toolbars and to fit 1024x768 presentations at a minimum but I am a bit stumped when it comes to turning the hope into a reality

The problem i hope to solve is my scorm packages are set to open in a new window but when they do they have alot of padding or wasted space to the left hand side so don't fit all the content in unless you use a very high screen resolution, so my thinking is to create a very simple layout with a simple css setting so the scorm package fills as much of the window as it needs

Average of ratings: -
In reply to Michael O'Brien

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Mary Evans -

Hi,

First of all check in aardvark_postit/config.php $THEME->layouts

to see if you have this setting.

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

Change 'embedded.php' to 'general.php'

As for SCORM well that's a nest of vipers if ever I saw one! LOL

There is a Moodle Tracker MDL-31381 which has been set to fix the way SCORM displays in a pop-up.

Hope this helps?

Mary

Average of ratings: -
In reply to Mary Evans

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Michael O'Brien -

Thanks Mary,

That was way less painful than I was expecting, will let the users give it a go and see how they like it till the tracker case is integrated into a build.

I do like having the site headers on the scorm player page now but others might not like the more integrated feel

Average of ratings: -
In reply to Mary Evans

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Al Brocklehurst -

Hi Mary, thanks for the great theme.

For our site I'd like to increase the size of the right hand side blocks but can't find were the code is for this. Could you point me in the right direction.

Thanks

Al

Average of ratings: -
In reply to Al Brocklehurst

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Mary Evans -

Hi, there is a post somewhere in this forum where Dietmar Wagner added a zip which modified this theme and allowed you to change the blocks.

I'll ask Dietmar and see if he remembers where it is.

EDIT: Just found it...

http://dwagner.eu/moodle20tools/

Here you can get the code to add to your theme and change the layout.

Cheers

Mary

Average of ratings: -
In reply to Al Brocklehurst

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Mary Evans -

Further to my last comment...here is the discussion ...

http://moodle.org/mod/forum/discuss.php?d=183922#p838029

where you can d/load the 'child' theme

Cheers

Mary

Average of ratings: -
In reply to Mary Evans

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by awais tahir -

Hi Mary,

ive installed this theme and really love it..

there are few things i want to do with it, but not sure how it can be done. i tried a little bit myself, but i guess my html and css is not strong as i thought it was..

please help me out here..

what i need to do is

1. Add an image between the logo and the name of the user (middle of these two)

2. change color of the blocks in the right and left from transparent to blue (just the headers where name of the block is shown).

3. “Modules available” and “Courses available”  headings to have expandable/collapsible option because we offer way too many courses and modules, so hoping to have this option just like the blocks. so users can collapse it to minimize it.

 

looking forward to hear from you soon. Thanks.

Average of ratings: -
In reply to awais tahir

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Mary Evans -

Hi,

  1. this is not easy to do and even harder trying to explain! It may be easier making just one long image to add in the 'logo' area rather than add two images.
  2. add this CSS rule to postit_core.css
    • .block .header { background-color: blue;}
  3. go to Site Administration > Frontpage > Frontpage settings and enable the option to display "Combo" this will set the Category/Courses in an expandable/colapsible way by default.
    • For example:

Combo

Hope this helps?

Cheers

Mary

Average of ratings: -
In reply to Mary Evans

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by awais tahir -

Hi Mary,

thanks for the suggestion.. ive tried this one before but i was looking for expand/collapse option just like we have in our blocks.. so students can expand/collapse the whole list. i hope you understand what i mean? or should i explain with with the image?

thanks

Average of ratings: -
In reply to awais tahir

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Mary Evans -

It HAS Expand / Collapse what more do you want it to do?

You better send an image of what YOU want.

Average of ratings: -
In reply to Mary Evans

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Bill Steele -

Hi Mary

Firstly thanks for a truely excellent theme

I am a newbie to Moodle themes so my apologies if these questions are obvious or have been asked elesewhere and I have missed them. I have found that Username and Password are not shown in the login boxes when using IE but are shown when using Firefox. I have also found that the autoi-linking in the Glossary refuses to work when the theme is applied but works fine with other themes. lastly how would I go about adding additional menu items on the grey bar where the home icon is?

I would apprecaite any help that you can provide

Thanks

Bill

Average of ratings: -
In reply to Bill Steele

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Mary Evans -

Hi,

You can get the Username and Password to work in IE if you add Username and Password where it says name=" " in the respective areas in the profileblock.php which you can edit using Notepad.

    echo '<li><input class="loginform" type="text" name="username" id="login_username" value="'.get_string('username').'" /></li>';
    echo '<li><input class="loginform" type="password" name="password" id="login_password" value="'.get_string('password').'" /></li>';

The auto linking may be partly due to the fact this theme has no CSS rules for this, these would need to be added.

As for the Menu items you will need to read Theme settings Moodle Doc.

HTH

Mary

Average of ratings: -
In reply to Bill Steele

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Mary Evans -

Further to my last comment (see above) I have just enabled Auto-Linking (Site-Administration > Plugins > Filters > Manage filters

If you have not set these Site Wide then you need to. If you have then try Purging all caches in Site Administration > Development.

I have checked and all the necessary CSS rules are inplace in the parent theme.

Also...and may be the root problem...just check aardvark_postit/config.php and see if the parent themes have been added as array('canvas', 'base'). If not put them in that order. In the earlier theme this was reversed and so does not pick up parent CSS as it should. It was set that way in the Simplespace theme that Aardvark theme was originally built on.

Cheers

Mary

Average of ratings: -
In reply to Mary Evans

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Bill Steele -

Thanks Mary

Your prompt reply has given me sufficient information to allow me to resolve all the issues

Bill

Average of ratings: -
In reply to Mary Evans

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Frederic Nevers -

Hi,

not sure whether this is the right forum for that. I am trying to make navigation easier for my students. I have already added icons in a table on the homepage for each subject and that helps a lot. I went a step further by adding tooltips to those images that would display links to sub-categories/links. I have that part working fine (I use a framework called Prototip2) but as I need to include the Prototype framework in the page header (for prototip to work), it causes some issues with the Moodle navigation block. Basically, the links inside it no longer expand. It must be a Javascript clash but I have no idea how to troubleshoot.

I have tried with jQuery and exactly the same behaviour is displayed. I know it is 'possible' to do the same thing with YUI with overlay but I cannot get my head around YUI sad

Any hints as to what I should look at when using Firebug for debugging? Or better, what I need to do the reproduce the same using YUI?

Cheers,
Fred

Attachment jquery prototype issue.png
Average of ratings: -
In reply to Frederic Nevers

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Mary Evans -

Hi,

This sounds like it is a javascript confict. However for me to test this and also help you fix it, I will need to add this feature. Can you give me a link to the Prototip site so I can download it? Thanks

Mary

Average of ratings: -
In reply to Frederic Nevers

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Mary Evans -

Hello again

Please ignore my last comment as I have just discovered that this feature costs money! LOL

OK...let's see if we can try something else.

In another theme a long while ago 2 years or so, we had a similar problem, and we fixed it by renaming a js file from menu.js to menujs.js I am just wondering if this might work in this scenario?

How are you adding the JS scripts into Moodle? Are you adding them in via the theme's config.php? What about the bits of code (if any) which need to be in the page? I usually add this as a php include, basically all I do is copy/paste the code (minus the <-- script tags ) into Notepad and save it into the layout file as jscode.php or something similar. And then add this to the area it needs to go into in general.php and frontpage.php (if it exists) with <?php include('jscode.php'); ?>

HTH

Mary

Average of ratings: -
In reply to Mary Evans

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Frederic Nevers -

Hi Mary, 

thanks for your reply. You can download a free trial of the product here Trial if you like. The problem is not with that though, it happens whenever I include the Prototype framework (almost the same spelling but 2 different things). 

I follow the procedure mentioned on the developer website and add the following code to 'Additional HTML' on Moodle. It is the first line that causes the issue.  

<script type='text/javascript' 
src='https://ajax.googleapis.com/ajax/libs/prototype/1/prototype.js'></script>;
<script type='text/javascript' src='/js/prototip/prototip.js'></script>

At the moment, I am only linking to the framework but I guess I could download it, host it on my server and fiddle with the file names if needed. Unfortunately I cannot do that tonight as my FTP is refusing to work from home!

To cut a long story short, I think this is the file that is causing me issues https://ajax.googleapis.com/ajax/libs/prototype/1.7.0.0/prototype.js

Any ideas how I could debug this?

Cheers, 
Fred 

Average of ratings: -
In reply to Frederic Nevers

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

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

Hi Fred,

If you are familiar with firebug, there is another add-on that is designed to help with Javascript etc. its called Illuminations for firebug and can be found doing a search in the firefox add ons for firebug. To be honest, I haven't actually used it, but it seems to have a few positive reviews.

Richard

Average of ratings: -
In reply to Richard Oelmann

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Frederic Nevers -

Hi Richard, 

Thanks a lot for your response. I shall be checking this out tomorrow morning at work. 
Cheers,
Fred 

Average of ratings: -
In reply to Frederic Nevers

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Mary Evans -

Is this ptototype framwork and prototip only being used in this theme? If so then forst of all d/load the prototype.js script and place it in a new javascript folrder inside your aardvark_postit and also add your prototip.js in that folder too so then you would have...

  • aardvark_posit / javascript /
    • prototype.js
    • prototip.js

Next add these two to aardvark_posit / config.php  (no file extension needed)...like so:

$THEME->javascripts = array('prototype', 'prototip');

If the problem persists then you may need to hack the code, but I have a feeling it is the fact you have this in Aditional HTML rather than in the theme.

Also...and something which you may have overlooked...that of having AJAX enabled in your own profile?  And for the site too...but I expect that is enabled...but no harm in checking! smile

Cheers

Mary

Average of ratings: -
In reply to Mary Evans

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Frederic Nevers -

Hey Mary,

thanks a lot for your reply. I will be trying that first thing tomorrow morning. Come to think of it I once included jQuery when I custom coded a module in Moodle and never had any issues; sure enough I now remember including it the way you mentioned in your post (I don't even think there was this 'Additional HTML' option in Moodle at the time). I have a good feeling about this. I'll let you know when I have tried.

I have AJAX set both for my account and the site, but you're right to not discard any user error ;)

Cheers,
Fred 

Average of ratings: -
In reply to Frederic Nevers

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Mary Evans -

I did this first by added it to footer array javascript option in the config.php and this caused a conflict in the page losing all the docking and show/hide images and navigation functionality. But when I added it to the header array in the config.php it worked OK...although it did not cause a conflict I have not got the prototip to work...I am still struggling to understand how it all works. It says it's easy as ...

new Tip (element:content) 

However I am not finding it so easy.

Mind you I have takeled this the Moodle way which is a bit of a nightmare!

Cheers

Mary

Average of ratings: -
In reply to Mary Evans

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Frederic Nevers -

thanks again for your response - do you ever sleep?!

I have not yet been able to include the prototype.js file without breaking the navigation (prototip.js is fine though). I have tried the following:

  • include it using $THEME->javascripts = array('prototype', 'prototip');
  • include it hard coding it into the general.php file (in the head section)
  • additional HTML

Could you clarify what you mean by "But when I added it to the header array in the config.php it worked OK". Where is that? Could you provide me with the code? I cannot find a 'header' array in the config.php file mixed

Whichever way I try it always breaks something. I am off to investigate javascript conflicts. Wish me luck - I have no idea what I am doing!

I have included a working piece of code using prototip and the result (pic is broken).

Cheers,
Fred

Average of ratings: -
In reply to Frederic Nevers

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Mary Evans -

Hi...sleep what is that! LOL

With respect to the Javascript arrays you can use in config.php

I have mine set like this:

/** List of javascript files that need to included on each page */
$THEME->javascripts = array('prototype', 'prototip', 'tooltips', 'styles'); // Header
$THEME->javascripts_footer = array(); //Footer

Although there is no confict on my Moodle site with the addition of these JS scripts, I did need to Purge all caches which is what you might have forgotten to do. First though make sure you only have the one in the config, which is correct, and take off the one in general.php and take out the one in Additional HTML...then go to Site Administration > Development > Purge all caches

Now test your page again.

I am not having any success...but seeing your example I see now where I am going wrong.

I'll experiment later today and let you know if I get it to work.

Can I ask exactly where you added the prototip files? The JS scripts need to be in the theme in a javascript directory, but where have you added the images and css? 

I have mine in my theme's pix directory and the css in style directory and then this is declared in the config.php as a theme stylesheet. But that is not too much of a worry as you can style each element in the script tag.

Well good luck with the JS research!

Cheers

Mary

Average of ratings: -
In reply to Mary Evans

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Frederic Nevers -

thanks for your help. Nothing gives. I think I have tried every single possible combination to no avail. It just won't play nice together. 

I have spent way too much time on this. Back to the drawing board.

Cheers, 
Fred 

Average of ratings: -
In reply to Mary Evans

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Jason Hollowell -

Mary,

I'm really enjoying this theme. Thanks so much for the contribution.

I'm wanting to edit the code that prints the logout link in the user dropdown box that appears in the header and/or add a logout link to the menu bar that uses sesskey info so I don't have to deal with the logout confirmation screen. I poked around in the files in the theme directory for I don't know how long and couldn't find the code associated with the logout link or the code where the menubar items are printed.

Can you point me in the right direction? And, is what I'm wanting to do possible or at least as easy as I'm hoping...?

Jason

Average of ratings: -
In reply to Jason Hollowell

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Mary Evans -

Hi,

Yes...just add this code...

?sesskey=<?php echo sesskey(); ?>

just after...

<?php echo $CFG->wwwroot; ?>/login/logout.php

in aardvark_postit/layout/profileblock.php, so that the whole line looks like this...

<li><a href="<?php echo $CFG->wwwroot; ?>/login/logout.php?sesskey=<?php echo sesskey(); ?>"><img src="<?php echo $OUTPUT->pix_url('profile/logout', 'theme')?>" />&nbsp;<?php echo get_string('logout');?></a></li>

Use Notepad to make the changes.

HTH

Mary

Average of ratings: -
In reply to Mary Evans

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Jason Hollowell -

Mary,

Fabulous! Worked like a charm. smile

I know it sounds like overkill but I'd like to also add a link in the menubar that does the same thing. I have one now but since the sesskey info is not included, it initiates the confirmation screen. I am wanting to add the link directly via the code instead of via the theme settings menu so I can add the sesskey info but I can't seem to figure out in the code where the links are added to the menubar when they are specified in the settings. Can you point me in the right direction...or tell me if the following is correct?

It looks like I can fiddle around in layout/general.php

somewhere around the following line

<a href="<?php echo $CFG->wwwroot; ?>"><img src="<?php echo $OUTPUT->pix_url('menu/home_icon', 'theme')?>">

to get the link that I want to print out immediately to the right of the home icon. I'll experiment a little but if you have time for another pointer, it will be appreciated. smile

Jason

P.S. I'm wanting the menubar to appear as it does in the pic attached but I want it to include the sesskey info so users don't have to confirm the logout.

Average of ratings: -
In reply to Jason Hollowell

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Mary Evans -

Hi,

If you take a look at Afterburner theme, you will find that has the Login in the menubar. This all works via the renderers.php as found in your moodle/theme/afterburner/renderers.php

I'm just testing this now in Aardvark and will get back to you shortly.

Cheers

Mary

Average of ratings: -
In reply to Mary Evans

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Patrick Juhl -

Hi Mary!

First of all, thanks to you and Shaun for the great theme, it really gets something out of moodle!

I have a small display issue with the menus and submenus in moodle 2.2. The position of the arrows ">" when there is a submenu is not right in Chrome:

Also, I was hoping to be able to move the submenu slightly to the right so that it would appear beside the menu and not overlapping it as it does now. Can you help me with that ?

For info, here is how it looks in firefox:

Thanks in advance!

Kind regards,

 

Patrick

 

Average of ratings: -
In reply to Patrick Juhl

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Mary Evans -

Hi,

I would hazard a guess that it is not set correctly in the CSS. When I made this theme I just used the code that was already in place and added the blocks to the profilebar, which makes this theme that little bit different than the original Aardvark 2.1.

However, I am modifiying my version to add some more settings, and I am considerting changing the menu as I don't like the way it works now.

Becasue I have not looked at the menu CSS in great detail  I can't tell you which parts to modify, but you should be able to identify the ones as that section will have the css rules to add the arrow. Just play about with the background-position: rule and see whateffect that has.

HTH

Mary

Average of ratings: -
In reply to Mary Evans

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Patrick Juhl -

Hi Mary,

Ok, thanks, I'll have a look at it and I will try different modifications.

I seize the opportunity to come up with something else about this theme. It seems that the picture of the user on the top-right corner of the page does not reflect his profile pricture when using gravatar. I checked using an uploaded image and that works fine.

Now that I write this I realize that this is linked to the version of moodle 2.2 that I use since this theme is made for 2.1, right ? Do you have tips on how I could fix this and contribute with a patch for the 2.2 version ?

Thanks,

 

Patrick

 

Average of ratings: -
In reply to Patrick Juhl

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Mary Evans -

This theme works in Moodle 2.2 without any changes. I dont really know where people get this idea from.

Average of ratings: -
In reply to Mary Evans

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Patrick Juhl -

Hello Mary,

Well... I got that idea from the title of the thread blush. But I did download it for moodle 2.2, it just slipped out, my bad. Also, since Gravatars were included in moodle 2.2, it would have been normal that it wouldn't work for a 2.1 compatible theme.

Anyway, including Gravatars in aardvark would be awesome so this is why I posted my question. I don't think this should be too complicated to change. I started to dig a little into this but I do not have the sufficient knowledge in either php or html to fix it myself. So this is the little I found out:

The line of the theme concerning the profile picture is the following:

echo '<a href="'.$CFG->wwwroot.'/user/view.php?id='.$USER->id.'&amp;course='.$COURSE->id.'"><img src="'.$CFG->wwwroot.'/user/pix.php?file=/'.$USER->id.'/f1.jpg" width="80px" height="80px" title="'.$USER->firstname.' '.$USER->lastname.'" alt="'.$USER->firstname.' '.$USER->lastname.'" /></a>';
       

and scr attribute will have to be changed to conditionally include a gravatar if the user has no default image and gravatars are enabled. This is the HTML of the picture with gravatar as in my profile.

<img class="userpicture defaultuserpic" width="100" height="100" title="Picture of Admin User" alt="Picture of Admin User" src="http://www.gravatar.com/avatar/28f58de7da7808e45dd5e8380fe5c491?s=100&d=http%3A%2F%2Flocalhost%2Fmoodle%2Ftheme%2Fimage.php%3Ftheme%3Daardvark_postit%26image%3Du%252Ff1">

This is the result of what I would like to see in the theme's profile picture. Do you know where in moodle this line is generated ? This would help me understand how I can include it to the theme.

Thanks in advance,

 

Patrick

Average of ratings: -
In reply to Patrick Juhl

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Mary Evans -

Hi,

Until you mentioned about Gravatars, I was unaware this was now allowed in Moodle 2.2. I'll check this out and get back to you.

Thanks

Mary

Average of ratings: -
In reply to Patrick Juhl

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Mary Evans -

Hi,

The good news is that you don't need to code this in in your profile, as it works off your email address. But if the email you use is not registered with Gravatar then it wont work. I've just deleted the AV I added originally and let Moodle find my Gravatar automatically...which is cool! smile

The bad news is that I am not sure how to reset the profileblock as this will need coding. I'll have to see where the profile is set in Moodle and go grab me the code.

Thanks for the heads up on this new initiative.

Mary

Average of ratings: -
In reply to Mary Evans

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Patrick Juhl -

Nice to hear you are looking into this!

I'm looking forward in hearing from you. Do feel free to order me around if there is anything I can help with.

 

Patrick

Average of ratings: -
In reply to Patrick Juhl

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Mary Evans -

Hi,

Although I can see it's working in Moodle.org I don't see Gravatar mentioned in my Moodle 2.2.2 version (Build: 20120315). Are you sure this in not just on Moodle.org?  If it is in Moodle 2.2.x then it may need turning ON somewhere.

Can you check this out?

OK...FOUND IT!!!

Thanks to Mary Cooch! smile

http://www.moodleblog.net/2011/11/19/use-your-gravatar-in-moodle-2-2/

Thanks

Mary

Average of ratings: -
In reply to Patrick Juhl

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Mary Evans -

Adding

$OUTPUT->user_picture($USER, array('size'=>80))

inplace of <img src...blah blah.../> in the profileblock.php

you will find it adds your Gravatar if that is set or your user pic if you uploaded one...or the default if you are not a gravatar fan/or just don't want to use a user pic.

Hope this helps?

Mary

Average of ratings: -
In reply to Mary Evans

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Patrick Juhl -

You did it again! It's perfect thanks!

Here's the resulting code for the profileblock.php line 16-24:

<div class="profilepic" id="profilepic">
    <?php
        if (!isloggedin() or isguestuser()) {
            echo '<a href="'.$CFG->wwwroot.'/user/view.php?id='.$USER->id.'&amp;course='.$COURSE->id.'"><img src="'.$CFG->wwwroot.'/user/pix.php?file=/'.$USER->id.'/f1.jpg" width="80px" height="80px" title="Guest" alt="Guest" /></a>';
        }else{
            echo $OUTPUT->user_picture($USER, array('size'=>80));
        }
    ?>
</div>

Cheers

Average of ratings: -
In reply to Mary Evans

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Jason Hollowell -

Mary,

Thanks. I prodded around in the general.php file for quite some time and managed to get the link that I wanted but it didn't appear as I wanted it to. I'm sure that is because I was adding the code directly to the file and bypassing css etc.

I notice there is no renderers.php file in the postit theme. Does it use one from a different theme (Afterburner)?

Jason

P.S. Here is a shot of what I managed to accomplish. It works exactly as I want but, of course, looks terrible. The white "Logout" link is added through the theme settings and requires a confirmation. The blue, crappy looking, link is hardcoded directly in general.php with the sesskey and works as I want (no confirmation required) but I can't figure out how to format it correctly. shy

Attachment LogoutLink.jpg
Average of ratings: -
In reply to Jason Hollowell

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Mary Evans -

Hi,

It's not that easy in this theme as the meue is styled in a strange way. I'm in the process of changing Post-IT and doing away with that menu and adding the one from Afterburner. In actual fact you could probably add the profileblock to afterburner easier than trying to change Post-IT. smile

I spent hours messing with this last week and gave up.  I don't really understand why it was coded like that in the original Aardvark, but as I only added the blocks into the profileblock I didn't change anything in the menu, other than tidying up the CSS.

This is what I have done instead...

logout

This appears in the header but did away with the pic. The button is a restyle and uses jquery with no images. If you send me your email in a Message I'll send you this new beta version I'm working on.

HTH

Mary

Average of ratings: -
In reply to Mary Evans

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Patrick Juhl -

Little bug found in the theme. When changing the visibility of topics in a course using this theme, I found that the eye image didn't change and since the user is administrating the course he will see all topics whether they are hidden or not from students. So it is hard to know what the topic's state actually is without having to connect as a different user.

The solution to this is simply to introduce another image for hiding the topic when it is in "shown" state.

I stole the attached one for the afterburner theme and it looks quite nice with the other icons of aardvark_postit. The change has to be made in the theme's pix_core\t\ folder by replacing the show.png image file with the desired icon (I also replaced the one in the pix_core\i\ folder... not sure where it is used but it didn't look right).

Could this be added to the theme by default ?

Here it is the icon in question:

Kind regards,

 

Patrick

Average of ratings: -
In reply to Patrick Juhl

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Mary Evans -

Well I'm not seeing the same thing. All the hidden things in my test site work perfectly. I have just tested Aardvark too and that work OK, so all I can think, is that some changes in the way the hidden objects are 'dimmed' were changed early on this year, which has casue no end of problems. I fixed this bug last week and its in Moodle Versions 2.2.2, 2.1.5, and 2.0.8.

You can read about the fix HERE.

So you may need to update your version of Moodle.

Cheers

Mary

Average of ratings: -
In reply to Mary Evans

Re: Aardvark Post It - Moodle 2.1 Fluid Theme - where is it?

by MoniQ D -

Hello Mary, big fan. Thanks for all you do big grin

Over the years, I built 3 moodle centres for a not-for-profit: eLearning site for women overcoming abuse, education & training site for public, and a promo-site for the org.

We rebuilt our server, installed all latest versions etc, now I am ready to re-establish Aardvark Lite customized theme somehow in 2.2.2+, for 2 of the sites (used newbury-college for the other).

Downloads for Aardvark Post It are unavailable surprise

Is there a version of Aardvark Lite you can recommend? The wrap around block headers we don't use - is there a way to get the 1.9 version of blocks?

Or do I start with Shaun's Aardvark 2.1?

Thanks, MoniQ

Average of ratings: -
In reply to MoniQ D

Re: Aardvark Post It - Moodle 2.1 Fluid Theme - where is it?

by MoniQ D -

I really like the isometric block headers though.

Average of ratings: -
In reply to MoniQ D

Re: Aardvark Post It - Moodle 2.1 Fluid Theme - where is it?

by Mary Evans -

Hi,

If you send me your email in a private Message I can send you copies of some Moodle 2.0 themes based on Aardvark Lite.

Here is a link to the old themes database where you can pick up a copy of Aardvark Makeover http://moodle.org/mod/data/view.php?d=26&rid=4764

which is like Aarvark Lite.

Cheers

Mary

Average of ratings: -
In reply to Mary Evans

Re: Aardvark Post It - Moodle 2.1 Fluid Theme - where is it?

by Dan Zavone -

I have a problem... Anyone found this? 1. When you want to use the forum module... if choosing the single simple discussion option when setting up the embedded video will not show in the description. This means that it is impossible to show a video and post a single question that you then get students to respond to. See screen shots: 1. Setting up forum 2. Video displays when you're editing the description 3. After you save changes, it's gone! This doesn't happen in ANY of the other forum types... Solutions anyone? Nothing on Moodle help anywhere that I could find.

 

I have a problem... Anyone found this?
1. When you want to use the forum module... if choosing the single simple discussion option when setting up the embedded video will not show in the description. This means that it is impossible to show a video and post a single question that you then get students to respond to. Not sure if a Moodle 2.2issue or an Arrdvard Postit but very odd.
 
 
See screen shots:

1.DELETED

 
2. Video displays when you're editing the description
 

DELETED

 
3. After you save changes, it's gone! This doesn't happen in ANY of the other forum types... Solutions anyone? Nothing on Moodle help anywhere that I could find.
DELETED
 

(Edited by Mary Evans - original submission Wednesday, 4 April 2012, 11:45 AM)

Average of ratings: -
In reply to Dan Zavone

Re: Aardvark Post It - Moodle 2.1 Fluid Theme - where is it?

by Mary Evans -

I had to delete the image you posted as this was sending out a login request from your Moodle site.

In future please upload the image via the insert image in the Text Editor.

As for the problems I need to check this out first, before I can answer you.

However at a guess I would say it is your Moodle install not the theme.

Thanks

Mary

Average of ratings: -
In reply to Mary Evans

Re: Aardvark Post It - Moodle 2.1 Fluid Theme - where is it?

by Mark G -

Hiya Mary...just working on your theme a bit...can you please help with the following quick questions? smile

HERE is our new website under development.

They are all related to the header area

1. How do I get a white border at the TOP of my banner? say about 5px, so it pushes the banner off the VERY top of the page? I can't seem to find a solution in the core.css...

2. With the 'login in' name and password and the login button, I need to move them LEFT so the right edge of the login button is aligned under the 'S' of the word 'courses' above it...would be tidier that way...again, I can't seem to move it left.

3. relates to the above question....once logged in, how do I move the user name and the grey triangle to the left...again so the grey triangle is aligned UNDER the right side of the 'S' in courses?

4. How do I change the colour of the logged in user text from the blue to another colour...say white, without changing colours of other various text?

I have been spending a lot of time playing with the core.css, but can't seem to solve the above....hope its ok to ask?

Thanks Mary.... smile 

Average of ratings: -
In reply to Mark G

Re: Aardvark Post It - Moodle 2.1 Fluid Theme - where is it?

by Mary Evans -

If you don't have latest Postit theme for 2.1 get it as this has a CSS setting page inside the theme that admins can set custom css.

I'll get back to you with answers later today.

Cheers

Mx

Average of ratings: -
In reply to Mary Evans

Re: Aardvark Post It - Moodle 2.1 Fluid Theme - where is it?

by Mark G -

Hi - ok have tried to get the very latest...but my site broke in the process of upgrading...obviously I didn't do it right mixed...

Will look into this first thing in the morning and get back to ya...

Mark

Average of ratings: -
In reply to Mark G

Re: Aardvark Post It - Moodle 2.1 Fluid Theme - where is it?

by Mary Evans -

Hi I am just wondering now if you are on a higher version of Moodle like 2.2? In which case you need to download the version of this theme suitable for your version of Moodle. If it is 2.2 get the 2.2 version!!!

That may have been the problem you could not upgrade!

Average of ratings: -
In reply to Mary Evans

Re: Aardvark Post It - Moodle 2.1 Fluid Theme - where is it?

by Mark G -

Hi again...ok i had to reinstall Moodle and the Aardvark Post It theme again (latest version this time). I have been making the small adjustments to the postit_core.css - basically getting it back to the point I had it yesterday - just before I posted to this forum to ask the questions. Now when I try to do anything, I get this page popping up:

I have just installed the very latested version of the theme (6th April). I can't seem to do anything as this page wont go away....clicking reload does nothing. It says "You must solve all the plugin requirements before proceeding to install this Moodle version!" ....but I have already upgraded to the latest moodle 2.2.2....

What am I missing? sad

Average of ratings: -
In reply to Mark G

Re: Aardvark Post It - Moodle 2.1 Fluid Theme - where is it?

by Mary Evans -

Looks like you have an error in your HOTPOT plugin.

The theme is OK it just needs to be installed via this Plugins page as Themes are classed as plugins now.

Average of ratings: -
In reply to Mary Evans

Re: Aardvark Post It - Moodle 2.1 Fluid Theme - where is it?

by Gordon Bateson -
Picture of Core developers Picture of Peer reviewers Picture of Plugin developers

Hi Mary and Mark G.,

The "missing from disk" message appears because although the HotPot module was standard in Moodle 1.9, it is not yet part of the standard Moodle 2.x package.

... so ...

Your quickest route to a successful upgrade is probably to download and install HotPot module for Moodle 2.x from the Moodle plugins repository.

If you use the HotPot question import script (to import questions from Hot Potatoes files directly into the Moodle 2.x question bank), then I suggest you install that too.

all the best
Gordon

Average of ratings: -
In reply to Gordon Bateson

Re: Aardvark Post It - Moodle 2.1 Fluid Theme - where is it?

by Mark G -

Hi Gordon and Mary. After spending 8 hours yesterday trying to get this work, the only solution for my install was to reinstall Moodle as far as 2.1.5 (any further and I would get real problems) and even then this theme won't install correctly. The straight Aardvark theme DOES work fine - which I have working fine on the site now....just not Mary's version....very weird. I checked I was using the correct versions etc....but still no joy. I wonder if it could be a Godaddy issue?

Does anyone know if the required change from renaming the ini.php file to ini5.php is still required at 2.2 version (and the required code additions) - with Godaddy? Could this also be an issue with this theme and using it with godaddy?

I didn't get the hotpot errors when using the Aardvark theme and moodle 2.1.5, just when using this Aardvark Post it theme.

All my attemps where from first installing moodle 1.9.17, as a automatic install via Godaddy, then manually upgrading with the download packages from this site. Not sure if I have the skills to do a fresh install direct to 2.2 myself sad Maybe here is the source of the problem...??

Both are beautiful themes - and I am very grateful to Mary and Shaun for them smile

Average of ratings: -
In reply to Mark G

Re: Aardvark Post It - Moodle 2.1 Fluid Theme - where is it?

by Mary Evans -

The reason my theme would not install is that it needed Installing as a theme which are now classed as "Plugins". The fact the "Plugin Check" happened to have the HOTPOT needing attention was nothing to do with my Theme, as such, it just happens that Moodle likes telling you that you need to do a tidy-up of your database and remove that HOTPOT plugin and as Gordon suggested download and install the upgrade version for Moodle 2.

Also...Aardvark theme does not have a version.php that's why you did not get the Plugin Check - my theme DOES!!!

FYI Moodle 2.2 need PHP5.3 and don't even think of trying to fool it it just does not work!

It's times like this I wish I liked drinking...but i don't so I wont, I'll eat some more cocolate intead! LOL

Average of ratings: -
In reply to Mark G

Re: Aardvark Post It - Moodle 2.1 Fluid Theme - where is it?

by AL Rachels -
Picture of Core developers Picture of Particularly helpful Moodlers Picture of Plugin developers Picture of Testers

Mark,

I ran into this exact same installation problem earlier today. I had Moodle 2011120502.00 and Aardvark Post It would not install. Just updated to the latest Moodle 2.2.2+ version 2011120502.06 and I am now using the theme with no problems.

The reason the Aardvark Post It would not install is shown right in the picture you included in your last post. I bet you do not have the right version of Moodle installed that it is looking for. The plugin also has to satisfy the incremental version of Moodle (the last two decimal point digits) to be .02 or higher and yours like mine was,  evidently is not.

HTH

AL

Average of ratings: -
In reply to AL Rachels

Re: Aardvark Post It - Moodle 2.1 Fluid Theme - where is it?

by Mary Evans -

There are 2 versions of Aardvark Post-IT available. You just need to choose the version best suited for your version of Moodle.

Average of ratings: -
In reply to Mary Evans

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Michelle Eames -

Hi

I have a test version of Moodle to practice and have decided to use your theme.

I wanted to make a copy and mess with that, I used to do that in 1.9, however it doesn't seem to like that on the notifications page and give me an error to say it doesn't exist.

i would like to change the menu header from black,  I am quite new to CSS so how would i do that?

Also when i dock a block the test is written one letter under the other.

T
E
S
T

How can I "twist" the text around, so it reads bottom to top like your example?

 

Thanks

 

Michelle

 

Average of ratings: -
In reply to Michelle Eames

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by sue sugizaki -

hi,

re: colour of the menu,

Go to style > postit_menu.css.

I changed it to dark red as below:

#menuwrap {
height: 45px;
width: 100%;
margin-left: auto;
margin-right: auto;
clear: both;
background: #990000;

 

HTH

Average of ratings: -
In reply to Michelle Eames

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

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

Hi Michelle,

There's a bit more to cloning a theme (creating a copy to work on) in Moodle2 - take a look at http://docs.moodle.org/dev/Themes_2.0_how_to_clone_a_Moodle_2.0_theme and at some of the discussions in the forum about cloning themes (do a forum search for clone or cloning and you should come out with quite a few!)

The background of the menu is as far as I can see, an image, so you would need to edit that image (or create a new one). Save the old image as mengrad_old.png and save your new one as menugrad.php and you won't need to touch the css for that - just remember to Purge All Caches, or turn on Theme Designer Mode to see your changes.

(Settings>Site Admin>Development>Purge all Caches

Settings>Site Admin>Appearance>Themes>Theme Settings)

As for the wording in the dock - I presume you are using IE? as this works correctly in Firefox and Chrome for me. I'll have to try to look that one out for you, unless someone else comes up with the answer first, as I can't remember how to deal with that in IE at the minute, sorry.

HTH

Richard

Edit: The rotation appears to be an inline style, but you could try adding the highlighted lines below to the dockedtitle css its about line 550 in postit_core.css - this shouldn't affect anything else or any other browsers as I believe the filter is an IE instruction only

#dock .dockedtitle h2 {
    font-weight: 200 !important;
    writing-mode: tb-rl;
    filter: flipv fliph;
}
 

HTH

Richard

Edit2: Just seen Sue has posted as I was writing - she is quite right, if you want a solid colour background for the menu background in place of the gradient image that is there, you can edit the css as she has given (it's about line 26 in postit_menu.css) and that will remove the gradient image and apply whatever colour you set there smile

Average of ratings: -
In reply to Richard Oelmann

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Michelle Eames -

Thanks, that worked once I cleared the theme cache, however, it now looks like

The text wraps around in a small area rather than stretching to fill.

It is IE and we can't change to chrome or firefox.

 

Thanks

Michelle

Average of ratings: -
In reply to Michelle Eames

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Mary Evans -

Hi,

I would not attempt to fix this as it is part of a bigger problem with Internet Explorer and Moodle Themes in general.

Try upgrading your Internet Explorer browser, as IE9 does not display the dock too badly in the normal view.

Do also make sure your browser is not in Compatibility Mode as this does tend to screw things up for Moodle themes.

Check this using F12 (Function Key 12) which I think is only avaialble from IE8 onwards. This tells you at a glance if the page is being view as IE7 standards rather than IE8 Standards.

HTH

Mary

Average of ratings: -
In reply to Mary Evans

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by christian iraola -

Hi everyone

does anybody know how to customize the "settings" menu? I want to resize and move it a little to the center. I also wanted to add a background picture and maybe other stuff.  Pls. help. heres' my screenshot. Thanks in advancesmile

Average of ratings: -
In reply to Mary Evans

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Michael Lewis -

Hi Mary,

I am evaluating Aardvark Post-it for our Moodle 2 migration over summer. I've noticed that when I navigate to the calendar or site blogs, the theme header disappears completely. The same was noted by George Bosveld in the comments attached to (http://moodle.org/plugins/view.php?plugin=theme_aardvark_postit). I have Moodle 2.2.2+ and Aardvark Post-it 2012040502 installed on a localhost test environment.

Incidentally I thought of using the bug tracker to post this, but the link on the page above is incorrect (should be http://tracker.moodle.org/browse/CONTRIB-3459). When I went to the tracker there is no discussion happening so posting here as it has your eyes keenly watching wink

Hope you can help resolve the missing header problem!

Thanks, Michael.

Average of ratings: -
In reply to Michael Lewis

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Mary Evans -

Michael:

It may well be better to do any theme fixing in CONTRIB-3459 that way I can upload the fixes to my GITHUB and then when I've made a few changes upload a new version to the Plugins-DB. In which case, if you need any fixes doing prior to you going live with the theme let me know in CONTRIB-3459

As for the CALENDAR issue, that was caused by a throwback from Simplespace which this theme started off its life as Aardvark 2.1.  I never noticed it was set wrong in aardvark_postit/config.php. So it may well have contributed to other problems without me realising. In fact it may well be casuing problems in some old themes. 

As a quick fix I have added the config.php here for you to download, which has a further addition to the layout elements, mainly the redirect layout, so rather than getting a blank page you get a theme page. If you donlt like that you can change it from 'default.php' to 'embedded.php' in this line...

    // The pagelayout used when a redirection is occuring.
    'redirect' => array(
        'file' => 'default.php',
        'regions' => array(),
        'options' => array('nofooter'=>true, 'nonavbar'=>true, 'nocustommenu'=>true),
    ),

HTH

Mary

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

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Michael Lewis -

Thanks much, looks good.

One other query, how complicated would it be to add to theme settings or personal user prefs the ability to change what items are available under  "My Stuff" and "My Account". I've hard-coded some alternate links in profileblock.php but would be nice to have some flexibility.

Average of ratings: -
In reply to Michael Lewis

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Mary Evans -

Hi Michael,

I have been thinking of something on the same lines myself, because someone has already asked me to do something similar for them.

It all depends on what you want to add.

I have found a way to add custom elements, like webmail, so that each user adds their own webmail url in a custom field, set up by Admin, in their profile. This then is transferred to the email icon in the profilebar using PHP. That is easy enough to do, so there is nothing stopping you adding other such linked items as well, if that is the sort of thing you want? What do you actually mean by flexibility?  If you give me an example and I will tell you it it is workable.

I've just added a new version of Aardvark_Postit to my GITHUB in the last few minutes. I've made some changes to the way the icons look.

You can find the latest version in CONTRIB-3459

Cheers

Mary

Average of ratings: -
In reply to Mary Evans

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by George Bosveld -

Thank you for the fix! smile

Average of ratings: -
In reply to George Bosveld

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Mary Evans -

You're welcome!

Average of ratings: -
In reply to Mary Evans

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by christian iraola -

Hi Ms. Mary, about the fixes or the updated version you uploaded, do i have to download and start my design all over again? just to fix the problem (no header in blog and calendar. Is that how it works? Thanks.

Average of ratings: -
In reply to George Bosveld

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by christian iraola -

Hi George, show did you fix the calendar issue? (no header)

Average of ratings: -
In reply to christian iraola

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by George Bosveld -

Hi Christian,

Yes the fix that Mary had posted worked for me. I didn't install the updated Post-it, I changed the php file as Mary posted.

(Not sure how to paste a quote so here is a reply link with Mary's reply: http://moodle.org/mod/forum/post.php?reply=882927)

That worked for me. I downloaded the added php and pasted the changed code into the file that I have for my editted version of Post-it.

Average of ratings: -
In reply to George Bosveld

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by christian iraola -

Well after a thorough review with my edited config.php, I finally get to show the header but one of my blocks on the header disappeared when i click the calendar link.

here is my screenshot in the Homepage

And here's my Calendar page, notice the block 

I'm not sure if this is really an error, or maybe its just the way it works?

I'll also try the updated version that Ms.Mary uploaded and see how it goes. Thanks Sir Georgesmile

Average of ratings: -
In reply to christian iraola

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Mary Evans -

You need to go into your events block when editing is on and change the way it displays. You have options where you want it to show up.

  1. In Frontpage ONLY
  2. In ALL pages added to front page
  3. In the ENTIRE site

HTH

Mary

Average of ratings: -
In reply to Mary Evans

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by christian iraola -

Thanks Ms. Mary,  that solve the problem. I also tried your updated version which obviously works as always. i just notice that the icons got bigger and the label's gone or I think i just miss something, as always. Take a look at my homepage, 

O, there's supposed to be a shadow on both sides of the body. I know its there coz i can see them both when i'm in the calendar page. Anyhow, its not really a big deal but any advice is greatly appreciated. Thanks a lot Ms. Mary . the Goddes of MoodleYes

Average of ratings: -
In reply to christian iraola

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Mary Evans -

Hi the icons are bigger yes, but you can change the size if they are too big. Add this code...

.profileoptions img {
    width: 40px;
    height: 40px;
}

...to the Custom setting page in Site Administration > Appearance > Themes > look for Aardvark Post-IT in the list of theme names listed at this point of the navigation links.

As for the titles of the icons, If you hover over the icon you will see the title name or alt name.

As for the shadow...not sure what you mean...if there is a link to your site I'll take a look.

Cheers

Mary

Average of ratings: -
In reply to Mary Evans

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by George Bosveld -

Hi Mary,

I'm wondering something, one of the courses have the simplespace theme. But when clicking on the course (which has the postit theme) I get the logo from the postit theme and not the logo with div's background color from simplespace.

Could this be related to Simplespace or Postit? I noticed if I swap the course with postit I do get Postit's original logo. (on the main page I have a cloned and changed version of Postit).

I'm a bit stuck. I tried to add the fix to Simplespace but that didn't work. Having the theme properties on design-mode does chagne the logo in the simplespace themed course, but when turned off it doesn't work.

Average of ratings: -
In reply to George Bosveld

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Mary Evans -

I don't think this has anything to do with the Simplespace theme, the problem that casued the missing header was because of the way the layouts were written. It was an inherited problem.

What you are seeing is perhaps a browser cache problem. Because images like logo are in pix folders so like favicons they are more likely to get mixed up. Try clearing your Temporary Internet folders, and see if that works.

I'll take a look at Simplespace and let you know.

Average of ratings: -
In reply to Mary Evans

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by George Bosveld -

I tried clearing the browser data and also tried in Firefox, IE9. Safari and Chrome.

Unfortunately it didn't work in any browser with developer mode turned off.

What did work is changing the colors.css of Simplespace, there it says background:url(setting:logo) no-repeat; and I changed it to: background:url([[pix:theme|logo]]) no-repeat;

I guess like you said the, or some theme settings get inherited because of the css saying settings rather than linking to the theme.

Average of ratings: -
In reply to George Bosveld

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Mary Evans -

I have just been reading through yout earlier comments and something isn't adding up.

Tell me which of the following is the behaviour of the two themes.

  1. POST-IT is the DEFAULT theme and SIMPLESPACE is set as a COURSE theme but SIMPLESPACE logo shows up in POST-IT when not in a course page

  2. SIMPLESPACE is the DEFAULT theme and POST-IT is set as a COURSE theme
    but SIMPLESPACE logo shows up in POST-IT when in a course page

  3. Neither POST-IT nor SIMPLESPACE is DEFAULT but both are set as COURSE themes. The POSTIT logo shows in SIMPLESPACE course page and it's own course page.

  4. Neither POST-IT nor SIMPLESPACE is DEFAULT but both are set as COURSE themes. The SIMPLESPACE logo shows in SIMPLESPACE course page and also in POST-IT'S course page.

  5. NONE OF THE ABOVE

Also, to make it clear in my own mind, what fix did you try to apply to Simplespace? 

Thanks

Mary

Average of ratings: -
In reply to Mary Evans

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by George Bosveld -

My apologies for not being very clear, I meant number 1, but Post-it logo.

Post-it is default theme and Simplespace is applied to a course. The Post-it logo appears on the simplespace theme.

The fix I did is changing colors.css of simplespace, I saw:

background:url(setting:logo) no-repeat;

and I changed it to:

background:url([[pix:theme|logo]]) no-repeat;

With this change to Simplespace's colors.css the logo from Simplespaces's pix folder shows. With the ogirinal setting link in the css of Simplespace the logo from Post-it, the home page theme, shows. Except when design mode is turned on in theme settings.

In short:

  • Simplespace is not applied to main theme, the above about the logo is about it wshowing up in the header of the course, which has Simplespace applied.
  • Main theme, Post-it, logo shows in course theme.
  • Post-it = main theme, Simplespace = course theme;
  • Post-it logo shows in Simplespace when design mode is turned off;
  • Changing colors.css of Simplespace makes Simplespace's logo show in Simplespace theme in the course where Simplespace is applied.

I hope I could clear up the situation?

Average of ratings: -
In reply to George Bosveld

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Mary Evans -

In that case there us a confict.

Perhaps this need reporting in Moodle Tracker.

I'll do it and see if I can get some help fixing it by the developers.

Thanks

Mary

Average of ratings: -
In reply to Mary Evans

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

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

Mary - query -

Could this be a related issue to the one that was discussed a while back about child themes and settings pages not cascading?

What I mean (I think) is- are the settings being applied globally site wide and then not being overridden by a course/category theme being applied when that calls for a setting? Could this be resolved if the settings didn;t have the same name eg [ [settings|logo] ] is a common one and the caching may be calling this from the site wide value? Would this be solved if each theme called their settings something like [ [settings|postitlogo] ] and [ [settings|simplespacelogo] ] ??

 

Richard

Edited to add spaces between the [ [ and ] ] to stop the forum automatically converting them to links to Moodle Docs smile

Average of ratings: -
In reply to Richard Oelmann

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Mary Evans -

You could well be SPOT ON with this Richard.

Average of ratings: -
In reply to Mary Evans

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Frederic Nevers -

Hi, 

I updated Aardvark postit to the latest version (from the plugins database) yesterday, and then purged all caches - everything *seemed* to work fine. However, this morning I tried to add a new course to my Moodle installation and got the following fatal error message

Fatal error: Cannot redeclare aardvark_postit_process_css() (previously declared in /var/www/theme/aardvark_postit/lib.php:3) in /var/www/theme/aardvark_postit_backup/lib.php on line 30 Call Stack: 0.0001 638520 1. {main}() /var/www/course/edit.php:0 0.0552 5570616 2. moodleform->moodleform() /var/www/course/edit.php:91 0.0604 5774392 3. course_edit_form->definition() /var/www/lib/formslib.php:169 0.1253 8245816 4. get_list_of_themes() /var/www/course/edit_form.php:175 0.1293 8516328 5. theme_config::load() /var/www/lib/moodlelib.php:7023 0.1297 8564280 6. theme_config->__construct() /var/www/lib/outputlib.php:357

Does anyone know how to fix this?

I am running Moodle 2.2.1 on a Ubuntu 10.04LTS. There were no such problems before the theme update and I haven't changed anything on the server since, neither have I made any changes to my Moodle settings. I have tried adding &theme=standard at the end of the URL (allowed it first in the settings) and I get the same error as it tries to call aardvark and not the standard theme.

Any help with this would be greatly appreciated

Cheers, 
Fred 

Average of ratings: -
In reply to Frederic Nevers

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Frederic Nevers -

stand down, false alarm. I know what happened... last night when I updated the theme, instead of overwriting the old files I renamed the containing folder to aardvark_postit.backup and forgot to remove it once I'd copied all of our custom code to the 'new' theme.

Sleep deprivation obviously does me no good. Anyway, I'm leaving the post just in case someone comes across a similar problem. To fix it, just remove any folder containing the same theme files that you have just upgraded (if you made a copy that is)

Cheers, 
Fred 

Average of ratings: -
In reply to Mary Evans

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Murilo Nocera -

Hi Mary,

First of all, thanks for the beatiful theme!
I've installed it on Moodle 2.0.2 and the icons (on profile bar) are too big and there's no name text beside them. Take a Look:
Dou you know how can I fix it? Thanks!

Average of ratings: -
In reply to Murilo Nocera

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Mary Evans -

Try hovering over the images with the nouse and the name appears.

Average of ratings: -
In reply to Mary Evans

Re: Profile bar

by Murilo Nocera -

Hi Mary,

I tried hovering the mouse, but the icons are still too big and without the names..Take a look below.
Do you know what should I do to fix it? Or which theme file I have to try to modify? Thank you so much!

Average of ratings: -
In reply to Murilo Nocera

Re: Profile bar

by Mary Evans -

I have just tested this is Chrom Firefox & IE9 and they all do the same...which is this...

Hand cursor

So I don;t know why you don't get that.

To change the image size add this code...

.profileoptions img {
    width: 40px;
    height: 40px;
}

...to the Custom setting page in Site Administration > Appearance > Themes > look for Aardvark Post-IT in the list of theme names listed at this point of the navigation links.

HTH

Mary

Average of ratings: -
In reply to Mary Evans

Re: Profile bar

by Murilo Nocera -

Hi Mary,

Thanks, I'll try to modify the size..
Actually, i'd want to do like below (with the names at right - not just the icon). Thanks again!

Average of ratings: -
In reply to Murilo Nocera

Re: Profile bar

by Mary Evans -

In that case delete the profileblock.php from your current theme and add the one I have uploaded here.

You will probably need to Purge all caches in Settings > Site Administration > Development before you see any differenece after uploading this file to your server.

HTH

Mary

Average of ratings: -
In reply to Mary Evans

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Alan Eisenberg -

I love this theme, but have run into one problem I can't seem to overcome. It is a problem only in the IE8 browser and I can't recreate it in the IE9 browser, even in compatability or developer mode.

It has to do with the drop-down menu. When a person is not logged in to the site, they see the drop down menu as with a solid background.

When they are logged in, the background of the drop-down turns opaque and you can't read the menu items. I have attached two pictures to show this. It only happens in IE8 as far as we can tell. Any thoughts as to what to fix, because when i go into Firefox with Firebug, I can't find the CSS to change on this one.

Any help is appreciated.

 

not logged in

Attachment LoggedIn.gif
Average of ratings: -
In reply to Alan Eisenberg

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Mary Evans -

Hi,

I don't have IE8 so I can't test it although for a few seconds I almost saw the problem you have, in that all I could see was the black menu arrow at the top when in IR8 Mode iusing IE9, but once the css had loaded all was well, so I think this is a bit of both IE8 and Moodle. rather than the theme itself, There is a known problem with the way IE loads CSS and the restrictions of the number of CSS pages, and in Moodle there are hundreds.

I donlt suppose you jave Theme designer mode enabled as this is not recomended. I'll assume that it is OFF so that you can safely Purge all caches from Site Administration > Development > Purge all caches - this will clear the Moodle cache giving you a chance to regain some lost CSS data, hopefully this will do the trick.

Another problem may be a conflict on the page, with FLASH or some other media which can cause problems.

The fact this only happens when logged in is odd in itself isn't it?

Mary

Average of ratings: -
In reply to Mary Evans

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Alan Eisenberg -

I tried to do the clear cache concept and shut off the design issue, but no solution. It is very strange that it only happens on IE8 and when logged on. But, I might have another clue that I forgot to mention. The other issue on IE8 is that when you do the expansion at the top post-login to show the Profile Bar (see picture), it doesn't expand fully and cuts off the graphics on IE8. Fine on the rest.

Makes me wonder if the menu issue is due in part to this same problem, since the graphic on the Profile Bar has some transparency. Any idea why this is happening as well? Does this help? I so want to use this template, but do expect some of our user base to have IE8.

Attachment Moodle_BlockDropDown.jpg
Average of ratings: -
In reply to Alan Eisenberg

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Mary Evans -

At first glance I would say you have been changing some code in the default.php, looks like there is a missing </div> or </li> or </ul> tag somewhere. IE8 is not as forgiving as the new browsers.

Average of ratings: -
In reply to Mary Evans

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Denko Showa -

Hi Mary,

I faced the same problem as Alan Eisenberg but i did not do any changes with the code. and also is there any possibilities if i wants to dock up all the block what are the things that i need to do? pls help as i am pretty new to moodle.

 

Average of ratings: -
In reply to Denko Showa

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Mary Evans -

Can you first tell me which exact version of Moodle you are using and which version of Aardvark Postit you are using also?

You may also find this of interest...

http://support.microsoft.com/?id=962351

If I were you I would upgrade to IE9 as that is a much better Browser for Moodle.

Thanks

Mary

Average of ratings: -
In reply to Alan Eisenberg

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Mary Evans -

Hi,

I have just managed to force this behaviour in IE9 browser, using IE9 Wed Developer Mode using F12 (Function Key) and making it use IE8 Browser Mode with IE7 Document Standard, in other words IE8 in compatibility mode. This means then that your University website is FORCING Logged-in users who are using IE8 browsers to view the page in COMPATIBILITY mode.

You can check this yourself if you use an IE8 browser, and are Logged-In take a look in Tools>Compatibility View Settings and see if your University web address has been added there.  If it has then remove it.

Then also make sure you browser is in the correct vising Mode by Clicking F12 and check that it is set to IE8 Broser Mode and IE8 Standard Document

HTH

Mary

Average of ratings: -
In reply to Mary Evans

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Alan Eisenberg -

Hi Mary:
Thank you for continuing to try to help. A few things:

1. Based on your previous post, I put the theme back in as it was downloaded witht still the same problem. So no changes to the default.php did not resolve it.

2. We followed your steps above on the IE8 browser, but still with no solution. It did not fix it. As good as IE9 is at emulating, it is not really emulating the problem as we see it on the IE8 browser.

My gut says that we are dealing with some CSS3 and possible HTML configuration issues. I don't really know why it won't open the Personal area bigger and IE8 (and IE7 as well, but we won't worry about that) don't seem to want to work correctly. And it is only once a user is logged in, that's why I think it is tied to how the Personal area is working with it expanding the top part with that drop down. Is that a Javascript effect or a CSS effect?

There's something in that it doesn't like and I think the menu issue is a secondary result of that not working. I'm just speculating, mind you, but it's what I'm seeing with the IE8 performance issue. Any more thoughts are appreciated? I wonder if anyone else is using IE8 and seeing the same things.

I do want to add that this theme is beautiful and works flawlessly on Chrome, Opera, Firefox, and IE9. We love that Moodle now doesn't look so much like just another LMS and you did a great job. It's just a shame that IE is still behind as we need to meet IE8 browser requirements for our clients.

Average of ratings: -
In reply to Alan Eisenberg

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Mary Evans -

OK...I have just tested Aardvark Post-IT on IE8 and it worked OK, however, it was not the same version as the one you are having problems with. The difference between the two is jquery. I made some changes in the way the toggle works in your version (which is the latest version). Also the version of jQuery is 1.4 which is old, and as I have since found out, conflicts with only IE8. So this is perhaps the catalyst which is causing the reaction with both the menu and the toggle switch, as the latter only works when logged in.

To fix this you will need the latest jQuery minified which I have attached here as a zip file. 

If you delete the old jquery.min.js and add the one you download from here, can you let me know what happens when you re-test it. You will need to purge all caches by going to Site Administration > Development > Purge all caches. This is IMPORTANT.

Thanks

Mary

Average of ratings: -
In reply to Mary Evans

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Alan Eisenberg -

Mary:

Thanks for staying with me on this. I am very ready to try what you are asking, but when I went onto my Moodle site to find the "jquery.min.js" file to exchange, I only found one called "jquery-1.6.4.min" located in my "theme\mymobile\javascript" folder. Can you give me more specific directions to the location you are saying this should be in? Unfortunately I can't seem to find it with a search and didn't see it in your theme.

The only item in the Javascript folder for your theme is one called "toggle5.js"

Thank you for continuing to help. I am hopeful this will solve it.

Average of ratings: -
In reply to Alan Eisenberg

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Mary Evans -

Oh...in that case this is not the problem I was thinking it might have been.

toggle5.php is OK.

In that case then, the only other option is to get access to your site and see what's happening myself.

If you could set me up with a temporary student id and password so I can login and see if I can work some magic from this side of the 'Pond' that would be great. smile

If this is a acceptable can can you PM me the Login info?

Thanks

Mary

Average of ratings: -
In reply to Mary Evans

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Bill Steele -

We really like the theme and intend using it on our University site but we have come across an issue for us that I am hoping you will be able to provide some guidance on. We are using an application called Turnitin for student submissions of assignments. It is being used in what is called Basic mode and uses an iFrame. The applications opens ok in the Standard theme with the iFrame filling the entire window and with a vertical scroll bar. When using Aardvark the iFrame only opens in half the screen and there is no vertical scroll bar. Due to this the necessary buttons for the application cannot be accessed and so it is unworkable.

Can this functionality be resolved and if so where in the CSS should we be looking at? Thank you for any assistance you can provide. This looks like the last significant issue we need to resolve with theme

Bill

Average of ratings: -
In reply to Bill Steele

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Mary Evans -

Hi Bill,

I found a couple of bugs recently in this theme, which I have fixed in the latest version which you can find at my GITHUB here...

https://github.com/lazydaisy/Moodle-Studio/tree/aardvark_postit

However I did make some other changes to the profilebar which may mess with your set up.  But the config.php in that updated theme is the one you should use in your theme now to fix the bug, which is most probably stopping the Turnitin application from working.

Is this a Moodle Plugin? If it is I'll do some testing and get back to you.

If not can you tell me where I can get a copy to test?

Thanks

Mary

Average of ratings: -
In reply to Mary Evans

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Bill Steele -

Hi Mary

we have tested your updated theme and it does not appear to have resolved the issue. With the display set at 1024x768 and using the Standard theme, the Tunritin plugin fills the screen and there are both vertical and horizontal scrollbars.

The same settings with Aardvark Post-it has the plugin in the centre panel only and the vertical scrollbar does not appear.

If you wish I can give you Teacher access to our pilot server

I would appreciate any help you can give

thanks

Bill

Average of ratings: -
In reply to Bill Steele

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Mary Evans -

Hi Bill,

That sounds like a good idea. I'll send my email in a message then you can email the instructions to get to your site.

Thanks

Mary

Average of ratings: -
In reply to Mary Evans

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Leonardo Gravina -

Hi Mary, I'm from Brazil and we have used your theme here too. Thank you.

I want to use one logo (on the header) for each course available in my moodle's installation.

In this way, the logo changes when I do the login in each course. Can I do it with css? Could you give me some instruction? Thank you again.

Average of ratings: -
In reply to Leonardo Gravina

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Mary Evans -

Bom dia Leonardo!

Yes...but I will need to work out how to do this first...smile

I will let you know the code tomorrow...or later this evening.  OK?

+++++++ OK here it is +++++++

Here is the way I would do this as it is simpler because you can add this code into the Custom CSS section found in Settings > Site Administration > Appearance > Themes > At this point you will see a long lis ot theme names. These are all LINKS to the Custom settings pages for the  themes which have these settings. Now choose Aardvark Post-IT from this list. You cannot miss these links and Aardvark Post-IT should be at the top! smile

In this Custom setting page you will find the Custom CSS about halfway down the page.

Here you can add the following which will add a different image to the background of the course page. If you prefer to change the 'logo' then change #graphicwrap to #logo in this code.

First of all I would put all your images into a folder called images and placed it in the aardvark_postit directory like so...

../moodle/themes/aardvark_postit/images/

coursebg-1.jpg
coursebg-2.jpg
coursebg-3.jpg
etc...
etc...

and then the CSS would look something like this...

If you want to ask more question please do, as it is always interesting for others to learn more about themes.

I hope this helps?

Mary

Attachment mojo.jpg
Average of ratings: -
In reply to Mary Evans

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Mary Evans -

Hi Leonardo,

I was editing my post and see that Richard answered also.  The results are similar, although Richard also gives you the option to choose category too, which is good.

Anyway, I hope you find our solutions useful?

Thanks

Mary

Average of ratings: -
In reply to Mary Evans

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Leonardo Gravina -

Hi Mary and Richard!

These solutions are exactly what I needed. Thank you very much for your attention! And for the quick response too!

Thanks again!

Leo

Average of ratings: -
In reply to Leonardo Gravina

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

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

Hi Leonardo,

It is possible to do this using css - but whether it's practical depends on how many courses you have to target with different logos smile. I've done something similar for categories - where I could target 2 or 3 - but i didn't fancy doing it for several hundred separate courses!!!

If you look at the html page source for your course in your browser, you should find the body tag looks something like this:

<body id="page-course-view-topics" class=" path-course path-course-view gecko dir-ltr lang-en yui-skin-sam yui3-skin-sam localhost--moodle pagelayout-course course-2 context-15 category-1 ">

(that one is taken from the page source of a course on my localhost development moodle). From there you can see that you can target specific courses or categories as Moodle adds the course/category number to the body classes.

The number can either be found here in the page source - or if you look at the mdl_courses table in the database, it is the id number of the course there (same for the category in the relevant table)

You can then target any of the css selectors specifically for that course/category for example

#logo {background: #003 url([[pix:theme|logo]]) repeat-y left top; }  // the standard logo for the whole site
.course-2 #logo {background: #003 url([[pix:theme|logo_for_course2]]) repeat-y left top; }  // the logo for course2
.category-65 #logo {background: #003 url([[pix:theme|logo_for_category65]]) repeat-y left top; }  // the logo for category65


Sorry Leonardo, I don't actually have aardvark_postit installed yet as I've only just upgraded the install to Moodle2.3, so I'm not able to give you the exact code but you should be able to use firebug or similar to find the standard css selector you need for the logo, and then you can add as many alternatives as you want/need using the body class selector.

HTH

Richard

Average of ratings: -
In reply to Mary Evans

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Marianela Delgado -

Hi Mary, I'm using the aardvark  theme in moodle 2.2. I'm using a 185 x 52 px logo, but when I put it an item in the menu, the first item looks over the logo. I'm attaching a picture. Could you help me please?

Attachment problema logo.png
Average of ratings: -
In reply to Marianela Delgado

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Mary Evans -

I'm sorry to say this does not look like Aardvark Post-IT to me.

Average of ratings: -
In reply to Mary Evans

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Martin Ericsson -

Hi,

Thanks a lot for a really brilliant theme! Works great!

I have one question regaring the Calendar. I would like to disable it and remove it from the Site pages menu. Anyone here that knows how to do this?

 

Thanks in advanced!

Martin

Average of ratings: -
In reply to Martin Ericsson

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by sue sugizaki -

Hi,

You mean the one in Profile bar?

Go to layout > profleblock.php and remove;

<li><a href="<?php echo $CFG->wwwroot; ?>/calendar/view.php?view=month"><img src="<?php echo $OUTPUT->pix_url('profile/calendar', 'theme')?>" />&nbsp;<?php echo get_string('calendar','calendar');?></a></li>

Average of ratings: -
In reply to sue sugizaki

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Martin Ericsson -

Hi Sue,


Thanks for your reply. What Im interested in is to remove it from the Site pages meny.

Average of ratings: -
In reply to Martin Ericsson

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Martin Ericsson -

Anyone know how to hide the Calendar from the site pages menu?

Average of ratings: -
In reply to Mary Evans

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Leonardo Gravina -

Hi! I'd like to position the "bar-innerwrap profile" in the right corner, below the photo of the user. It is indicated in the image. Can anyone help me? Thanks in advance!!!

Average of ratings: -
In reply to Leonardo Gravina

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Mary Evans -

Hi,

Try this...

#profilebar {
    clear: both;
    font-size: 12px;
    font-weight: 200;
    height: auto;
    margin: 0 0 0 auto;
    max-height: 200px;
    width: 230px;
}

Average of ratings: -
In reply to Mary Evans

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Leonardo Gravina -

Mary, thank you. It worked perfectly. I just increased the width to 450px. Again you helped a lot!

Average of ratings: -
In reply to Leonardo Gravina

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Mary Evans -

Cool!

I did not realise how versatile the profilebar was!  I would never have thought to shrink it like that, so I was amazed to find I could make it go into a single column!! So thank YOU! It has given me an idea!

Average of ratings: -
In reply to Mary Evans

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Grace Esteban -

theme problem

Hi Mary.

We adore your Post-it theme but when we upgraded our Moodle, I lost your theme design. I tried to upload a newer version of your theme that I got from this link http://moodle.org/plugins/pluginversions.php?plugin=theme_aardvark_postit but it is not working. I kept on getting the message I need 2012xxx version. Please see attached image.

Help : ( I've spent 4 hours working on this problem and still can't figure out what to do.

 Thanks.

Attachment theme problem.png
Average of ratings: -
In reply to Grace Esteban

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Mary Evans -

Hi Grace,

So sorry you have had all these problems.

The version you have installed is for a specific version of Moodle. You need the older version of Aardvark Post-IT which you can download HERE

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

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Grace Esteban -

Hi Mary.

 

 Sorry to thank you so late. It worked smile

You're the BEST!

Average of ratings: -
In reply to Mary Evans

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Leonardo Gravina -

Hi Mary! 

The profile bar is really very versatile. And also useful.

You have helped me a lot and I'm happy to give you a positive return, no matter how small.

Thank you again!

Average of ratings: -
In reply to Mary Evans

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by JJ B -

Hi Mary, regards,

I'd like to position the 'profilebar' below the photo of the user.

Can you help me?

Thanks

 
Attachment profilebar.png
Average of ratings: -
In reply to Mary Evans

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Trevor Wilson -

Turning out very nice now... I'm really liking this.

One issue I've run in to... the My Blocks / My Account / My Stuff titles in the profilebar don't toggle with language change like the rest of the strings in the profile bar do.

Do I need to add the translation to the strings somewhere for this to occur?

Thanks again,

Trevor

Average of ratings: -
In reply to Trevor Wilson

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Mary Evans -

Yes you do Trevor.

All the language strings can be  found in the file called theme_aardvark_postit.php in the lang folder under the "en" sub-directory.

First make a copy of the lang/en/theme_aardvark_postit.php and add it to the same lang folder but add a sub-directory for whatever language you need to translate for.

for example:
it = Italian -> lang/it/theme_aardvark_postit.php
fr = French -> lang/fr/theme_aardvark_postit.php
etc...etc...

The $strings look like this...you just change the part that is highlighted.

$string['myaccount'] = 'My Account';
$string['myblocks'] = 'My Blocks';
$string['mystuff'] = 'My Stuff';
$string['pluginname'] = 'Aardvark Postit';
$string['profilebarbg'] = 'Profile Bar Background';

so in french this would look something like...

$ string ['myaccount'] = 'Mon dossier';
$ string ['myblocks'] = 'Mes blocs';
$ string ['mystuff'] = 'Mes choses';
$ string ['pluginname'] = 'Aardvark Postit';
$ string ['profilebarbg'] = 'Contexte Bar profil';

You can use Notepad to edit them. Once saved into your aardvark_postit theme on your Moodle site, you will need to make sure you have added your language files corresponding to the languages you want to use on your site.  I am guessing you already know how to do this. Just make sure you Update theme in the Language Pack settings, this seems to do something to the custom strings...probably creates a cache in your Moodledata.

If you get stuck give me a shout.

Cheers

Mary

Average of ratings: -
In reply to Mary Evans

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Luís Rocha Graça -

Hello Mary,

 

First of all, thank you so much for this amazing theme. It really is flexible and user friendly.

Mary, I tried to install this new version, 2012071202 but when I do, it returs an error like the one depicted in the screenshot:

 

 

Can you please help me in order to surpass this obstacle.

 

Many thanks in advance,

Luís Graça

Average of ratings: -
In reply to Mary Evans

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by christian iraola -

Hi everyone,

Pls. I need help. Below is the screenshot of the site i'm working on. My concern is, I'd like to remove the spaces between the image and header, and the space before the footer. I actually tried to minimize the space in the footer, but the problem is it also affect the pages inside when logged in. How can i eliminate the spaces without ruining the pages inside? Thanks in advance.

Average of ratings: -
In reply to Mary Evans

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Sam Norman -

Hi Mary,

As others have also said, great theme. Cant wait to see the next one from you.

I do have a question for you, is it possible to create a center region for blocks on the frontpage that sits below the summary section and before the site news. Before upgrading to 2.2 I was using the Aardvark Pro theme and had found a patch to allow blocks to be placed in the center column. I have since found a patch for 2.2 however this places the center blocks region either above the summary section or below the site news. 

Thanks in advance,

Cheers,

Sam
www.7squadron.org.nz

Average of ratings: -
In reply to Sam Norman

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Mary Evans -

Hi Sam,

Sorry for the delay in my reply...your post was being pushed down the stack...and almost fell off the radar! smile

To answer your question...Yes it is possible to do that, but it would mean hacking the system files to do it. However, if you were to open a new ticket as a request for an 'improvement' in Moodle Tracker I am sure it might be considered, then this could be an option in the dropdown menu in Frontpage Settings. It's something I have been toying with...but not got the time at the minute.

Hope this answers your question?

Cheers

Mary

Average of ratings: -
In reply to Mary Evans

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by David Zapata -

Hi Mary. We installed your theme with the latest version of Moodle and it was working fine for a couple of weeks and today we received this in our notification page:

We clicked the Upgrade Moodle database now button but received this error:

Just to be sure we downloaded the theme again and uploaded it. We edited the Moodle version in version.pho so it matches our installation. Also cleared the caches just to be sure. If you have any suggestion please let us know.

 

Best regards, David

Average of ratings: -
In reply to David Zapata

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Mary Evans -

You can fix this easily enough.

  1. Open aardvark_postit/version.php using Notepad
  2. Change 2012072100.01 to 2012070600

If that does not fix it just remove that file. It will still work without it.

Average of ratings: -
In reply to Mary Evans

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by David Zapata -

Thanks Mary! Had to remove version.php because was still showing a message in notifications after changing to 2012070600. Have a great day!

David

Average of ratings: -
In reply to David Zapata

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Mary Evans -

Which version of Aardvark Postit are you using?

Average of ratings: -
In reply to Mary Evans

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by David Zapata -

We have the latest version, Postit-note 2012072100.01. The message in notifications appeared all of a sudden, it was working fine. Just to be sure we downloaded the latest version again and reinstalled it but it didn't worked.

Average of ratings: -
In reply to Mary Evans

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Daniel Kennedy -

Hi Mary and everybody,

I've only just discovered Aardvark Post-it today, and have installed. It looks excellent!! I've come across a couple of problems, have read through this forum and it has sorted allowed me to sort many of them. Just one or two queries remaining, and wondered if you might be able to help?

1) I'm quite keen on having the smaller icons in the profilebar with the text labels next to each icon (I just think it looks better). I came across a post that advised how to make the icons smaller using the custom css box, which I have done. How do I get the text labels? I saw a post that had an attached 'profileblock.php', with the advice to swap the new one out and the old one in - but this had has no effect at all.

2) How do I:
a) Rename the 'My Blocks' labels to something more relevant
b) Remove the 2 'My Blocks', and just keep the 'My Account' and 'My Stuff'?

I don't post very often (I think once before), but am extremely thankful for everyone's time and effort! Hope to hear from you soon!

Average of ratings: -
In reply to Daniel Kennedy

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Mary Evans -

Hi Daniel

Depending on which Moodle version you are using will determine which Aardvark Postit you can use. If it is Moodle 2.3 the latest version (Release: Postit Note) has a dropdown area and the icons ore in the middle of the screen with the two postit notes one either side of them. 

If this is the version you mean you can make the changes to the profileblock.php for that theme. You cannot use someother profileblock.php because, as you have found,  it won't work as it is coded differently.

Assuming it is the "Postit Note" version you have then here is how you can add new links and images and change what is there already.

Using Notepad, or similar Text Editor, change the following lines of code I have highlighted...

<div id="profilebar-account" class="profilebar-options">
    <ul>
        <li><a href="<?php echo $CFG->wwwroot; ?>/my"><img src="<?php echo $OUTPUT->pix_url('profile/courses', 'theme')?>" /></a>
        <i><?php echo get_string('mycourses');?></i></li>
        <li><a href="<?php echo $CFG->wwwroot; ?>/user/profile.php"><img src="<?php echo $OUTPUT->pix_url('profile/profile', 'theme')?>" /></a>
        <i><?php echo get_string('myprofile');?></i></li>
        <li><a href="<?php echo $CFG->wwwroot; ?>/user/files.php"><img src="<?php echo $OUTPUT->pix_url('profile/myfiles', 'theme')?>" /></a>
        <i><?php echo get_string('myfiles');?></i></li>
    </ul>
</div>
<div id="profilebar-mystuff" class="profilebar-options">
    <ul>
        <li><a href="<?php echo $CFG->wwwroot; ?>/calendar/view.php?view=month">
        <img src="<?php echo $OUTPUT->pix_url('profile/calendar', 'theme')?>" /></a>
        <i><?php echo get_string('calendar','calendar');?></i></li>

        <?php if ($hasemailurl) { ?>
        <li><a href="<?php echo $PAGE->theme->settings->emailurl;?>">
        <img src="<?php echo $OUTPUT->pix_url('profile/email', 'theme')?>" /></a>       <i><?php echo get_string('email','theme_aardvark_postit');?></i></li>
        <?php } ?>

        <li><a href="<?php echo $CFG->wwwroot; ?>/login/logout.php"><img src="<?php echo $OUTPUT->pix_url('profile/logout', 'theme')?>" /></a>
         <i><?php echo get_string('logout');?></i></li>
    </ul>
</div>

LEGEND

Purple = url used to hyperlink a page or a website

Orange = php equivelent ofimage url where image is stored (example: aardvark_postit/pix/profile/courses.png)

Yellow = Language$string  as defined in moodle/lang/en/moodle.php -> example: $string['myprofile'] = 'My profile';

)Rose=  Language $string as defined in moodle/lang/en/calendar.php -> example: $string['calendar'] = 'Calendar';

Blue = Language $string as defined in moodle/theme/aardvark_postit/lang/en/theme_aardvark_postit.php -> example: $string['email'] = 'Email';

If you want to add new items where the $string is not defined anywhere you can add them to aardvark_postit/lang/en/theme_aardvark_postit.php

If you keep to the same format you can change any of these links to suit your organisation.

I hope this helps?

Mary

 

Average of ratings: -
In reply to Mary Evans

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Daniel Kennedy -

This is fantastic! Thanks so much Mary! I'd got my head around half of what you suggest, but couldn't understand where the $string was being defined.

Still not sure though how to get the text labels next to the icons?

Dan

Average of ratings: -
In reply to Daniel Kennedy

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Mary Evans -

The titles of the links are next to the names in the <i> </i> tag. But they are grayed out and light up when hovered over, that's if you are using the latest Aardvark Postit (Postit Note) version.

If you want them close up then you need to checkout the CSS for the profileblock in aardvark_postit/style/profilebar.css

It looks like this...

If you change the values for the two highlighted below you can home in on where you want them to sit.

.profilebar-options li i,
.profilebar-options li:hover i {
    position: relative;
    right: -50px;
    top: -50px;
    text-decoration: none;
    margin: 0;
    padding: 5px;
    display: block;
}
.profilebar-options li i {
    color: #DDD;
}
.profilebar-options li:hover i {
    color: #333;
}

Average of ratings: -
In reply to Mary Evans

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Jeremy Peckham -

Hi Mary

I'm probably in the wrong thread here! I have been using aardvark postit for some time now and have made some tweaks to the styles css to change the menu layout and "general.php" to change the home icon hyperlink - all succesful!.  I now have a parent website (in Drupal) and want the header logo image to link to that site rather than the home page of my moodle site.  I have spent some time looking at posts and searching thorugh the base theme and aardvark post it layout but I can't see where to change the hyperlink.  There's lot's of references to changing the footer but not header logo hyperlink.  Does it require a custom renderer?  There is no home_link referenced in the base or your layout php files.  I'm using Moodle 2.2.1 and Aardvark postit 2.1.  Any help much appreciated.

Jeremy

Average of ratings: -
In reply to Jeremy Peckham

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Mary Evans -

Hi Jeramy,

I tried to answer this earlier but was prevented. I think Moodle security is too strict.

OK to keep this simple I'll just point you in the right direction.

The link IS in the layout/general.php but doesn't look like a link as it's written differently.

Find this line  ...

        <?php
     if ($haslogo) {
        echo html_writer::link(new moodle_url('/'), "<img src='".$PAGE->theme->settings->logo."' alt='logo' id='logo' />");
     } else { ?>
         <img src="<?php echo $OUTPUT->pix_url('logo', 'theme')?>" id="logo">
       <?php
     } ?>

and change it to this ...

<?php if ($haslogo) { ?>
<a href="URL to site link" ><img id="logo" src="<?php echo $PAGE->theme->settings->logo ;?> " alt="logo"  /></a>
 <?php } else { ?>
<img src="<?php echo $OUTPUT->pix_url('logo', 'theme')?>" id="logo" />
<?php   } ?>

Average of ratings: -
In reply to Mary Evans

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Leonardo Gravina -

Hi! I'm having trouble viewing the theme with Internet Explorer. As you can see by the picture below, the profilebar not expand enough when it is displayed. Any suggestions? Thank you in advance.

Average of ratings: -
In reply to Leonardo Gravina

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Mary Evans -

This looks to me as though you are in IR9 Compatibility Mode which makes your browser like IE7 and Post-IT does not work well in IE7.

To change back to IE9 you need to go to Tools -> Options ->Compatibility settings

IE9 Tools > Options

In the Pop-up window make sure it is empty like this...

Compatibility View Settings

HTH

Mary

Average of ratings: -
In reply to Mary Evans

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Fr de Thysebaert -

Custom CSS

I'm not really specialist with css and want to have texte with the border-radius property

In the template configuration zone I have put this

.coin {
background-color:#E4EFFF;
border:1px solid #9FC6FF;
padding:5px;
/*arrondir les coins en haut à gauche et en bas à droite*/
border-radius:10px 0; 
-moz-border-radius:10px 0;
-webkit-border-radius:10px 0;
}



Then using the html editor in a ressource (activity html page) I add in the html code the correct div section as :
<div id="coin">
.. some code ..
</div>

seams not to be functionning

Any solution to customisze some page with the custom css

thanks

Average of ratings: -
In reply to Fr de Thysebaert

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Mary Evans -

If you added <div id="coin">... your CSS should be #coin {...) and NOT .coin which is a class selector.

You also need to have Theme Designer Mode enabled. You will not see any changes without it.

Site Administration > Appearance >Themes > Theme setting =>Theme Designer Mode is 2nd option from the top of the page.

Mary 

Average of ratings: -
In reply to Mary Evans

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Frederic Nevers -

Hi, 

I have just noticed that the activity completion report doesn't have a horizontal scroll-bar. This prevents me from being able to see the entire list. 

Does anyone know what I need to do to fix this issue? Please see screenshot attached.

Cheers, 
Fred

Attachment acivity completion issue.png
Average of ratings: -
In reply to Frederic Nevers

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Mary Evans -

Hi Fred which version of this theme are you using?

If this CSS is not in it then this is perhaps what you are missing...

/* REPORT & ADMIN LAYOUTS
-------------------------*/
.pagelayout-admin .no-overflow,
.pagelayout-report .no-overflow { overflow: auto;}

Average of ratings: -
In reply to Mary Evans

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Frederic Nevers -

Hi Mary,

thanks for your reply. I have version 2012051100. My postit_core.css file already had the CSS mentioned in your post, but no scrollbar sad I believe this is the latest version for Moodle 2.2 (which I am running)

Any other ideas tongueout?

Cheers, 
Fred

Average of ratings: -
In reply to Frederic Nevers

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Mari Cruz García -

Awasome theme, Mary, and thanks for the tip to customise submenus

Average of ratings: -
In reply to Frederic Nevers

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Mary Evans -

Hi Fred,

Sorry to be a pain but before I get to find a fix for this, can you give me the absolute address of the page you where on when you took that snapshot, minus your site URL of course? I just need to know where to look. Or give me the navigation steps to get to that page?

Also are you sure there is no scroller at the bottom of the grader table?

Average of ratings: -
In reply to Mary Evans

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Frederic Nevers -

Hi Mary, 

you're not a pain, I should have included it to start off with. Here is the URL 

http://moodle.css.edu.hk/course/report/progress/index.php?course=1635

I do get scrollbars in the grader report, just not in the activity completion report (conditional activities must be set in a course before this report is viewable). Thanks again for your help.

Cheers, 
Fred

EDIT: Another way to get to it is Courses > Name of course > Reports > Activity Completion

Average of ratings: -
In reply to Frederic Nevers

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Mary Evans -

Just been to your site and checked your CSS and found there is an arror on the page.

You cannot use // as a comment in CSS that is only for PHP you need to use /* comment text */ so //FN 20120522 changed from #333333 is causing the rest of the CSS to break.

If you change it to /*FN 20120522*/ that will Validate the page if you run it through the W3C Validator

You should see the scroller then.

Cheers

Mary

Average of ratings: -
In reply to Mary Evans

Re: Aardvark Post It - Moodle 2.1 Fluid Theme

by Frederic Nevers -

Hi Mary, 

thanks for spotting those issues, old habits die hard smile I have removed all of the bad comments and

  • Validated the CSS
  • Purged all caches
  • Purged APC
  • Purged browser cache
  • Checked that we have no proxy that might save CSS files (we don't)

and the scroll bar is still not showing mixed. It does work for grader report, just not for the activity completion report. Can you get it to work on your installation? 

Cheers, 
Fred

Average of ratings: -