Hi I need some help with making my links look like button and also hav

  • Virtual Studio
    Asked on November 2, 2022 at 9:33 PM

    Hi
    I need some help with making my links look like button and also have a word as the button rather than showing the link itself

    Page URL: https://www.jotform.com/help/428-how-to-inject-css-codes-to-widgets/
  • Ezgi Quality Assurance Engineer
    Replied on November 3, 2022 at 1:32 AM

    Hi Virtual Studio,

    Thanks for using Jotform. It’s easy to add links and make them look like buttons. Let me show you how to use the link button:


    1- In Form Builder, add a Paragraph Element from the Add Form Element Menu on the left side of the page.

    NFjrpzDUueSbVw7UpgRP03B7M wNf JkX6jBwhXP Screenshot 10

    2- Enter your custom CSS code in the text box, then click the save button.

    zWycSwSErOa7LhlnqZ9gE BJJxkn0Pe28nfSaMgY Screenshot 21

    3- That’s it. The link button is ready for use.

    5YRqVYR9ZJ9vXikhEywJnsHRLKhzCKJLN4P5Gsro Screenshot 32

    Here is the CSS code of the link button :

    <a style="background-color: orange; padding: 10px; color: white; text-decoration: none; display: inline;" target="_blank" href="YOUR URL" >Link Button</a>

    Give it a try and let us know if you need any other help.