The CircularFLO Code & Widgets Tools panel (CircularFLO Window menu > Code & Widgets Tools) is used to web code to your documents typically for additional interactivity and complex animations.

Check / Relink file paths

Make sure linked code & widgets files are present. If links are not present will offer the choice to relink to new files.

Place web code into InDesign 

Choose an HTML file then add the placeholder frame on the page on the FLO_WEB InDesign layer that is created.

Choose a single HTML file that is contained at the top level of a folder. All other resources should be local and within the folder either at the top level or in sub folders.

The dimensions of the web code become the proportions of the web code frame on the page. Depending on the content style, preserve the proportions when repositioning the web code frame by using Command- Shift drag on the frame corner handle in InDesign.

Place widgets into InDesign 

Choose the widget to place a place-holder frame on the page. When repositioning the widget it is advisable to preserve the proportions when repositioning the web code frame by using Command- Shift drag on the frame corner handle in InDesign.

Remove widget background 

BookWidgets typically come with an image or coloured background. This tool removes the background of a chosen widget allowing it to sit on top of the InDesign page.

Create & Edit BookWidgets

This BookWidgets app is bundled with the CircularFLO installer and also free to download from BookWidgets.com

This button will open the Mac BookWidgets app to help you create and edit BookWidgets for placing into InDesign pages with CircularFLO.