Create a spinning block
Designing a content block with two sides of information.
An interactive, dual-sided block can be useful to help defer complexity for users, allowing access to deeper information only when needed.
Designating a block to 'spin' with two sides of content is a fairly straightforward process of adding two instances of the HTML Wrap Macro (one for each side) and doing so within one block. The content desired for each side of the block is added inside each of the macros.
Example
Add a block to a page
Add two instances of the HTML Wrap Macro with that block
Add a class to the first macro
In the CSS Class field, enter the following class:
block-front
Add a class to the second macro
In the CSS Class field, enter the following class:
block-back
[[screenshot please]]
Save the edits
Add a block to a page
Add two instances of the HTML Wrap Macro
Add a class to the first macro
In the CSS Class field, enter the following class:
block-front
Add a class to the second macro
In the CSS Class field, enter the following class:
block-back
Save the edits
--
To rotate horizontally, enter:
|
