Flexpaper HTML 5 in mobile

264 views
Skip to first unread message

bansal....@gmail.com

unread,
Sep 16, 2013, 9:30:55 AM9/16/13
to flex...@googlegroups.com

Hi Flexpaper,

We are trying to open a pdf using flexpaper in out iphone safari browser using the code as :

jQuery.get((!window.isTouchScreen)?'UI_flexpaper_desktop.php':'UI_flexpaper_mobile.html',
                function(toolbarData) {
                    $('#documentViewer').FlexPaperViewer(
                     { config : {

                             DOC : escape(getDocumentUrl(startDocument)),
                             Scale : 0.6,
                             ZoomTransition : 'easeOut',
                             ZoomTime : 0.5,
                             ZoomInterval : 0.2,
                             FitPageOnLoad : true,
                             FitWidthOnLoad : false,
                             FullScreenAsMaxWindow : false,
                             ProgressiveLoading : false,
                             MinZoomSize : 0.2,
                             MaxZoomSize : 5,
                             SearchMatchAll : false,
                             InitViewMode : 'Portrait',
                             RenderingOrder : '<?php echo ($configManager->getConfig('renderingorder.primary') . ',' . $configManager->getConfig('renderingorder.secondary')) ?>',

                             ViewModeToolsVisible : true,
                             ZoomToolsVisible : true,
                             NavToolsVisible : true,
                             CursorToolsVisible : true,
                             SearchToolsVisible : true,
                             Toolbar         : toolbarData,

                             DocSizeQueryService : 'services/swfsize.php?doc=' + startDocument,

                             JSONDataType : 'jsonp',
                             key : '<?php echo $configManager->getConfig('licensekey') ?>',

                             localeChain: 'en_US'

                             }}
                    );
                });

Here we are passing our pd file name dynamicaly as DOC : escape(getDocumentUrl(startDocument)),

But it is not working. We hace checked the sample code for HTMl 5 as :

                                    SWFFile : 'docs/Paper.pdf.swf',
                                    IMGFiles : 'docs/Paper.pdf_{page}.png',
                                    JSONFile : 'docs/Paper.js',
                                    PDFFile : 'pdf/Paper.pdf',

                                    Scale : 0.6,
                                    ZoomTransition : 'easeOut',
                                    ZoomTime : 0.5,
                                    ZoomInterval : 0.2,
                                    FitPageOnLoad : true,
                                    FitWidthOnLoad : false,
                                    FullScreenAsMaxWindow : false,
                                    ProgressiveLoading : false,
                                    MinZoomSize : 0.2,
                                    MaxZoomSize : 5,
                                    SearchMatchAll : false,

                                    Toolbar         : toolbarData,
                                    InitViewMode : 'Portrait',
                                    RenderingOrder : 'flash,html',
                                    StartAtPage : '',

                                    ViewModeToolsVisible : true,
                                    ZoomToolsVisible : true,
                                    NavToolsVisible : true,
                                    CursorToolsVisible : true,
                                    SearchToolsVisible : true,
                                    WMode : 'window',
                                    localeChain: 'en_US'

We have only pdf file path... so please advice which values we have to use in below parameter so that it will work on my iphone safari browser

  SWFFile : 'docs/Paper.pdf.swf',
                                    IMGFiles : 'docs/Paper.pdf_{page}.png',
                                    JSONFile : 'docs/Paper.js',
                                    PDFFile : 'pdf/Paper.pdf',


As my above code is working fine on window browser and it is displaying the pdf file in HML5 format.

Hope for good response.

With Regards
Robin
Reply all
Reply to author
Forward
0 new messages