create a button

  • Profile Image
    ALEXMUS
    Asked on September 02, 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. 
  • Profile Image
    Richie_P
    Answered on September 02, 2019 at 10:30 AM

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

    Sample HTML button code:

    <p><a class="button" target="_blank" href="http://google.com" rel="nofollow noopener ugc" 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.

  • Profile Image
    ALEXMUS
    Answered on September 02, 2019 at 10:42 AM

    I couldn't seem to get it to work. 


    Do you have nay further instructions that might help. 


    Thanks. 

  • Profile Image
    VincentJay
    Answered on September 02, 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

  • Profile Image
    ALEXMUS
    Answered on September 03, 2019 at 04:07 AM
  • Profile Image
    Richie_P
    Answered on September 03, 2019 at 07: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:

    15675103241.gif

    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.