XML Flip Book — With Universal Layout

This Flip Book script allows you to create an interactive magazine without the need for any Flash skills or prior programming knowledge. In terms of a simple XML (very HTML -like) configuration, you are given the ability to create a stylish magazine, an original presentation, a website or other kind of interactive experience for your clients.

The application is highly flexible and customizable offering you the full control over crucial features like: elements layouting, used graphics or user interaction (through the built-in script language similar to JavaScript).

Additionally for users with programming skills, the script can be customized even more — via developing your own plug-ins, which in turn let you add new view components (just like they were integral part of the application).

Main Features:

• drag along the entire page’s edge (not only the corners),
• double pages (single content spread across two pages),
• universal layout construction (full alignment & padding settings, fixed and percentage sizing and nested components),
• built-in script language (execute instructions on mouse events, key events, control book and other components, redirect, etc.),
• tooltips with color settings,
• tooltips can be set for any view component,
• keyboard support,
• debug console (for testing built-in script language and displaying errors),
• custom animations defined in XML ,
• dynamic page shadowing (specify shadow gradients in XML ),
• universal Window component,
• fullscreen mode,
• dynamic background (can be changed at runtime),
• print feature,
• HTML text component,
• contact form (with PHP script),
• music player with playlist,
• YouTUBE and FLV video player,
• plug-in framework (add your own features to the application),
• flipping / dragging time setting.

Sample XML definitions:

Image element with percentage size and on-click action:

<Graphic src="bg.jpg" width="100%" height="100%" click="book.nextPage()" />

Box container with vertical layout for its children:

<Box width="100%" height="100%">
    <layout>
        <VerticalLayout horizontalAlign="center" verticalAlign="middle" />
    </layout>

    ...
</Box>

Command for hiding all windows:

<Command id="hideWindows">
    <line value="contact.hide()" />
    <line value="player.hide()" />
    <line value="pagesList.hide()" />
</Command>

Custom effects to use on components:

<Effect id="fadeOut" time="1" transition="easeOutExpo" alpha="0" />
<Effect id="fadeIn"  time="1" transition="easeOutExpo" alpha="1" />

Notice: the graphics used in the preview are not included in the application, but you can replace them by any graphics you like.