Note: You are currently viewing documentation for Moodle 2.8. Up-to-date documentation for the latest stable version of Moodle may be available here: Using Label.

Using Label: Difference between revisions

From MoodleDocs
(→‎See also: removing outdated links)
m (Added link to spanish translation of page)
 
(13 intermediate revisions by 3 users not shown)
Line 2: Line 2:
A label is a versatile module that can serve a spacer between resources on a course page. It can provide a space for embedding banners, sound or video files or displaying code from Web 2.0 widgets.
A label is a versatile module that can serve a spacer between resources on a course page. It can provide a space for embedding banners, sound or video files or displaying code from Web 2.0 widgets.
==Adding images to a label==
==Adding images to a label==
===Drag and drop images===
''Note: this does not work with IE 9, Safari 6 or below or earlier versions of Firefox)''
*Media drag and  drop must be enabled in ''Administration > Site administration > Plugins > Activity modules > Label''
*With the editing turned on, drag your image into the section you want it to appear.
*In the box that follows, choose "add image"
*It will appear embedded in a label.
{|
| [[File:dragdrop1.png|thumb|Drag an image onto your course page]]
|[[File:dragdrop2.png|thumb|Choose "add image.."]]
|[[File:dragdrop3.png|thumb|And here it is!]]
|}
===Conventional method===
*Follow the instructions for [[Label_module_settings| adding a label]]
*Follow the instructions for [[Label_module_settings| adding a label]]
*Click the image icon in the [[HTML_editor|text editor]]
*Click the image icon in the [[HTML_editor|text editor]]
[[File:Imageinlabel.png]]
[[File:Imageicon.png]]
*Click "Find or upload an image"
*Click "Browse repositories"
*Choose and upload your image using the filepicker.(Details on how to do this[[File_picker| here]])
*Choose and upload your image using the filepicker.(Details on how to do this[[File_picker| here]])
*Leave Common module settings at "show" if you wish the label to be visible
*Click "Save and return to course"
*Click "Save and return to course"


[[File:Labelbanner2.png]]
[[File:Labelbanner2.png]]
==Adding text to a label==
===Conventional  method===
As the label uses the [[Text editor]] it is straightforward to enter text and other required symbols and equations. It is however possible also to drag and drop text directly into a label.
===Drag and drop text===
''Note: this does not work with IE, Safari 6 or below and is unreliable with Firefox''
*Drag and drop upload of text/links must be enabled in ''Administration > Site administration > Development > Experimental > Experimental settings''
*Select the text you wish to use, for example in a Word document.
*With the editing turned on, drag the text over to the section you want it to appear.
*From the box that appears, choose "add a label" and then "upload".
{|
|[[File:textdragdrop1.png|thumb|Text selected from a Word document is dragged over]]
|[[File:textdragdrop2.png|thumb|Choose "add a label" (or page if you prefer)]]
|[[File:textdragdrop3.png|thumb|And here it is!]]
|}
==Adding a link to a label==
===Conventional  method===
As the label uses the [[Text editor]] it is straightforward to click the "link" icon and enter your linked URL. It is however possible also to drag and drop links directly into a label.
===Drag and drop links===
''Note: this does not work with IE, Safari 6 or below and is unreliable with Firefox''
*Drag and drop upload of text/links must be enabled in ''Administration > Site administration > Development > Experimental > Experimental settings''
*Open up a new window with the URL you wish to link to. Select the link in the browser bar.
*With the editing turned on, drag the URL over to the section you want it to appear.
*From the box that appears, name the link  and then click "upload".
{|
|[[File:linkdragdrop1.png|thumb|Select your URL]]
|[[File:linkdragdrop2.png|thumb|Name the link]]
|[[File:linkdragdrop3.png|thumb|Here it is!]]
|}


==Adding sound or video to a label==
==Adding sound or video to a label==
Line 30: Line 78:
An example of this is the ability to embed a Google map into a label.
An example of this is the ability to embed a Google map into a label.
*Follow the instructions for [[Label_module_settings| adding a label]]
*Follow the instructions for [[Label_module_settings| adding a label]]
*Click the HTML icon in the [[HTML_editor|text editor]]
*Expand the toolbar and click the HTML icon in the [[HTML_editor|text editor]]


[[File:Codelabel.png]]
[[File:Codelabel.png]]
Line 47: Line 95:


==See also==
==See also==
* [http://youtu.be/C6wZaC5gOHk The Moodle Label Resource] MoodleBites video on YouTube
Using Moodle forum discussions:
Using Moodle forum discussions:
*[http://moodle.org/mod/forum/discuss.php?d=165626 Right align not behaving as desired]
*[http://moodle.org/mod/forum/discuss.php?d=165626 Right align not behaving as desired]


[[de:Textfelder nutzen]]
[[de:Textfelder nutzen]]
[[es:Usando Etiqueta]]

Latest revision as of 18:07, 25 August 2014

A label is a versatile module that can serve a spacer between resources on a course page. It can provide a space for embedding banners, sound or video files or displaying code from Web 2.0 widgets.

Adding images to a label

Drag and drop images

Note: this does not work with IE 9, Safari 6 or below or earlier versions of Firefox)

  • Media drag and drop must be enabled in Administration > Site administration > Plugins > Activity modules > Label
  • With the editing turned on, drag your image into the section you want it to appear.
  • In the box that follows, choose "add image"
  • It will appear embedded in a label.
Drag an image onto your course page
Choose "add image.."
And here it is!

Conventional method

Imageicon.png

  • Click "Browse repositories"
  • Choose and upload your image using the filepicker.(Details on how to do this here)
  • Click "Save and return to course"

Labelbanner2.png

Adding text to a label

Conventional method

As the label uses the Text editor it is straightforward to enter text and other required symbols and equations. It is however possible also to drag and drop text directly into a label.

Drag and drop text

Note: this does not work with IE, Safari 6 or below and is unreliable with Firefox

  • Drag and drop upload of text/links must be enabled in Administration > Site administration > Development > Experimental > Experimental settings
  • Select the text you wish to use, for example in a Word document.
  • With the editing turned on, drag the text over to the section you want it to appear.
  • From the box that appears, choose "add a label" and then "upload".
Text selected from a Word document is dragged over
Choose "add a label" (or page if you prefer)
And here it is!

Adding a link to a label

Conventional method

As the label uses the Text editor it is straightforward to click the "link" icon and enter your linked URL. It is however possible also to drag and drop links directly into a label.

Drag and drop links

Note: this does not work with IE, Safari 6 or below and is unreliable with Firefox

  • Drag and drop upload of text/links must be enabled in Administration > Site administration > Development > Experimental > Experimental settings
  • Open up a new window with the URL you wish to link to. Select the link in the browser bar.
  • With the editing turned on, drag the URL over to the section you want it to appear.
  • From the box that appears, name the link and then click "upload".
Select your URL
Name the link
Here it is!

Adding sound or video to a label

If multimedia filters are enabled, a label is a neat way of displaying sound or video in an inline player on the course page.

Addmedia.png

  • Click "Find or upload an sound,video or applet"
  • Choose and upload your sound or video file using the filepicker.(Details on how to do this here)
  • Note: You can search youtube for a video to embed if your admin has enabled the youtube repository.
  • Leave Common module settings at "show" if you wish the label to be visible.
  • Click "Save and return to course"

Videoinlabel.png

Adding code to a label

An example of this is the ability to embed a Google map into a label.

Codelabel.png

  • This brings up the screen in code (HTML) view.
  • Paste the code you grabbed from Google maps into this screen
  • Scroll down and click "Update"

Addcode.png

  • Leave Common module settings at "show" if you wish the label to be visible.
  • Click "Save and return to course"

Googlemaplabel.png

Note: The success in adding code to a label depends both on the type of code and the permissions of the user. (Details to follow)

See also

Using Moodle forum discussions: