Is there a way to create a hyperlink button?

  • vweselak
    Asked on October 31, 2019 at 12:16 PM

    I see you can create a hyperlink in a text box.  Is there a way to create a hyperlink button?

  • David JotForm Support Manager
    Replied on October 31, 2019 at 2:16 PM

    Do yo mean something like this? https://form.jotform.com/91786579769990

    1572545414button Screenshot 10

    If this is correct, simply add this code in the source code of a Text field:

    <a class="mybutton" href="https://www.jotform.com/pricing/" target="_blank" rel="noopener noreferrer">Button Text</a>

    1572545574sourcode Screenshot 21

    And to make the hyperlink look like a button, we can do it through CSS injection, example: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    .mybutton:hover {

    background-color: #414040d4;

    }

    .mybutton {

    background-color: #414040;

    padding: 8px 25px; 

    border: none; 

    border-radius: 8px; 

    cursor: pointer; 

    font-size: 16px; 

    color: #fcfcfc;

    text-decoration: none;

    }

    Let us know if you need more help.

  • vweselak
    Replied on November 1, 2019 at 10:12 AM

    Thank so much for the help.


    Next question.  I am using the Single Question Layout and do not see a place to use CSS injection.  Is it possible in this layout?
  • David JotForm Support Manager
    Replied on November 1, 2019 at 11:36 AM

    You are welcome. Your next question will be addressed in the following forum thread: https://www.jotform.com/answers/2024188