Greetings, I must admit that my coding skills are quite limited and I am currently trying to navigate the world of HTML...
As I attempted to integrate a basic contact form code from Insightly (provided below/attached), I came across this discussion here
Despite my efforts, I am struggling to achieve the desired outcome. My goal is to have field titles aligned on the left with corresponding fields neatly lined up behind them, separated by some space. All while ensuring that the code remains compatible with Insightly...
Your assistance with this matter would be highly appreciated!
[EDIT 1]
Many thanks for your input! Using a bit of CSS (included here), I was able to somewhat align the elements as intended. However, I am encountering issues with clearing the fields upon submission and providing users with confirmation that their message has been sent. The current method involves an unsightly alert window, particularly noticeable in Chrome... Any suggestions on how to reset the fields upon submit and provide confirmation would be greatly valued! I tried implementing CSS techniques from here with no success...
<style type="text/css">
/*************CHSE Stylesheet ***/
body {
background-color: transparent;
height:360px;
width:280px;
}
textarea {
height:70px;
width:273px;
}
</style>
<style>
form label{
display: inline-block;
width: 100px;
font-weight: bold;
}
</style>
<form name="insightly_web_to_contact" action="https://example.insight.ly/WebToContact/Create" method="post"<span style="font-size:14px;"><span style="color:#FFFFFF;font-weight:bold"><span style="font-family:Open Sans;"><input type="hidden" name="formId" value="xxxxxxxxxxxxxxx/xxxxxx=="/>
<span style="font-size:14px;"><span style="color:#FFFFFF;font-weight:bold"><span style="font-family:Open Sans;"><center>Quick Message:</center><br/>
<label for="insightly_firstName">First Name: </label><input id="insightly_firstName" name="FirstName" required="" type="text"/><br/><br/><label for="insightly_lastName">Last Name: </label><input id="insightly_lastName" name="LastName" required="" type="text"/><br/><br/><input type="hidden" name="emails[0].Label" required="" value="Work"/><label for="email[0]_Value">Email: </label><input id="emails[0]_Value" name="emails[0].Value" required="" type="text"/><br/><br/><label for="insightly_background">Message: </label><textarea id="insightly_background" name="background">
</textarea><br/><br/><center><input type="submit" value="Send Message"></center></form>