PDF Navigation Buttons to Return to First Page

Can you create a PDF navigation button on each page of your document that brings you back to the first page without a single line of JavaScript?

Yes, and here is how:

Load your document and go to the second page of your document – we are using the second page because it does not make much sense to have a button on the first page that brings you back to the first page – and place a button wherever you want that button to appear on your page. To place a button, select Tools>Interactive Objects>Add Button.

2014 03 25 12 48 59

Now just move the mouse cursor over to the page and draw a rectangle where you want the button to be, in the size you want the button to be.

Once the button is created, you will be able to change it’s name, and to access the full properties for this button:

2014 03 25 12 43 54

Click on the “All Properties” link on the yellow pop-up. We will change the name on the full properties dialog. This will bring up the properties dialog for this button.

2014 03 25 12 44 11

On this dialog, select the “General” tab and change the name. After that, select the “Actions” tab.

2014 03 25 12 44 35

What we have to do on this tab is a bit more complicated. First, make sure that “Select Trigger” is set to “Mouse Up”. We want this function to be executed when the user releases the mouse button on this field. We select “Go to a page view” as the action to perform when the trigger (mouse up) occurs.

Now we click on the “Add” button to actually add this action to our navigation button. This will bring up a pop-up window with further instructions:

2014 03 25 12 44 49

After we navigate back to the first page (we are still on the second page of the document), we can click on the “Set Link” button to configure the page view we want this button to go to. This link is set to a “Page View”, not just a page number. This means that the zoom level, and which portion of the page gets displayed is also part of the “Page View”, so make sure that you see exactly what your users should see after they click on the navigation button.

2014 03 25 12 45 00

We now have one button that will bring us back to the first page. We can of course repeat these steps for every page in our document, but there is an easier way to accomplish this. Go back to the second page, where our navigation button is. The button should still have the blue outline with the resize handles, if that is not the case, select Tools>Interactive Objects>Select Object and click on the button. Right-click on the button to bring up a menu:

2014 03 25 12 45 34

From this menu select “Duplicate Across Pages…”. This will bring up a dialog that allows us to select which pages this button should be duplicated on. We don’t need the button on the first page, so we cannot select “All”. Instead, we select from page 2 to the last page in the document (which happens to be 20 in my sample document).

2014 03 25 12 45 51

After clicking on “OK”, all pages, starting with the second page, will have this navigation button in the same location, and with the same functionality.

This entry was posted in Acrobat, PDF, Tutorial and tagged , , , , , . Bookmark the permalink.

15 Responses to PDF Navigation Buttons to Return to First Page

  1. Paul C says:

    Thanks for this quick and easy tutorial. Really helped in a pinch.

  2. Jen says:

    Can you edit these buttons all at once after you create them? I’m trying to move them.

  3. Karl Heinz Kremer says:

    Jen, yes, you should be able to select all of them and then move them as a group within the same page. If you want to move them across a page boundary, you will have to copy them and then paste them on the new page.

  4. Kari LaCount says:

    I am combining multiple files and when i have the complete document ready i do this and some documents (always sent from the same person) end up with the button sideways?

  5. Karl Heinz Kremer says:

    Kari, this is due to the page rotation of the page you place the button on. My process assumes the most straight forward case: All pages have the same page rotation. When you combine documents, that is no longer automatically true, so you would have to come up with a way to duplicate the buttons across all pages, but take the page rotation into account. That could be done by a JavaScript, but it’s a lot more complex than the simple process I demonstrated.

  6. Fiona says:

    I inserted this button and it works great – the only thing is that it only displays a block with a solid colour and not the name of the button – I have set the text colour to black so its not the font that is the issue. What else can I do?

  7. Karl Heinz Kremer says:

    Fiona, A button never displayed the button name as it’s label. You will need to set the label yourself on the button properties’s “Options” tab.

  8. James says:

    With Adobe Acrobat DC, you now have to click on “Prepare Form” to add this button. However, when I add these buttons to an agenda (presented to Executive Management) live form fields are added throughout the agenda. I do not want form fields added, but I cannot find another way to add this button. Is this a bug in the new Adobe version? I never had this issue until I got the new Acrobat DC version.

  9. Karl Heinz Kremer says:

    James, this is not a bug, but you can change that behavior in Acrobat’s preferences: Go to the “Forms” category and turn off the “Automatically detect Form fields” option.

  10. James says:

    Mr. Kremer, this worked perfectly – you are the man!! (It’s a shame the SMEs I reached out to in my organization didn’t know this.)

  11. Karl Heinz Kremer says:

    Glad that the information I provided was helpful. Keep me in mind for any future PDF related problems.

  12. Jim Carey says:

    Hi, the only problem with this is when you try to use it with the Reader in iBooks.

    I am looking for a way to add a link to some text on every page to get around this ( I have the same word on every page that I can use). I can add a link individually but there is no duplicate on links – any ideas?

  13. Karl Heinz Kremer says:

    Jim, the support for interactive features in PDF files varies widely when it comes to non-Adobe PDF viewers. iBooks is not primarily a PDF viewer, it displays e-books in the ePub format, PDF is a bit of an afterthought, and even though links are supported in ePub documents, Apple does not support form fields with JavaScript. You may want to look into tools that can create links in batch mode. These would be 3rd party tools, because I am not aware of anything in Acrobat that could do that.

  14. Paul Burges says:

    Can you create the same page navigation button, but rather than go to a page, go to a bookmark. I ask as I work on documents that constantly change, and therefore the page numbers change as I insert and delete pages. But if I was using bookmarks, this wouldn’t be an issue. Please tell me this is doable. Thank you.

  15. Karl Heinz Kremer says:

    Paul, you cannot go to a bookmark, because a bookmark does not necessarily have a location in the current file. What you can do is execute the bookmark, and then whatever action is associated with that bookmark will be performed. Something like this should work:

    function ExecuteBookmark(bkm, bkmName) {
    if (bkm.name == bkmName) {
    bkm.execute();
    return;
    }
    if (bkm.children != null)
    for (var i = 0; i < bkm.children.length; i++) { ExecuteBookmark(bkm.children[i], bkmName); } } ExecuteBookmark(this.bookmarkRoot, "Test Execute Bookmark");

Leave a Reply

Your email address will not be published. Required fields are marked *