HTML block - Revision history

Marycooch: redirect

2022-02-01T16:33:56Z

redirect

← Older revision		Revision as of 16:33, 1 February 2022
Line 1:		Line 1:
	~~{{Blocks}}~~		#Redirect [[Text block]]
	~~An '''HTML block''' is a standard block used to add text, multimedia, widgets etc. to a site front page or course page. The title bar may be left blank if desired.~~

	~~{{MediaPlayer \| url = https://youtu.be/TuvmtRQZJkI\| desc = Overview of HTML block}}~~


	~~[[File:HTML_blockexamples2.png\|center\|Two HTML blocks from [[Learn Moodle\|https://learn.moodle.net]] ]]~~

	~~The block is flexible and can incorporate a variety of functions and uses in the content area. It has the standard Moodle~~ [[Text editor]] for formatting text, adding images or creating links, switching to code view and allows any valid HTML mark-up to be used. This enables [[Multimedia plugins\|embedding video]], [[Audio in Moodle\|sounds]] and other files which can add unique elements to a course or site page.

	~~===Site administration settings===~~

	To aid with styling the block, an administrator can, from ''Administration > Site administration > Plugins > Blocks > HTML'', toggle the ability to allow additional CSS classes to be set in individual block instances. If it is enabled, a field appears at the bottom of HTML block instance's configuration forms:

	~~[[File:additionalcssclasses.png\|300px]]~~

	~~Please note that if additional CSS classes have been added and the administration setting is then disabled, the form settings are saved in the database and will reappear if this is re-enabled.~~

	~~==Adding an analog clock~~ block==
	~~[[File:Analog_clock_HTML_block.png\|200px]]~~
	* See [https://moodle.org/mod/forum/discuss.php?d=275259 this forum thread] for the instructions.

	~~[[fr:Bloc HTML]]~~
	~~[[de:Textblock]]~~
	~~[[es:Bloque HTML~~]]

Tim@horizoneducationnetwork.org: /* top */clean up, typos fixed: etc → etc.

2021-12-09T16:52:36Z

top: clean up, typos fixed: etc → etc.

← Older revision		Revision as of 16:52, 9 December 2021
Line 1:		Line 1:
	{{Blocks}}		{{Blocks}}
	An '''HTML block''' is a standard block used to add text, multimedia, widgets etc to a site front page or course page. The title bar may be left blank if desired.		An '''HTML block''' is a standard block used to add text, multimedia, widgets etc. to a site front page or course page. The title bar may be left blank if desired.

	{{MediaPlayer \| url = https://youtu.be/TuvmtRQZJkI\| desc = Overview of HTML block}}		{{MediaPlayer \| url = https://youtu.be/TuvmtRQZJkI\| desc = Overview of HTML block}}

Marycooch: updated screenshot

2020-09-02T11:51:56Z

updated screenshot

← Older revision		Revision as of 11:51, 2 September 2020
Line 1:		Line 1:
	{{Blocks}}		{{Blocks}}
	A '''HTML block''' is a standard block used to add text, multimedia, widgets etc to a site front page or course page. The title bar may be left blank if desired.		An '''HTML block''' is a standard block used to add text, multimedia, widgets etc to a site front page or course page. The title bar may be left blank if desired.

	{{MediaPlayer \| url = https://youtu.be/~~qFNZ8n7bCuU~~\| desc = Overview of HTML block}}		{{MediaPlayer \| url = https://youtu.be/TuvmtRQZJkI\| desc = Overview of HTML block}}

Marycooch: updated video

2019-07-17T10:53:51Z

updated video

← Older revision		Revision as of 10:53, 17 July 2019
Line 2:		Line 2:
	A '''HTML block''' is a standard block used to add text, multimedia, widgets etc to a site front page or course page. The title bar may be left blank if desired.		A '''HTML block''' is a standard block used to add text, multimedia, widgets etc to a site front page or course page. The title bar may be left blank if desired.

	{{MediaPlayer \| url = https://youtu.be/~~V_uf4JdfQU0~~\| desc = Overview of HTML block}}		{{MediaPlayer \| url = https://youtu.be/qFNZ8n7bCuU\| desc = Overview of HTML block}}

Marycooch: removing twitter feed block instructions

2019-06-17T15:19:54Z

removing twitter feed block instructions

← Older revision		Revision as of 15:19, 17 June 2019
Line 16:		Line 16:

	Please note that if additional CSS classes have been added and the administration setting is then disabled, the form settings are saved in the database and will reappear if this is re-enabled.		Please note that if additional CSS classes have been added and the administration setting is then disabled, the form settings are saved in the database and will reappear if this is re-enabled.

	~~==Adding a Twitter feed block==~~

	~~An HTML block can be used to display the latest tweets from any Twitter account.~~

	~~# Log in to Twitter~~
	~~# Go to https://twitter.com/settings/widgets/new~~
	~~# Enter the Twitter username e.g. moodledev then click the 'Create widget' button~~
	~~# In another tab or window add a new HTML block to your Moodle front page or course page~~
	~~# Configure the new block, adding a title if desired~~
	~~# Click the 'Edit HTML source' button (< >) then copy and paste the code provided by Twitter into the HTML source~~
	~~# Click the 'Save changes' button~~

	~~[[File:twitter feed block.png]]~~

	==Adding an analog clock block==		==Adding an analog clock block==

Finns: /* Site administration settings */

2019-05-07T21:20:48Z

Site administration settings

← Older revision		Revision as of 21:20, 7 May 2019
Line 13:		Line 13:
	To aid with styling the block, an administrator can, from ''Administration > Site administration > Plugins > Blocks > HTML'', toggle the ability to allow additional CSS classes to be set in individual block instances. If it is enabled, a field appears at the bottom of HTML block instance's configuration forms:		To aid with styling the block, an administrator can, from ''Administration > Site administration > Plugins > Blocks > HTML'', toggle the ability to allow additional CSS classes to be set in individual block instances. If it is enabled, a field appears at the bottom of HTML block instance's configuration forms:

	[[File:additionalcssclasses.png]]		[[File:additionalcssclasses.png\|300px]]

	Please note that if additional CSS classes have been added and the administration setting is then disabled, the form settings are saved in the database and will reappear if this is re-enabled.		Please note that if additional CSS classes have been added and the administration setting is then disabled, the form settings are saved in the database and will reappear if this is re-enabled.

Marycooch: updated video for 3.6

2019-01-16T12:30:13Z

updated video for 3.6

← Older revision		Revision as of 12:30, 16 January 2019
Line 2:		Line 2:
	A '''HTML block''' is a standard block used to add text, multimedia, widgets etc to a site front page or course page. The title bar may be left blank if desired.		A '''HTML block''' is a standard block used to add text, multimedia, widgets etc to a site front page or course page. The title bar may be left blank if desired.

	{{MediaPlayer \| url = https://youtu.be/~~Hv2kVWiovAM~~ \| desc = Overview of HTML block}}		{{MediaPlayer \| url = https://youtu.be/V_uf4JdfQU0\| desc = Overview of HTML block}}

Marycooch: 3.4 video

2018-01-31T09:22:44Z

3.4 video

← Older revision		Revision as of 09:22, 31 January 2018
Line 1:		Line 1:
	{{Blocks}}		{{Blocks}}
	A '''HTML block''' is a standard block used to add text, multimedia, widgets etc to a site front page or course page. The title bar may be left blank if desired. ~~See the screecast: [~~https://youtu.be/~~Hv2kVWiovAMThe~~ HTML block]		A '''HTML block''' is a standard block used to add text, multimedia, widgets etc to a site front page or course page. The title bar may be left blank if desired.

			{{MediaPlayer \| url = https://youtu.be/Hv2kVWiovAM \| desc = Overview of HTML block}}


	[[File:HTML_blockexamples2.png\|center\|Two HTML blocks from [[Learn Moodle\|https://learn.moodle.net]] ]]		[[File:HTML_blockexamples2.png\|center\|Two HTML blocks from [[Learn Moodle\|https://learn.moodle.net]] ]]

Marycooch: updated video

2018-01-23T10:58:54Z

updated video

← Older revision		Revision as of 10:58, 23 January 2018
Line 1:		Line 1:
	{{Blocks}}		{{Blocks}}
	A '''HTML block''' is a standard block used to add text, multimedia, widgets etc to a site front page or course page. The title bar may be left blank if desired. See the screecast: [https://youtu.be/~~661Nfu9J7ws The~~ HTML block]		A '''HTML block''' is a standard block used to add text, multimedia, widgets etc to a site front page or course page. The title bar may be left blank if desired. See the screecast: [https://youtu.be/Hv2kVWiovAMThe HTML block]

	[[File:HTML_blockexamples2.png\|center\|Two HTML blocks from [[Learn Moodle\|https://learn.moodle.net]] ]]		[[File:HTML_blockexamples2.png\|center\|Two HTML blocks from [[Learn Moodle\|https://learn.moodle.net]] ]]

Marycooch: updated video

2017-07-06T09:32:55Z

updated video

← Older revision		Revision as of 09:32, 6 July 2017
Line 1:		Line 1:
	{{Blocks}}		{{Blocks}}
	A '''HTML block''' is a standard block used to add text, multimedia, widgets etc to a site front page or course page. The title bar may be left blank if desired. See the screecast: [~~http~~://youtu.be/~~-mjZJ-fXsQg~~ The HTML block]		A '''HTML block''' is a standard block used to add text, multimedia, widgets etc to a site front page or course page. The title bar may be left blank if desired. See the screecast: [https://youtu.be/661Nfu9J7ws The HTML block]

	[[File:HTML_blockexamples2.png\|center\|Two HTML blocks from [[Learn Moodle\|https://learn.moodle.net]] ]]		[[File:HTML_blockexamples2.png\|center\|Two HTML blocks from [[Learn Moodle\|https://learn.moodle.net]] ]]