Exact matches only
Search in title
Search in content
Search in posts
Search in pages

How to add hyperlinks to choice form fields?

This article will explain how to insert hyperlinks in choice fields. To insert a hyperlink, simply add the available choice between the HTML hyperlink tags in the Form Editor, as in the example below:

Name

To make hyperlinks blue, use our class ‘blueLink99’ as seen here:

Name

You can add new classes in the SettingsThemes section of your form, in Use custom CSS. In this example we will define a class that makes the background of the hyperlink in a shade of grey, the text red and underlined. Here’s the code:

.link {
background-color: #C0C0C0;  
color: red; 
text-decoration:underline; 
}

Hyperlinks can be added to Radio Buttons and Checkboxes. For a more smoother design, you can add a hover on the available choices. This will trigger a behavior of the element whenever the mouse is pointed over it. In this example we will change the color of the background of the text within the HTML tags. Enter this code in the custom CSS section:

a:hover {background-color:#B0B0B0; } 

This concludes our article on how to insert hyperlinks in the choice fields available on your form. To view the hover effect, watch our demo here.

Leave a Reply

Your email address will not be published. Required fields are marked *