How to create a page flip publication on PC

 I have previously blogged on how to publish your digital publication on a Mac. This week I will focus on how you turn your PDF to an online publication using FlexPaper desktop publisher on a PC.

The only real difference between publishing your document online using FlexPaper on a PC compared to a Mac is the setup of Flexpaper on your computer.

Start by download the installation files for FlexPaper Desktop Publisher.You can find the file here

image

Start the setup then tick the terms and conditions box and click the install button. The installation script will start and within one minute your configuration is finished and you are ready to go.

image

Yep, that’s how easy it is!

The first time you save an edited digital publication, FlexPaper will create a folder in your documents folder. FlexPaper then saves your publication every time you hit the publish button. The automatically saved publication can be found in the same folder under a subfolder with a corresponding name as your PDF document name. 

I want to finish of with a few words on what I have done on this example blow (just click the image to open the example in full). I have chosen a recipe publication as I love cooking myself and this publication example is packed with mouthwatering creations.

image

(click on image for a live example)

 – I customised the background to tie in with the publication. FlexPaper will proportionally stretch you image to fit your background no matter what the device you are viewing the publication in, just make sure you tick the option box when you are importing the image. 

– I customised the toolbar color with a nice contrasting black. 

–  I added a social sharing link to one of the recipes because it was too good not to. The social sharing option does come as default in the toolbar menu so make sure you activate the button under the toolbar menu if you want to add this feature. 

Happy cooking

Camilla

FlexPaper team

This week’s Q&A snapshot

Question : How can i display the converted PDF-documents in Browser?

Answer : Looks like something isn’t right in the conversion – perhaps a permission problem. Are you hosting this on a Windows or Linux server? We typically recommend the ASP.NET scriptsi on Windows and the PHP scripts on Linux. Contact us via email and we’ll help you investigate further

Question : Display One Page at a time – forceSinglePage

Answer : Have a look at this Q&A post:
http://flowpaper.com/FlexPaper_QnA/?qa=762/one-page-flipping-mode-mobile-on-desktop&show=776#a776

The same syntax as described for the <mobile> element can be applied to the <desktop><general> element from version 2.2.7

Question : Can you link directly to a single page in a multi-page PDF?

Answer : yes absolutely. You can use our API like so: $FlexPaper(‘documentViewer’).gotoPage(55) or using a config file if you use our desktop publisher for Zine.

Question : PDF with Landscape and Portrait

Answer : You can run mixed size pages in portrait mode but the two page flip mode only allows one size of pages (otherwise some pages would be too small to be clearly visible and in other cases too large to fit the viewer)

Question : TypeError: $(…).FlexPaperViewer is not a function

Answer : Looks like not all javascript files were included after all- feel free to send us a url via email and we can help you have a look

Question : Are page up and page down supported in split mode?

Answer : yes it is supported accross the modes

Question : Customising UI toolbar

Answer : You can download our customizable version from our commercial download area. It allows the toolbars to be fully customized using CSS and HTML.

Question : Is there any way to get current zoom level or scale value?

Answer : We don’t have any API method for this unfortunately but may be able to add this for you. Contact us via email for a follow up

How to print content of the viewer form using outside print function ?

Answer :

Hi

  I am use Master page for one aspx page,in that i use iframe,in that iframe i call the flex viewer page,so how to print content of the flexviewer .Below is my code how get the flex viewer id in javascript

First i have master page for aspx in that i use iframe so here i get iframe id first 

  var vframe = document.getElementById(“ContentPlaceHolder1_viewframe”);

Here flex  viewer id ,documentViewer is my flex paper id

  var flx = vframe.contentWindow.document.getElementById(“documentViewer”);

And file i try for print in follwing ways

   flx.printPaper(‘current’);
or
    $FlexPaper(‘documentViewer’).printPaper(‘current’);
or
 flx.printPaper();
 
None of these above work,so pls tell me how to print viewer content form our own button click event in javascript.
 
Note: i am use master page and iframe,in iframe i call flex viewer page.
if i try to print form without master page and use this line in javascript can print 
    $FlexPaper(‘documentViewer’).printPaper();
 
Regards
   Aravind

Question : WordPress Integration – how to open Flexpaper in new Window?

Answer : There is no such option unfortunately – we may be able to help you further via email or incorporate this as a parameter to the viewer. Contact us at [email protected] for further discussion

This weeks summary of questions and answers

Question : WordPress Integration – how to open Flexpaper in new Window?

Answer : There is no such option unfortunately – we may be able to help you further via email or incorporate this as a parameter to the viewer. Contact us at [email protected] for further discussion

Question : Does FlexPaper have any Ruby bindings?

Answer : We have some samples ready for Ruby but we have not yet updated these to be fully compatible with our latest build, we’re happy to send these to you though. Contact us via email and we’ll send you the samples

Question : How to remove print,download button individually in viewer for html ?

Answer : You either have to download the read only package (from our commercial download area) if you want to use our web server package or you have to tick the “Read Only” option in our desktop publisher

Question : Are there any keyboard shortcuts for the online document viewer?

Answer : Yes our classic viewer supporst page up, page down and both our viewers support left and right navigation using the keyboard arrows

Question : How can I had a logo in the top of the page?

Answer : You can add a custom button which has your logo as graphics. Search for custom button in this Q&A and you will find multiple answers to this

Question : Define PDF Url for each page?

Answer : Not at the moment unfortunately, I am not even sure how that would be specified, perhaps with a array of urls to each page?

Question : annotation: double or dribble click on text

Answer : Double clicking could absolutely be added – I have added this to our feature request list – follow up via mail for a new build!

Question : Flexpaper cross domain support is not working using the latest version.

Answer : Have a look at this answer:

http://flowpaper.com/FlexPaper_QnA/?qa=470/im-not-able-to-load-a-file-from-amazon-s3

Question : Does Flexpaper support Internet explorer 8?

Answer : FlexPaper supports IE8 but you will need to supply the IMGFiles parameter and the JSONFile parameter to the viewer to support lower versions of IE. You can find a browser compatibility page in our documenation

Question : Pre-generate data from batch file

Answer : Have a look at our documentation and you will find how to manually convert to these formats. You can easily create batch scripts with the commands we recommend for each format.