iBook Author Tutorial - Inserting and modifying an HTML widget
Channel: diyjourno
Date: 27/02/2012

This tutorial will teach you how to insert and modify a pre-made HTML widget in iBooks Author.

Open iBooks Author to the page where you want to insert your widget. The first step is to click the "widgets" menu icon on your iBooks toolbar and then select the "html" option. 

Alternately, you can click "insert" on your master toolbar, scroll down to "widget" and select HTML. 

iBooks Author can insert a widget you have created using Dashcode, or generated by a widget creator website like one of those listed on http://ecjourno.com/diyjourno/.

Click the "choose" button next to "Dashcode HTML file" in your widget-editor window. Now locate and select the ".wdgt" widget file on your computer.

A place filler image should appear in place of the previously blank "html" section of your new widget template to indicate your widget file has correctly been inserted.

You can now click and drag your new widget to different locations on your iBook page, 
and change the size and scale of your widget. To scale the size of your widget proportionally on your iBook page, click on one corner of your widget and drag that corner while holding down the control and shift keys simultaneously.

You can customize the title text and description of your widget by highlighting and deleting the filler text and beginning to type. Or you can delete all text to create an unlabeled widget.

For more iBooks Author tutorials, visit: http://ecjourno.com/diyjourno/