An ebook widget is basically special packaging of an HTML5 app. The HTML5 app may consist of a root HTML file along with a collection of images, javascript, and CSS files. Here are some guidelines for the structure:

  • The root file name should be one of the following names: index.html, index.htm, main.html, main.htm
  • If you would like to represent this widget with an icon as the button, the icon should be named Default.png and should sit at the root level
  • If you would like to specify further details for the widget, such as the width and height of the container, you may include an Info.plist file. The Info.plist file also allows you to change other things such as the location of the root file. This is an example of an Info.plist file:
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
<plist version="1.0"><dict>
<key>BackwardsCompatibleClassLookup</key>
<true/>
<key>CFBundleDevelopmentRegion</key>
<string>English</string>
<key>CFBundleDisplayName</key>
<string>calculator</string>
<key>BRNotifiesOnReady</key>
<true/>
<key>CFBundleIdentifier</key>
<string>com.bookry.calculator.embed</string>
<key>CFBundleName</key>
<string>calculator</string>
<key>CFBundleShortVersionString</key>
<string>1.0</string>
<key>CFBundleVersion</key>
<string>1.0</string>
<key>KFNotifiesOnReady</key>
<true/>
<key>Height</key>
<integer>768</integer>
<key>MainHTML</key>
<string>ibooks_container.html</string>
<key>Width</key>
<integer>1024</integer>
<key>IBNotifiesOnReady</key>
<true/>
</dict>
</plist>
  •  All the files must be placed into a folder postfixed with ".wdgt". This folder should be altogether compressed into a zip file. This zip file is the widget file you need to include in Kotobee Author.

    For any difficulties you may face with widgets, please contact customer support.