[et_pb_section fb_built=”1″ _builder_version=”3.29.3″ custom_padding=”3px||0px|||” fb_built=”1″ _i=”0″ _address=”0″][et_pb_row _builder_version=”3.29.3″ _i=”0″ _address=”0.0″][et_pb_column type=”4_4″ _builder_version=”3.29.3″ _i=”0″ _address=”0.0.0″][et_pb_text _builder_version=”3.29.3″ _i=”0″ _address=”0.0.0.0″]Let’s say you have some content that you would like hidden until someon clicks on it, then the content is displayed.
Like this.
[/et_pb_text][et_pb_video src=”https://youtu.be/xWzN_4LdNXg” _builder_version=”3.29.3″ _i=”1″ _address=”0.0.0.1″][/et_pb_video][et_pb_text _builder_version=”3.29.3″ custom_margin=”||0px|||” custom_padding=”||0px|||” hover_enabled=”0″ _i=”2″ _address=”0.0.0.2″]
To create this, all we need to do is add the Generico plugin to Moodle.
First, install the Generico filter.
https://moodle.org/plugins/filter_generico
After installing you will need to enable the Generico filter. You can enable the Generico filter at:
Site Administration -> plugins -> filters -> manage filters
Once you have the Generico filter installed you will need to go to templates and create a new template.
Site Administration -> plugins -> filters -> Generico > Templates
Select an empty template number from the list of templates.
Complete the following settings for the new Template
- Enter the text ‘clicktoview’ in lower case.
- Enter a name for the template ‘Click to View’ will be ok.
- Enter a version number (for your reference)
- Type in the code below for the instructions
[/et_pb_text][et_pb_dmb_code_snippet code=”e0dFTkVSSUNPOnR5cGU9ImNsaWNrdG92aWV3Iix0aXRsZT0iVGVzdCBUaXRsZSEifQpTb21lIGNvbnRlbnQgKEhUTUwgaXMgYWxsb3dlZCkKe0dFTkVSSUNPOnR5cGU9ImNsaWNrdG92aWV3X2VuZCJ9″ _builder_version=”3.29.3″ custom_margin=”||-1px|||” _i=”3″ _address=”0.0.0.3″]e0dFTkVSSUNPOnR5cGU9ImNsaWNrdG92aWV3Iix0aXRsZT0iVGVzdCBUaXRsZSEifQpTb21lIGNvbnRlbnQgKEhUTUwgaXMgYWxsb3dlZCkKe0dFTkVSSUNPOnR5cGU9ImNsaWNrdG92aWV3X2VuZCJ9[/et_pb_dmb_code_snippet][et_pb_image src=”https://ricoshae.com.au/wp-content/uploads/2019/09/clicktoview-1.jpg” _builder_version=”3.29.3″ _i=”4″ _address=”0.0.0.4″][/et_pb_image][et_pb_text _builder_version=”3.29.3″ hover_enabled=”0″ _i=”5″ _address=”0.0.0.5″ custom_padding=”0px|||||”]
- Copy in the code for the Body of the template
- Type </div> into the End Tags template area
- Type title= into the variable defaults panel
[/et_pb_text][et_pb_dmb_code_snippet code=”PGRpdiBjbGFzcz0iY29sbGFwc2VkIGN0di1oZWFkZXIiIHJvbGU9ImJ1dHRvbiIgZGF0YS10b2dnbGU9ImNvbGxhcHNlIiBocmVmPSIjQEBBVVRPSURAQCIgYXJpYS1leHBhbmRlZD0iZmFsc2UiPiAKIDxpIGNsYXNzPSJmYSBmYS1hcnJvdy1yaWdodCI+PC9pPiBAQHRpdGxlQEA8L2Rpdj4KICA8ZGl2IGNsYXNzPSJjdHYtY29udGVudCBjb2xsYXBzZSIgaWQ9IkBAQVVUT0lEQEAiIGFyaWEtZXhwYW5kZWQ9ImZhbHNlIj4=” _builder_version=”3.29.3″ _i=”6″ _address=”0.0.0.6″]PGRpdiBjbGFzcz0iY29sbGFwc2VkIGN0di1oZWFkZXIiIHJvbGU9ImJ1dHRvbiIgZGF0YS10b2dnbGU9ImNvbGxhcHNlIiBocmVmPSIjQEBBVVRPSURAQCIgYXJpYS1leHBhbmRlZD0iZmFsc2UiPiAKIDxpIGNsYXNzPSJmYSBmYS1hcnJvdy1yaWdodCI+PC9pPiBAQHRpdGxlQEA8L2Rpdj4KICA8ZGl2IGNsYXNzPSJjdHYtY29udGVudCBjb2xsYXBzZSIgaWQ9IkBAQVVUT0lEQEAiIGFyaWEtZXhwYW5kZWQ9ImZhbHNlIj4=[/et_pb_dmb_code_snippet][et_pb_image src=”https://ricoshae.com.au/wp-content/uploads/2019/09/clicktoview-2.jpg” _builder_version=”3.29.3″ _i=”7″ _address=”0.0.0.7″][/et_pb_image][et_pb_text _builder_version=”3.29.3″ _i=”8″ _address=”0.0.0.8″]
- Copy the code below into the Custom CSS
[/et_pb_text][et_pb_dmb_code_snippet code=”LmN0di1oZWFkZXIKewpiYWNrZ3JvdW5kOiAjZWZlZGVkOwpwYWRkaW5nOjVweDsKY3Vyc29yOnBvaW50ZXIKfQouY3R2LWNvbnRlbnQKewpwYWRkaW5nOjIwcHggIWltcG9ydGFudDsKYmFja2dyb3VuZDogI2ZlZmVmZTsKcGFkZGluZzo1cHg7CmJvcmRlcjoxcHggc29saWQgI2VlZTsKfQo=” _builder_version=”3.29.3″ _i=”9″ _address=”0.0.0.9″]LmN0di1oZWFkZXIKewpiYWNrZ3JvdW5kOiAjZWZlZGVkOwpwYWRkaW5nOjVweDsKY3Vyc29yOnBvaW50ZXIKfQouY3R2LWNvbnRlbnQKewpwYWRkaW5nOjIwcHggIWltcG9ydGFudDsKYmFja2dyb3VuZDogI2ZlZmVmZTsKcGFkZGluZzo1cHg7CmJvcmRlcjoxcHggc29saWQgI2VlZTsKfQo=[/et_pb_dmb_code_snippet][et_pb_image src=”https://ricoshae.com.au/wp-content/uploads/2019/09/clicktoview-3.jpg” _builder_version=”3.29.3″ _i=”10″ _address=”0.0.0.10″][/et_pb_image][et_pb_text _builder_version=”3.29.3″ _i=”11″ _address=”0.0.0.11″]Go to your Moodle course
Create a new page.
Paste in the text below (as text) into the page.
You can add any content that you like between the Generico tags including images, embedded videos and text.
[/et_pb_text][et_pb_dmb_code_snippet code=”e0dFTkVSSUNPOnR5cGU9ImNsaWNrdG92aWV3Iix0aXRsZT0iVGVzdCBUaXRsZSEifQoKU29tZSBjb250ZW50IChIVE1MIGlzIGFsbG93ZWQpCgp7R0VORVJJQ086dHlwZT0iY2xpY2t0b3ZpZXdfZW5kIn0=” _builder_version=”3.29.3″ _i=”12″ _address=”0.0.0.12″]e0dFTkVSSUNPOnR5cGU9ImNsaWNrdG92aWV3Iix0aXRsZT0iVGVzdCBUaXRsZSEifQoKU29tZSBjb250ZW50IChIVE1MIGlzIGFsbG93ZWQpCgp7R0VORVJJQ086dHlwZT0iY2xpY2t0b3ZpZXdfZW5kIn0=[/et_pb_dmb_code_snippet][et_pb_image src=”https://ricoshae.com.au/wp-content/uploads/2019/09/clicktoview-4.jpg” _builder_version=”3.29.3″ _i=”13″ _address=”0.0.0.13″][/et_pb_image][et_pb_text _builder_version=”3.29.3″ _i=”14″ _address=”0.0.0.14″]If you now view your page, you can test the Click to show bar to view the hidden content.
[/et_pb_text][et_pb_image src=”https://ricoshae.com.au/wp-content/uploads/2019/09/clicktoview-5.jpg” _builder_version=”3.29.3″ _i=”15″ _address=”0.0.0.15″][/et_pb_image][et_pb_text _builder_version=”3.29.3″ _i=”16″ _address=”0.0.0.16″]You can also go back and edit the CSS to make any necessary changes to the Click to View button by editing the template.
[/et_pb_text][/et_pb_column][/et_pb_row][/et_pb_section][et_pb_section fb_built=”1″ _builder_version=”3.29.3″ background_color=”#f7f7f7″ min_height=”292px” custom_padding=”0px||0px||false|false” border_radii=”on|5px|5px|5px|5px” border_width_all=”1px” border_color_all=”#f2f2f2″ global_module=”5337″ saved_tabs=”all” fb_built=”1″ _i=”0″ _address=”0″][et_pb_row column_structure=”1_2,1_2″ _builder_version=”3.29.3″ width=”90%” min_height=”319px” custom_margin=”20px|20px|20px|20px|false|false” custom_padding=”20px|20px|20px|20px|false|false” _i=”0″ _address=”1.0″][et_pb_column type=”1_2″ _builder_version=”3.29.3″ _i=”0″ _address=”1.0.0″][et_pb_image src=”https://ricoshae.com.au/wp-content/uploads/2019/09/7a00f843-9495-49b8-9852-735e255dceba.jpg” _builder_version=”3.29.3″ _i=”0″ _address=”1.0.0.0″][/et_pb_image][/et_pb_column][et_pb_column type=”1_2″ _builder_version=”3.29.3″ _i=”1″ _address=”1.0.1″][et_pb_text _builder_version=”3.29.3″ text_text_color=”#000000″ _i=”0″ _address=”1.0.1.0″]
Would you like a FREE copy of the Top 10 Admin Tasks that you must know for Moodle Administrators?
You will discover some simple things that you can do in Moodle that will make your life easier.
[/et_pb_text][/et_pb_column][/et_pb_row][/et_pb_section]