Page Modes and customizations

dFlip supports double and single page mode for reading. And in Single page mode, there are booklets and focus single page mode.

Page Modes:

In Auto mode, flipbook will use DoublePage mode for desktop and single page mode for mobile. Click on the example below to see the auto mode flipbook.

In DoublePage mode, the flipbook will use DoublePage mode all devices. In single page mode, the flipbook will use SinglePage mode for all devices. Single Page mode can be further set to its own values explained in the next section below.

Examples:

Auto Mode Flipbook
Double Page Mode Flipbook
Single Page Mode Flipbook

 

WordPress:

Goto – Layout -> Page Mode -> Set to Required value

 

jQuery:

<!--Button Lightbox --> 
<div class="_df_button" id="page_mode_double" source="http://www.yoursite.com/books/intro.pdf"> Intro Book</div>

<script>

var option_page_mode_double = {

    //DFLIP.PAGE_MODE.AUTO              for auto-detect(default),
    //DFLIP.PAGE_MODE.SINGLE or 1       for singleview,
    //DFLIP.PAGE_MODE.DOUBLE or 2       for doubleview,
    pageMode : DFLIP.PAGE_MODE.DOUBLE
};

</script>

Single Page Modes:

Inside Single Page mode, there are two modes, normal mode and booklet mode. or you can set it to auto for automatic results.

WordPress:

Goto – Layout -> Single Page Mode -> Set to Required value

 

jQuery:

<!--Button Lightbox --> 
<div class="_df_button" id="single_page_mode_booklet" source="http://www.yoursite.com/books/intro.pdf"> Intro Book</div>

<script>

var option_single_page_mode_booklet = {
    
    //DFLIP.SINGLE_PAGE_MODE.AUTO              for auto-detect(default),
    //DFLIP.SINGLE_PAGE_MODE.ZOOM or 1         for normal zoom single view,
    //DFLIP.SINGLE_PAGE_MODE.BOOKLET or 2      for Booklet mode,

    singlePageMode: DFLIP.SINGLE_PAGE_MODE.BOOKLET 
};

</script>

 

Leave a Reply

Close Menu