Loading...
 

Plugin Fade

Use this wiki plugin, introduced with Tiki3, to create a link that shows/hides initially hidden content using a fade-in/fade-out effect. In Tiki16 a new parameter bootstrap ('y' or 'n') was added, to generate bootstrap collapsible box instead of the previous html code.

Parameters

Introduced in Tiki 3. Required parameters are in bold

.
Preferences required: wikiplugin_fade

Parameters Accepted Values Description Default Since
(body of plugin) Content of the hideable zone (in Wiki syntax)
label text Label for link that shows and hides the content when clicked Unspecified label 3.0
class text Apply custom CSS class. 16.0
icon (blank)
y
n
Arrow icon showing that content can be hidden or shown. 7.0
bootstrap (blank)
y
n
Use Bootstrap collapsible box n 16.0
hide_speed Integer greater than 0 and less than or equal to 1000, or fast or slow Speed of animation in milliseconds when hiding content (200 is fast and 600 is slow. 1000 equals 1 second). 400 7.0
show_speed Integer greater than 0 and less than or equal to 1000, or fast or slow Speed of animation in milliseconds when showing content (200 is fast and 600 is slow. 1000 equals 1 second). 400 7.0

Examples

Basic

This code:

{FADE(label="Label to display on first display", bootstrap="y")}
Wiki syntax containing the text to display. This text can be very long and can contain wiki syntax, images, etc.
{FADE}

Would produce:

Wiki syntax containing the text to display. This text can be very long and can contain wiki syntax, images, etc.

With Icon and Speed Parameters Set

This code:

{FADE(label="Click me!" icon="y" show_speed="900" hide_speed="fast" bootstrap="y")}
This is my favorite hat:
{img attId=39} 
{FADE}

Would produce on this site:

This is my favorite hat:
Image

Related pages

Created by: Last Modification: Saturday 03 August, 2019 07:33:32 GMT-0000 by Yves Kipondo
List Slides
Show PHP error messages