create a button

  • ALEXMUS
    Asked on September 2, 2019 at 10:19 AM
    I have one other question I am struggling with. I want to have a button on my form which links to an external web page. Can I do this without having to go through the thank you page. 
  • Richie JotForm Support
    Replied on September 2, 2019 at 10:30 AM

    You may use the Text element to create a button and set the link.

    create a button Image 1 Screenshot 20

    Sample HTML button code:

    <p><a class="button" href="http://google.com" target="_blank" rel="nofollow noopener noreferrer">Click me</a></p>

    You may add this custom CSS to style your button.

    a.button {
    border: 2px solid blue;
    text-decoration: none;
    color: black;
    border-style: outset;
    border-color: #0066A2;
    height: 50px;
    width: 100px;
    font: bold 15px arial, sans-serif;
    text-shadow:none;
    border-style: outset;
    background: #0066A2;

    }

    Guide:https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    Please give it a try and let us know if you have further questions.

  • ALEXMUS
    Replied on September 2, 2019 at 10:42 AM

    I couldn't seem to get it to work. 


    Do you have nay further instructions that might help. 


    Thanks. 

  • VincentJay
    Replied on September 2, 2019 at 10:56 AM

    Could you please share the form link you're working on so we can check it further? 

    To find the form URL, please follow this guide: https://www.jotform.com/help/401-Where-to-Find-My-Form-URL

  • ALEXMUS
    Replied on September 3, 2019 at 4:07 AM
  • Richie JotForm Support
    Replied on September 3, 2019 at 7:35 AM

    I have checked your form and you have not placed a Text element and inserted the HTML code.

    Kindly check this screen cast:

    create a button Image 10

    Once you have inserted the HTML code inside your Text element, you may add the custom CSS.

    Kindly copy all this code and insert it to your Form Designer CSS:

    a.button {
    border: 2px solid blue;
    text-decoration: none;
    color: black;
    border-style: outset;
    border-color: #0066A2;
    height: 50px;
    width: 100px;
    font: bold 15px arial, sans-serif;
    text-shadow:none;
    border-style: outset;
    background: #0066A2;

    }

    Guide:-How-to-Inject-Custom-CSS-Codes

    Please give it a try and let us know if you need further assistance.