What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    add/edit anchor

    Asked by NippersD on January 06, 2016 at 02:04 PM

    from this instruction (www.jotform.com/answers/558572-How-to-create-an-anchor-link) I cannot find a way with your new HTML editor to accomplish this.

     

    JotForm create find www
  • Profile Image
    JotForm Support

    Answered by david on January 06, 2016 at 05:31 PM

    Hi,

    It looks like the direct anchor feature was removed.  You would need to create the anchors manually.  The anchor tag will consist of two HTML elements. First, you'll want to create the link.

    If you are linking to a spot on the same page, the format of the link will be similar to:
    <a target="_blank" href="#anchor">Link Text</a>

    For example, if the text is "Read more about raptors!" then your HTML should look like this:

    <a target="_blank" href="#raptors">Read more about raptors!</a>

    The above anchor link only works when you are jumping to a specified spot on the same webpage. If you want a link to jump a specific location on a different page, you'll need to replace #anchor with the full URL for the page, similar to:
    <a target="_blank" href="http://example.typepad.com/blog/2012/05/filename.html#anchor" rel="nofollow">Link Text</a>

     

  • Profile Image

    Answered by NippersD on January 06, 2016 at 08:05 PM

    I'm using the Page Break feature and need to anchor from page 2 back to page 1 within form collapse sections.  I've tried the code above, both with the #anchor and also with the entire JotformURL#anchor for my specific form with no luck.  Is there an identifier that should be in the JotformURL to indicate the page number?

  • Profile Image
    JotForm Support

    Answered by Boris on January 07, 2016 at 05:50 AM

    If I understand it, you have managed to create the link that points to a tag, but haven't been able to create an actual tag (part 2 of the steps outlined in that other thread).

    In order to create an actual tag that can be navigated to, you should use a different Text field and edit its Source Code. In its source code, you can use code such as this:

    <p id="PosComments"></p>

    This will create an element with the ID of PosComments, that you can use in your links to jump to that anchor. Here is a visual representation of how to edit the source code of a Text field:

    While the above is how you can create anchor tags for jumping to within your form, you unfortunately can't jump from one page of the form to another with anchor tags - you must use Next/Back buttons to navigate between the pages of the form.

    Additionally, even if on the same page, when an anchor tag is withing a collapsed Form Collapse tool, it can't automatically expand the tool around it that is collapsed. This means that even if you used the link to jump to that anchor, it would remain invisible within the collapsed Form Collapse.

    Please let us know if you need further clarifications, and we will be happy to help.