This weeks summary of questions and answers

Wednesday 25th June 2014

Question : Is it possible to disable print but allow copy

Answer : You could remove the print button from the toolbar in the desktop publisher. Text will still be copyable as long as you don’t tick the “Read only” mode.

Question : Mobile: Two-Page-View in portrait mode of a phone

Answer :

You can force any touch device to start at a certain view mode by supplying the following parameter:

TouchInitViewMode       : ‘TwoPage’,

Question : Is it possible to showing the user who has created an annotation in the annotations viewer?

Answer :

Yes! It is possible, we added this functionality to the build we released in may. Set the following parameters when starting the annotations viewer to enable this:

{
..

UserCollaboration       : true,
CurrentUser             : ‘Erik’,
..
}

Question : Is it possible to disable toolbars on the top and bottom?

Answer : Yes it is indeed possible, all our commercial license holders get access to a build in where the user interface is fully customizable and all buttons can be removed or new ones added.

Question : Accessing FlexPaper functions through an iFrame

Answer : May be a security restriction imposed by you from the browser that prevents this. Feel free to send us a url via email and we can investigate further

Question : Get currently selected text with FlexPaper API?

Answer : We don’t have any such method exposed at the moment but we may very well be able to add this for you. Contact us via email for a follow up

Question : How do I safely unload the viewer?

Answer :

Please use the dispose method to do this. Like so:

$FlexPaper(‘documentViewer’).dispose();

Question : Where do I put the license key?

Answer :

You either enter the license key into desktop publisher (if thats what you’re using) and desktop publisher will set it for you automatically as part of the publishing process

or

You set it manually by populating the key parameter in javascript where the viewer is getting created like so:

        $(’#documentViewer’).FlexPaperViewer(
                { config : {
                …
                key : “$YOUR_KEY”,               
                …

                }}
        );

This weeks summary of questions and answers

Tuesday 17th June 2014

Question : after clicking on “publish & view”, i can’t view in browser or mobile preview

Answer : Could be that you have a local firewall that is blocking the application from showing the preview, are you getting any other warnings ? And this is the same with all documents you tried?

Question : Unable to upload pdf

Answer : Please contact us via email with a link to where you have deployed the viewer and we will have a look at your configuration ([email protected])

Question : Can the software be used to create a stand alone HTML4 and HTML5 version of the PDF ?

Answer : Yes you can load a these resources stand alone without being connected. Contact us for a code sample on how to do this

Question : Is it possible to add a “previous page” control to the FlexPaper toolbar?

Answer :

We don’t have any implementation for managing browser history built into the viewer but this is not hard to add since FlexPaper is a jQuery plugin. See the following link for suggestions on the best javascript history plugins

http://stackoverflow.com/questions/116446/what-is-the-best-back-button-jquery-plugin

Simply call the $FlexPaper(‘documentViewer’).nextPage() and $FlexPaper(‘documentViewer’).prevPage() on navigation

Question : Fullscreen in iframe issue and loading performance issue

Answer :

Set the “allowFullScreen” attribute to true on your iframe tag if you want the viewer to be able to go into fullscreen from your iframe. See the code snippet below for an example on this:

Question : Preserving book marks.

Answer : We don’t have this as part of our current build but we have ongoing discussions around adding this and we can provide you with examples of how to create your own bookmarks if you want to – contact us via email for details on this

Question : ThumbIMGFiles issue

Answer : Not quite sure what you mean but you can indeed load the viewer without setting this parameter. If the parameter isn’t set then FlexPaper will render them on the fly

Question : ASP.NET MVC 4 Supported?

Answer : Yes, but we don’t have any out of the box examples of this. Feel free to contact us via email with your code samples and we can discuss with you.

Question : Zine Flip Mode – Zoom Stuck at 100%

Answer : Hard to know whats going on without looking at your document – send us a link to where you have published your document and we’ll have a look for you (to [email protected])

Question : Fullscreen mode onload

Answer : You can’t load flexpaper in fullscreen on load, your options are to use the PreviewMode and set it to “Miniature” or “FrontPage”

This weeks summary of Questions and Answers

Tuesday 10th June 2014

change to fullscreen on document click
Posted on Tuesday June 10, 2014

You can set the PreviewMode parameter to “Miniature” if you want the publication to be opened in full screen when clicked.

HTML5 API.highlight
Posted on Tuesday June 10, 2014

We have added this function to our HTML5 viewer as well. Its available from version 2.2.5

Customized Thumbnail
Posted on Tuesday June 10, 2014

Thanks for your feedback ! Unfortunately not possible in the current version of FlexPaper

Fullscreen button missing on mobile and tablet devices
Posted on Tuesday June 10, 2014

The full screen button is not visible per default to the mobile devices. You can make it visible by opening the UIConfig file that desktop publisher has produced for you (the .XML file) in a text editor and look for the following:

<element type=“button” id=“bttnFullScreen” icon_height=“39” icon_width=“39” visible=“false”/>

The “visible” attribute should be set to true for mobile if you want this icon visible, so simply change it to:

<element type=“button” id=“bttnFullScreen” icon_height=“39” icon_width=“39” visible=“true”/>

and you should be fine.

Toolbar show/hide functionality.
Posted on Tuesday June 10, 2014

The Zine viewer has its toolbars defined in the UI_Config file. The easiest way of customizing this file is to import your pdf file into desktop publisher and publish your document from there. This will produce a UIConfig file (a XML file) for you that you can then copy over to your web application

Hello, installed the program. Not what I expected, how do I uninstall it?
Posted on Tuesday June 10, 2014

If you installed it in Windows then simply use the “Add/Remove programs” in your control panel. In Mac OSX you simply delete it from your Application folder.

How do I allow users to download original pdf using download button?
Posted on Tuesday June 10, 2014

We had an issue in some of our builds causing the file not to be downloadable as a single even if this was selected as a setting. You can fix this by editing the index.html file that desktop publisher produces for you and change the following:to

PDFFile : ‘docs/Paper_[*,2].pdf’,
to
PDFFile : ‘docs/Paper_[*,2,true].pdf’,
 
The document name will be different in your case, the important change here is the “true” part that I have marked in bold for you.

Mistake in Finnish toolbar tooltip
Posted on Tuesday June 10, 2014

Thank you for these corrections!

The flash viewer has these translations compiled into the swf file. We can send you an updated build with these changes in if you contact us via email (so you don’t have to wait until next release).

Is there a way to bookmark search results?
Posted on Tuesday June 10, 2014

No there isn’t any way to do this at the moment unfortunately. Feel free to send us an example of how you would want this to work and we may be able to add this to our next build for you (send it to [email protected])

Are there any size or page count restrictions?
Posted on Friday June 06, 2014

No such restrictions except for the Zine trial which is limited to show 10 pages.

This weeks summary of Questions and Answers

Thursday 5th June 2014

Doesn’t print the exact width of the page (was like 60%)
Posted on Thursday June 05, 2014

Perhaps you used margins in your browser print set up dialog which are cutting into the print? You can also try to set the AutoAdjustPrintSize parameter on the viewer:

AutoAdjustPrintSize : true,

Is there a plugin to implement FlexPaper Zine on Drupal 7 ?
Posted on Thursday June 05, 2014

Yes there is but we do not manage that plug-in project. You can find it on the url below:

https://drupal.org/project/flexpaper

we have purchased Flexpaper, preview is displaying fine but tool bar is not displaying.
Posted on Thursday June 05, 2014

Perhaps you are using our customizable build but have not included the toolbar files (UI_flexpaper_desktop.html and UI_flexpaper_mobile.html)?

In the answer above, you mention “in HTML mode” and “in flash mode”; does the same approach work in HTML5 mode?
Posted on Thursday June 05, 2014

It could be that the server you are loading the PDF from doesn’t support CORS. Contact us via email and we can help you investigate this

How to hide print button which appears after right click on flash page ?
Posted on Thursday June 05, 2014

This option will not be there if you use our read only build from our commercial download area

Some images not rendering a high resolution but others are?
Posted on Thursday June 05, 2014

That sounds a bit odd – contact us via email ([email protected]) and we will have a look at your configuration. Make sure you include an url to where you have published your document.

would it work if user doesnt have adobe
Posted on Thursday June 05, 2014

Yes we have HTML4 and HTML5 modes that do not require any Adobe products (like flash or acrobat reader) to be installed

Problem loading pdf through PHP publishing
Posted on Thursday June 05, 2014

Yes if you have set flash to be your display format then there should be swf files in your working directory. If you’re not getting any of these then your SwfTools installation is most likely not working as it should.

Windows has a few quirks in using PHP and allowing external applications such as SwfTools to run so I would really recommend setting things up in Linux as opposed to windows to make things easier for you.

extra information property of mark class for “note” annotation
Posted on Thursday June 05, 2014

We have added the possibility to supply a User to our latest annotations build. See our latest release notes for info on this:

http://blog.flexpaper.org/post/87529085498/flexpaper-2-2-6-release-notes

Flexpaper marker color property is not working in HTML 5
Posted on Thursday June 05, 2014

Change the “type” to “highlight” from “strikeout” and you should be fine

FlexPaper 2.2.6 Release Notes

Sunday 1st June 2014

We have started rolling out version 2.2.6 today. This version contains new enhancements for collaborations to our annotations viewer, a few enhancements for our flip book viewer and minor bug fixes.

How to update:
This release does not require you to republish any of your documents so if you want to install the update without republishing your documents then simply copy and replace the following resources from the distribution file that you are using:

  • FlexPaperViewer.swf
  • js/ (directory)
  • css/ (directory)

Changes in this release:

  • HTML5 rendering routine updated (1.0.117 build #6a800eb)

  • Issue fixed where the mouse wheel handler for flexpaper classic in flash mode caused repositioning issues
  • Small corrections to the flat design of the annotations viewer
  • It is now possible to adjust the flip speed for the page transition in FlexPaper Zine from desktop publisher (under Publication Settings)
  • Issue corrected where cancelling the print dialog didn’t cancel the print when printing in flash using split mode
  • Issue corrected where it wasn’t possible to select existing selection annotations in certain scenarios
  • The annotations viewer in flash mode now adjusts the font size of notes so that they are always readable even when zooming out
  • Our annotations viewer now supports collaborative notes. Setting the following parameters enables collaboration between users in notes
    {
    UserCollaboration : true,
    CurrentUser : ‘Username’
    }
  • Issue fixed where printing using flash in some browsers caused the print dialog to stay after the print completed
  • Issue fixed where the viewer would not resize to fill screen in full screen mode when using the FlexPaper classic customizable build
  • Issue fixed where FlexPaper would steal focus incorrectly in IE11 and below
  • PHP scripts updated to use readfile for binary files to avoid encoding issues for certain environments
  • Fixed an issue where some annotations with associations were not deleting their associated objects properly in flash mode
  • Added extra visibilty for the scrollbar in webkit

How to use your Mac to turn a PDF into a online digital flip book publication

Thursday 22nd May 2014

Today I want to focus on the A to Z on how to install and publish your digital documents online with realistic page turning animations using a Mac computer. For this demo I have selected a product catalogue to demonstrate a few of the customisation possibilities FlexPaper offers. 

I have used FlexPaper Desktop publisher to do all the customisations in this publication. Click on the screenshot below if you want to jump straight to the live demo.

image

 

  
1. Getting started:
Once you have opened the desktop publisher, use the open PDF button to browse through your files. Select the PDF you want to publish and click the open button.

If you already have a PDF that you previously worked on that you want to edit, open the original then press the “import settings from previous publication” and browse through to the folder where you have previously published your document. Select the folder and click open and the desktop publisher will import any previous settings. 

2. Technical features:

Decide what technical features the PDF need. The left hand section in the publisher is where the unseen user experience gets decided and other behind the scenes goodies like Google analytics tracking.

Because the features I have added to this demo are on page 8-9, I have selected this to be my start page. 

I have also chosen to select HTML5 as primary format with a fall back to flash if the device my PDF is displayed on doesn’t support HTML5. 

To learn more about browser coverage for HTML5 and flash, click here: http://flowpaper.com/html-flash-or-html5.jsp

3. End user and visual features:

image

On the right hand side in the publisher you enhance the visual and end user elements. I added a product video to emphasise features for one of the products. I have also added a special prize image on top of one of the products with a link that takes the reader to the website product page. I added another link to the same page on the website on top of the product heading. 

To emphasise my brand even more I have created a background image that ties in with both the brand and the product catalogue. 

4. Preview and Save:

Now that I am happy with my document I click the Publish and View button. Once you click the publish button, the document is converted and a folder is created in the FlexPaper folder in your documents folder on the Mac. The folder created will have the same name as your original PDF.

Upload to the web:

So, now it is time upload your document onto your website or blog. You will need to upload all the content in the folder that FlexPaper has created to your server. There are various ways to upload content to a web site. You can find a range of options on how to upload your publication in the publishing dialog.

To finish this tutorial off I would like to have a quick recap. In here I have demonstrated how to customise technical and visual elements to the product catalogue PDF. I have added an image background that ties in with both brand and product catalogue. I finished the tutorial off with an explanation the final steps to publish your online publication.

The last tip I want to add in this post is that if you have access to the original PDF, you can add pages and publish an updated version of your product catalogue, add videos or prices specials, as you need them. No need to wait for the next print run to display your products.

Here is a link to more example documents to give you more inspiration on what you can do with your digital publication:
http://flowpaper.com/demo/ 

Good luck,

Camilla

FlexPaper Team

Copy & paste – a must in any serious digital publications viewer

Thursday 8th May 2014

If you like me like to copy and paste text from one website or digital publication (mostly a PDF) into a chat window or another document, then you also know the annoyance you feel when you can’t select anything from the document or website. Inside you groan a little over the fact that you have to retype it all.

In truth, this fortunately doesn’t happen to often, but if you frequently visit the same website and want to use their content, your user experience get affected by this annoying itchy little problem. It is one of the basics that just has to work.

The feeling is the same for your customers if your digital publications won’t allow the user to select and copy text and of course you don’t want that. No matter the technology you choose to operate FlexPaper viewers in (HTML, HTML5 or Flash), they all support the full range of copy and paste commands. It might seem small, but this function is one of those that people never think about until it doesn’t work and they are left annoyed over such a basic function failure.

Here are some examples in FlexPaper viewers for you to check out and test the different technology modes:

http://flowpaper.com/demo/

If you have material you don’t want people to select and copy, FlexPaper viewers come with the ability to make this feature inactive.

Camilla

of the FlexPaper Team

Online and offline digital publishing options with FlexPaper viewers

Thursday 1st May 2014

Today I would like to highlight three publishing options FlexPaper offers to comply with different needs of our customers.

If you follow our blog, you probably already know how to publish using our Desktop Publisher (but you might have missed option two within it).

image

Using our desktop publisher is the easiest way to publish your digital PDF magazines or other documents. Good news is that in more recent versions of our desktop publisher you also have the option to publish your digital documents offline onto CD, DVD or USB.

The different options is available in the publishing destination window that appears once you click the publish and view button.

The last option for publishing your digital online PDF document is by downloading one of our web server packages to use on your server. This option suits a more technical person but have the advantage of enabling the user to solely publish on his or her own server. We provide easy to use sample scripts how this can be done in ASP.NET, Java and PHP.

Camilla

FlexPaper team

FlexPaper 2.2.5 Release Notes

Tuesday 29th April 2014

We have started rolling out version 2.2.5 today. This version mainly contains minor bug fixes and a couple of enhancements for our desktop publisher.

How to update:
This release does not require you to republish any of your documents so if you want to install the update without republishing your documents then simply copy and replace the following resources from the distribution file that you are using:

  • FlexPaperViewer.swf
  • js/ (directory)
  • css/ (directory)

Changes in this release:

  • A number of minor bug fixes. See changelog.txt included in each release for full details. 

  • Improved fallback on when failing to draw images with mudraw in desktop publisher
  • It is now possible to configure the alpha level of links (from 0 to 100%) in desktop publisher
  • Additional optimizations for disposing the viewer in all modes
  • Improved retina icon set added for the flat UI design in mobile
  • Additional checks added to avoid very complex documents from timing out when being opened inside desktop publisher

How to promote your online publications on your website using FlexPaper Zine

Wednesday 23rd April 2014

If you are using FlexPaper Desktop Publisher together with FlexPaper Zine viewer to generate your online publications then here is handy tip for you to create great previews of your publications. (This is a really good way to promote your publications on landing pages without claiming the whole page.) 

image

When you are working with your PDF document in the desktop publisher you will find the publication preview option under the publication settings menu on your right hand side. It gives you 3 options to choose from.

  1. None (default) – your publication will be displayed in full size.
  2. Interactive miniature – this generates a complete interactive miniature thumbnail version of your finalized publication. One click will open the publication in real size.
  3. Front page – a thumbnail preview of the front page of your publication. One click will open the publication in real size. 

The interactive miniature preview is great for when you want to promote your publication on your home page. Both preview thumbnail options are suitable for any directory containing your published documents. It will help you visualize your content.

If you have selected a start page for your publication, the miniature thumbnail will mimic your selection.  

image

You can publish and preview your work at any stage. Just hit the publish button in the top right corner and select the preview mode you want once the publication is generated.

When you are happy with your publication and you are ready to publish a HTML code snippet will be generated for you to copy and paste into your website admin tool. If you are more technical savvy, you have the possibility resize your preview. 

Regards,

 The Flexpaper Team