The Flip Boxes Element allows you to add cool, double sided boxes that “flip” when you mouse over them, anywhere in your content. There are both Parent Options, which affect the whole series of flip boxes, and child options for each Flip Box. This element has a number of parent options, and this is the place to start. Make sure to view the Flip Boxes Element Demo page here, to fully appreciate the different layouts and options on offer.
Move down the Parent Options, deciding how to style the Flip Boxes. Note that the first option is Number of Columns. This element can be inserted into any size column, and by choosing how many columns to display will determine how many Flip Boxes are displayed across the column width. If there are more items than the number of columns chosen, the remaining items will display on a new row below the first. If there are fewer item than the number of columns chosen, the full width of the column will not be used. You can choose a global icon here, or you can choose them individually, in the child item options. Configure the remaining parent options, keeping in mind, these are global options that will affect all flip boxes.
Once you have set all your Parent Options, you add Child Items on the left. Click the pen icon to edit the existing item. The Child Item Options Panel appears. Note that you can override a large number of global options here, customizing the individual flip boxes. You will see content and styling options for both the front side and back side of the boxes. Go through and configure one flip box at a time. You can then duplicate existing, or create new, flip boxes by clicking on the Clone Item icon, or the + Flip Box button respectively.
The size of the flipboxes is controlled by two things. By default, the flipbox takes up the full width of the column it is placed in, and so if it is added to a 1/1 column, the flipbox will fill the width of that column. You can either change the size of the column, or for multiple flipboxes, you can adjust the Number of Columns on the design tab, and this will give room for more flipboxes in the same column.
Read below for a detailed description of all element options.