fade_in
Show an element by animating the opacity.
Example:
{% button action={fade_in target="myid"} %}
Shows the element with id “myid” when the button is clicked.
Related pages
- toggle Toggle the visibility of an element. →
- show Show an element without any animation. →
- hide Hide an element without any animation. →
- fade_out Hide an element by animating the opacity. →
- slide_down Show an element by animating the height. →
- slide_up Hide an element by animating the height. →
- slide_fade_in Show an element by animating the height and opacity. →
- slide_fade_out Hide an element by animating the height and opacity. →
Related documentation
Cotonic models
model/wires Cotonic
model/wires Connects Cotonic messages to named Zotonic events through the wires script.
Actions
alert
Show an alert dialog.
Actions
enable
Resets the “disabled” attribute of a HTML tag and removes the CSS class “disabled”.
Actions
mask
Places a mask over an element, useful for blocking user interaction during lengthy postbacks.
Scomp
wire_args
Add extra arguments to wired actions.
Scomp
sortable
Mark an element as sortable.
Actions
disable
Sets the “disabled” attribute of a HTML tag and adds the CSS class “disabled”.
Scomp
droppable
Mark an element as valid drag destination.
Actions
overlay_open
Renders a template on the server and opens a full screen overlay with the HTML output of the template.