You can use HTML code to add additional formatting, links and images to your custom forms:
Here are some helpful HTML codes to use in custom forms:
- Bolding text: <b>This is the text I want to bold</b>
- Italicizing text: <i>This is the text I want to italicize</i>
- Changing font colors: <font color="red">This is the text I want in red</font>
- Changing font size: <font size="6">This is the text I want to be larger</font>
- Adding a link: <a href="schoolmint.com"target="_blank">I want users to click on this text and be taken to SchoolMint in a new tab</a>
- To jump to a new line: Add <br> whenever you want to break to a new line
To add an image, you will need to use a text paragraph type question, and the following code, where the img src is the url of the image:
<!DOCTYPE html>
<html>
<body>
<center>
<img src="http://www.schoolmint.com/wp-content/themes/sm/images/retina/pc-phone.png">
</body>
</html>
You can also insert a clickable link, where the linked URL opens in a new browser by using the HTML tag below:
<a href="http://www.w3schools. com/" target="_blank">Visit W3Schools!</a>
Just replace "http://www.w3schools. com/" with your own URL and "Visit W3Schools!" with your own text.
For more formatting options, you can reference any html help site! Try out different combinations in Sandbox (your test site) to reach your desired formatting before saving it in Production (your live site).
Comments
1 comment
Great stuff. Thanks. I think it would be helpful to include sample code to set font size.
Please sign in to leave a comment.