One of the Required Fields does not display the red asterik

  • Profile Image
    johnchartrand
    Asked on October 29, 2012 at 07:46 PM

    I have a drop down box and clicked on Required to make it a required field. The little red asterik displays on the form through jotform.com but does not display on the form on my site: http://customhockeysticksandjerseys.com/custom-hockey-jerseys/

     

    thanks

    John

  • Profile Image
    Welvin
    Answered on October 29, 2012 at 07:59 PM

    Hi John,

    You are experiencing a delay, you have edited your form and the changes aren't reflected instantly. All you need to do to resolved this is to change the form URL into your embed codes from http://form to http://www

    Example FROM:

    <iframe allowtransparency="true" src="http://form.jotform.ca/form/22967983069270" frameborder="0" style="width:100%; height:1695px; border:none;" scrolling="no"></iframe>

    Example TO:

    <iframe allowtransparency="true" src="http://www.jotform.ca/form/22967983069270" frameborder="0" style="width:100%; height:1695px; border:none;" scrolling="no"></iframe>

    All good when you view you form like this: http://www.jotform.ca/form/22967983069270

    Also, I suggest you to please re-embed your form because the height is something not good. Your form is cut off at the bottom. I use Google Chrome.

    Thank you very much and I hope this helps.

  • Profile Image
    johnchartrand
    Answered on October 29, 2012 at 08:29 PM

    Thanks Welvin,

    Why does the form display differently in Chrome and Safari than it does in Firefox. Is there any way to get it to display like it does in Firefox?

    thanks

    John

  • Profile Image
    idarktech
    Answered on October 29, 2012 at 08:52 PM

    Hi John,

    This is an issue with chrome browser not reading the auto width but you can fixed it by defining a fix width value. Inject this CSS code to your form.

    form-line-column {

    width: 250px !important;

    }

    Follow this guide: How to Inject Custom CSS Codes

    If this fixes the problem, please decrease your iframe height so it would fit exaclty on your form because it has a big space below it currently.

    Thanks!

  • Profile Image
    johnchartrand
    Answered on October 30, 2012 at 04:31 AM

    Thanks Idarktech, that works. I also lowered the height to fit. It's consistent across Firefox, Chrome and Safari. I'm on a Mac so I don't have IE to look at. I'm afraid to look. If someone happens to have that awefull browser, could you look for me!!!

    http://customhockeysticksandjerseys.com/custom-hockey-jerseys/

  • Profile Image
    idarktech
    Answered on October 30, 2012 at 04:59 AM

    That's great!

    It's also perfect on IE8 and IE9.

    IE9:

    IE8:

     

    You can also use browser testing tools like Browserstack to see it for your self :)

    Thanks!

  • Profile Image
    johnchartrand
    Answered on October 30, 2012 at 05:11 AM

    Thanks Idarktech, and thanks for the browser testing link.

    John