How to add a hand tool (grab the page and drag) function on Chrome and firefox pdf viewer?

To clarify, hand tool is a function for user click on the pdf and dragging around , that is used to replace the scroll bar navigating .
The problem is, by default the Chrome and firefox pdf viewer do not have that function and I would like allow the user to drag the page.
A workaround is to use a jquery plugin (grab to pan https://github.com/Rob--W/grab-to-pan.js in my case) with an embed object (pdf viewer). When I maximum the size of the pdf and user drag the embed object.
The problem I have encounter is
1) When using chrome/ firefox, the pdf content do not fit to the page but auto resize by default even I have set the adobe pdf open parameter , using iframe.
2) The jquery seems conflict with the firefox pdf viewer, it works smoothly on Chrome but not firefox.
Here is the source code, you may download the plugin from the link mention above and have a look. Don't forget to put a '1.pdf' along with the source file. Thanks
    <!DOCTYPE html>
    <head>
    <meta charset="utf-8">
    <title>Grab-to-pan.js demo</title>
    <link rel="stylesheet" href="grab-to-pan.css" type="text/css">
    <style>
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    html, body {
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0;
    .scrollable {
        overflow: auto;
        width: 100%;
        height: 100%;
        background-color: #EEE;
    #zoomPage {
              overflow:visible;
        width: 100%;
        height: 150%;
    </style>
    </head>
    <body>
    <label><input type="checkbox" id="activate-g2p" checked> Activate Grab to Pan</label>
    <div class="scrollable" id="scrollable-container">
    <object id = 'zoomPage' type='application/pdf' data= '1.pdf#zoom=page-fit'><p>The PDF can not display</p></object>
    </div>
    <script src="grab-to-pan.js"></script>
    <script>
    document.getElementById('activate-g2p').onchange = function() {
        if (this.checked) g2p.activate();
        else g2p.deactivate();
    var scrollableContainer = document.getElementById('scrollable-container');
    var g2p = new GrabToPan({
        element: scrollableContainer
    g2p.activate();
    </script>
    </body>
    </html>

This is forum sponsored by Adobe make of Acrobat and Reader. Since Chrome and FireFox web browser have chosen to use their own viewer you might get more help in their forums or customer support.

Similar Messages

  • How to add 'Confidential' watermark to all the pages in portal

    Hi
    How to add 'Confidential' watermark to all the pages in portal.We have ESS/MSS business packages installed 60.1, 60.2.
    ECC5, EP SP16 is the environment.
    Help will be appreciated
    Thanks
    Sharath

    Hi Sharath,
    What about using the theme editor to add a background to either the page or the iView tray?
    Daniel

  • How to add an Attachments Table on the Page of a Single Row Region

    Dear All,
    Please help me with a tutorial or anything that help me adding a an Attachments Table on the Page of a Single Row Region.
    I took a look at the attachment in ch4 in the developer guide but it is not explained clearly how to implement it.
    Thanks,
    Mahmoud Assem
    Message was edited by:
    Mahmoud Assem

    If you follow the dev guide properly, there shouldn't be any issue. Let us know where exactly you are facing the issue.
    --Shiv                                                                                                                                                                                                                                                                   

  • I was trying to update my Garmin,on my Imac and the application is locked down on the right hand side of the page next to my trash can and will not open---how can I get firefox to open up again ???

    I was trying to update my Garmin and Firefox is now locked down on the righthand page next to my trash can and will not open---I have an Imac desktop.

    We need a lot more information - like exactly waht you are doing, what version of iPhoto you have and what happens
    LN

  • How to add/ remove elements/paragraphs into the include/don't include column in batches in PDF setup page bookmark tab?

    Pls see the title. There are hundreds of elements/paragraphs.

    Thanks for that information.
    I did not see that the “go to view link” could change documents. I thought it was only within a document.
    I manually added two “go to view links” and that seems to work on both mac and pc computers.
    That brings up two questions.
    For old files can a acrobat java script batch file be setup to read the hyperlinks in a pdf document  and replace them with a “go to view link” style?
    Can one place a “go to view link” style in a word document and then have the adobe convert to acrobat process it into the pdf format with the rest of the document? (or set up the converter to make word hyperlinks change to pdf “go to view links”?

  • How to add a excel driver in the Adminstrator tools

    how to add a excel driver in the adminstrator tools > odbc Datasource,
    I have to add the name and excel sheet location in the SystemDsn but whiling finishing the stups i will get the error like
    error found could not found the registery.
    ,So is there any other setting is required while i am adding in the excel driver
    please help me out for this ,this is 1st time am using the excel source in the report data source..

    I'd ask them over here.
    Windows forums on Microsoft Answers
    Office Excel forums on Micrsoft Answers
    Regards, Dave Patrick ....
    Microsoft Certified Professional
    Microsoft MVP [Windows]
    Disclaimer: This posting is provided "AS IS" with no warranties or guarantees , and confers no rights.

  • I need hand tool to move around the page in small PC screen like in adobe pdf reader

    ''locking as a duplicate - continue here - https://support.mozilla.com/en-US/questions/814830''
    In Adobe® Reader® is the tool for opening and using Adobe PDFs that are created in Adobe Acrobat®. I have very useful tool to move on the page on the screen it's called "Hand tool" .
    The tool can allow you to move around the big page by the mouse.
    the tool god for zoom in and walk around the page in small screen.
    I look also on adds on and I did not find one .
    thanks
    Daniel

    I think the [https://addons.mozilla.org/af/firefox/addon/grab-and-drag/ Grab and Drag] extension is much closer to what's being requested.

  • How to add a standard tool bar in alv

    H i
    i am developing a custom report  in Alv interactive report for to dispaly MRP information.
    Can you sejjest me how to add  a standard tool bar in alv.
      i displayed one final alv grid display there i have to add standard tool bar and application tool bar.
    Thanks,
    Rams
    Edited by: Ramsoft on Oct 27, 2010 12:09 PM

    Hi,
    Give the PF ststus name in  the PF status parameter of ALV FM
    I_CALLBACK_PF_STATUS_SET          = ' PF_STATUS'. " this parameter of ALV FM
    FORM pf_status USING pt_extab TYPE slis_t_extab.
      SET PF-STATUS 'MAIN' .
    ENDFORM.                    "pf_status
    Then create a main PF status by double clicking on it , after this goto EXTRA in menu
    EXTRA>ADJUST TEMPLATE> then give program - SAPLSLVC and status - STANDARD this will give u standard toolbar of ALV ,
    THen add what ever button you require in application toolbar
    Regards,
    Madhukar Shetty

  • How to add a standard field to the Product search criteria ?

    Hello all,
    despite my searches on google and sdn, i'm still  confused on how to add a standard field in the search criteria of the Product seach screens (component/view PRD01QR/Search for example) , I mean a standard Product field that is not included in the available fields list in the UI configuration tool.
    I found some explanations for adding a specific Z-Field, this is ok , but I'd like to add a standard field as a search criterion, namely the item category group.
    Could someone give me the needed detailed steps for this?
    thanks
    Ludovic

    Hi
    Chk ths link out :
    http://wiki.sdn.sap.com/wiki/display/CRM/Howtoaddanexistingfieldtoasearchpageofadifferent+component
    Rgds,
    Swati

  • Somethimes no hand tool pressing the space key

    Sometimes when I try to get the hand tool pressing the space-key it doesn´t work (same time in Photoshop, Illustrator, InDesign). I not even see the hand-Icon, nothing happens. After a restart of my Mac it works normal. It´s definitly not the key, it works normal in other applications. How can I solve this problem?

    No one an answer or solution for me? No Adobe supporter? Adobe says I will get an answer here … not good for a cloud member

  • How to add A single row at the middle of the table in a Webi report

    Hi,
         I created a Webi report using Universe(Created universe using bex query).Now i have a requirement to display a row at the middle of a report. Can you please tell me ,how to add a sigle row at the middle of a Webi report.
                                                    Thanks in advance
    Regards
    Monika

    Hi Monika,
    It is not really possible to add a row (I assume you mean of unrelated data) to the middle of a table in a report. You can add a new table with a single row between two tables. For instance you could add a new one row table, or even single cells which are positioned relatively between two tables. Possibly a block on top of another. But this gets tricky.
    Can you explain in more detail what you are trying to do?
    Thanks

  • How to add a radio station to the library

    just loaded itunes 6 (windows box) and can't find out how to add a radio station to the library

    If your current stations in WMP are .pls or .m3u URL's, they may work in iTunes also. Use the "Open Stream" command from the Advanced menu and put in the URL that includes .pls/.m3u. If the URL is a .mwv variety, those are Windows proprietary format and not supported by iTunes. Same with .ra streams (Real Audio).
    .pls & .m3u usually indicate MP3 based streams supported in iTunes. It's up to the original radio station/streaming site to select the format and make it available. Shoutcast.com & Live365.com are great resources for mp3 based streams.

  • How to add a new tab for the project?

    Dear All Experts,
        Could you tell me how to add a new tab for the project?
        Pls refer to the screenshot as below:
    Thanks!
    Xinling Zhang

    Hi,
        The new tab in cj20n , and the new tab can only be displayed in the highed level.Pls refer to below
        And in cj02, there is no this tab also in the wbs detailed screen,
    Thanks!
    Xinling

  • How to add a text box in the layout (View)

    How to add a text box in the layout (View)

    Hi.
    Right Click in the RootUIElement container.
    Click Insert Element.
    Give Name: Input
    Type : Input Field.
    Press Enter.
    Regards
    Bala.

  • [SOLVED] How to add modules to build with the kernel?

    Hello i´m trying to learn how to build my own custom kernel and doing it the arch way https://wiki.archlinux.org/index.php/Ke … raditional. But unfortunately dm-crypt was not included in the kernel so it all failed.
    svart_alg% sudo mkinitcpio -k 3.15.6 -c /etc/mkinitcpio.conf -g /boot/initramfs-test.img
    ==> Starting build: 3.15.6
    -> Running build hook: [base]
    -> Running build hook: [udev]
    -> Running build hook: [autodetect]
    -> Running build hook: [modconf]
    -> Running build hook: [lvm2]
    ==> ERROR: module not found: ‘dm-snapshot’
    -> Running build hook: [encrypt]
    ==> ERROR: module not found: ‘dm-crypt’
    -> Running build hook: [block]
    -> Running build hook: [filesystems]
    -> Running build hook: [keyboard]
    -> Running build hook: [fsck]
    ==> WARNING: No modules were added to the image. This is probably not what you want.
    ==> Creating gzip initcpio image: /boot/initramfs-test.img
    ==> WARNING: errors were encountered during the build. The image may not be complete.
    I have never don any of this before and have no idea of how to add a missing module to the kernel i´m building. So i search on internet and had a very hard time finding a good guide for this but i fond one possible solution. https://www.kernel.org/doc/Documentatio … odules.txt
    svart_alg% make -C /home/nigro_alko/Kernel/linux-3.15.6 M=/home/nigro_alko/Kernel/cryptsetup-1.6.5/Makefile.in
    make: Entering directory ‘/home/nigro_alko/Kernel/linux-3.15.6‘
    mkdir: cannot create directory ‘/home/nigro_alko/Kernel/cryptsetup-1.6.5/Makefile.in’: Not a directory
    scripts/Makefile.build:44: /home/nigro_alko/Kernel/cryptsetup-1.6.5/Makefile.in/Makefile: Not a directory
    make[1]: *** No rule to make target ‘/home/nigro_alko/Kernel/cryptsetup-1.6.5/Makefile.in/Makefile’. Stop.
    Makefile:1310: recipe for target ‘_module_/home/nigro_alko/Kernel/cryptsetup-1.6.5/Makefile.in’ failed
    make: *** [_module_/home/nigro_alko/Kernel/cryptsetup-1.6.5/Makefile.in] Error 2
    make: Leaving directory ‘/home/nigro_alko/Kernel/linux-3.15.6‘
    So is there any one that have time to help a lost little newbie i would bee very happy  :-)
    Last edited by Moosey_Linux (2014-07-29 15:00:40)

    karol wrote:Why do you want a custom kernel in the first place?
    Moosey_Linux wrote:i´m trying to learn how to build my own custom kernel
    Reason enough IMO. But anyway... you refer to the Traditional build method in the wiki, but is it possible you didn't really read it? Or maybe you only skimmed it? Did you run make menuconfig? Did you try to build everything in instead of using modules? That mkinitcpio output suggests that you did.
    As suggested there for first-timers, it's a good idea to start with a kernel configuration that is known to work - the Arch config is the obvious choice, but there are other sources e.g. http://kernel-seeds.org/ .

Maybe you are looking for