Navigation menu items

Navigation menu items

by Annemarie Aliband -
Number of replies: 17

Hi

Has anyone used the assessment module on Moodle, if so is there a way of e-mailing out the results to people, so staff can review, we want to try and set up an assessment tool that staff can do then submit there results, or does anyone know a better way of doing this?

Also we are currently in the process of changing our Moodle front page, and will be using an navigation menu like the one here. I know the coding for this, but does anyone know how to put the lines on to break up each heading

For example

About|News|Support

Regards

Annemarie

(Edited by Mary Cooch  to change title- original submission Monday, 22 April 2013, 9:48 AM)

Average of ratings: -
In reply to Annemarie Aliband

Navigation menu question

by Mary Cooch -
Picture of Documentation writers Picture of Moodle HQ Picture of Particularly helpful Moodlers Picture of Testers Picture of Translators

Hello Annemarie. I'm just going to edit your post to reflect your second question so you get some help. (I'm not sure what you mean by "put the lines on" but I always use the Custom menu items in Appearance>Themes>Theme selector myself, as I cannot code.

I suggest you start a new thread about the Assessment module (do you mean the Assignment module?) as that way people won't be confused by having two questions in one wink

In reply to Mary Cooch

Re: Navigation menu question

by Annemarie Aliband -

Hi Mary

Thanks i mean you see on this moodle site you have each tab name about, news, support etc, well between each of these theres a | below is what i do , but unlike this site, my menu looks like the attached

 

  • Site Administration > Appearance > Themes > Theme Settings

In the Custom Menu Items box create the custom menu by entering items, one per line into the settings.

The content of each item is constructed of three elements, each separated by a | (Shift + \) character. The elements are label | url | tooltip.

  • label - This is the text that will be shown within the menu item. You must specify a label for every item on the menu.
  • url - This is the URL that the user will be taken to once they click the menu item. This is optional, if not provided then the item will not link anywhere.
  • tooltip - If you provide a URL you can also choose to provide a tooltip for the link that is created with the URL. This is optional and if not set the label is used as the tooltip for the menu item.

 

In reply to Annemarie Aliband

Re: Navigation menu question

by Mary Cooch -
Picture of Documentation writers Picture of Moodle HQ Picture of Particularly helpful Moodlers Picture of Testers Picture of Translators

Ah - I *think* I know what you mean... are you saying that between each of your items you want a line to separate them like the lines that separate the ones on this Moodle site? This is a customised theme but  if you want to know how to do it I can move your query into the Themes forum where you should get some more specialised help.

In reply to Mary Cooch

Re: Navigation menu question

by Annemarie Aliband -

Hi Mary

Yes thats what I mean! smile

Annemarie

In reply to Annemarie Aliband

Re: Navigation menu question

by Mary Cooch -
Picture of Documentation writers Picture of Moodle HQ Picture of Particularly helpful Moodlers Picture of Testers Picture of Translators

Just moved this to the Themes forum smile

In reply to Mary Cooch

Re: Navigation menu question

by Annemarie Aliband -

Thank you I hope someone can help me with above

In reply to Annemarie Aliband

Re: Navigation menu question

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

Hi Annemarie,

The separator line you can see is a border on the right side of each item.

In standard you can achieve this effect by adding the following to your css file - but if you can tell us what theme you are using we can give you better instructions as several themes render the menu slightly differently, or may have a customcss box in your theme setting to use. Either way, it's fairly straightforward and we can tell you exactly how to do it once we know what theme you are using smile

In reply to Richard Oelmann

Re: Navigation menu question

by Annemarie Aliband -

Hi

We actually got an external company to set up our Moodle site, would it be better if they did it for me if tell them what you suggested?

 

 

In reply to Annemarie Aliband

Re: Navigation menu question

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

Yes, just ask them to put a border line dividing the menu blocks into the theme they have on your site - if they are responsible for setting your site up and the theme on it then they should have no problem at all doing that smile

Richard

In reply to Annemarie Aliband

Re: Navigation menu question

by Mary Evans -
Picture of Core developers Picture of Documentation writers Picture of Peer reviewers Picture of Plugin developers Picture of Testers

If you are using Moodle custommenu in your theme than the correct code would be something like this...which is how it is done in the Afterburner theme.

In reply to Mary Evans

Re: Navigation menu question

by Annemarie Aliband -

Hi Mary

I have custom menu, can you give me an example where i have to put the code you gave me please, so I can see where it needs to go

Many Thanks for your help!

Annemarie

In reply to Annemarie Aliband

Re: Navigation menu question

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

If your theme has a customcss settings box (Site Adminstration > Appearance > Themes > Yourthemename) it can go in there. If not then it can go at the end of the yourthemename.css file in the styles folder of your theme.

Richard

In reply to Richard Oelmann

Re: Navigation menu question

by Annemarie Aliband -

Hi Richard

These are the only themes option are the custom menu and custom css, I tried putting the codes in and doesnt work.

Any ideas! Sorry about all the questions

Annemarie

In reply to Annemarie Aliband

Re: Navigation menu question

by Annemarie Aliband -

Hi Mary

Ive tried adding the code to my custom menu (see attached) but it doesnt work

Am i doing something wrong?

Annemarie

In reply to Annemarie Aliband

Re: Navigation menu question

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

AnneMarie,

This is css code not part of the custommenu itself. You will need to add the code to either:

  • the customcss box on your particular theme settings page if it has one OR
  • the css file of your theme (possibly called yourthemename.css)

To see the changes, you will then need to purge all caches - Site Administration > Development > Purge All Caches - or, if you are making multiple changes, turn on Theme Designer Mode.

Richard

In reply to Richard Oelmann

Re: Navigation menu question

by Annemarie Aliband -

Richard

I tried your help on a moodle test site and it worked !!big grin Thanks alot for your help it is very much appreciated, sorry for all the questions, im learning as I go along!!

Can i ask the purge all caches wont affect any reports or moodle packages I have on the site?

Annemarie

In reply to Annemarie Aliband

Re: Navigation menu question

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

Purging caches just removes anything moodle has cached for speed purposes, such as css, language strings and so on, it does not affect anything actually saved or any moodle packages or anything like that.

Richard