CSS Related Issue

  • Profile Image
    caustin
    Asked on October 29, 2015 at 05:35 PM

    Hello,

    I'm having an issue with my form and CSS formatting.  When placing the javascript form into a responsive HTML element, I am having issues with the formatting of our carrier outbound page. It looks like the table header column is extremely wide.  When I fix the CSS with chrome inspector, it works, but I can't seem to translate the change to the form.

    Also, how do I create some space between the button and the bottom of the form?

     

    Can someone help me identify and solve this CSS error?

    Thanks!



  • Profile Image
    Shadae
    Answered on October 29, 2015 at 10:26 PM

    Hi caustin,

    The issue appears to only happen on your webpage where your form has been embedded. The column is adjusted based on the CSS code injected when looking on the direct form:

    It appears that your webpage it causing an conflict and prevents your matrix from displaying correctly. 

    Please embed your form using the iFrame code. iFrame embed code will eliminate most conflicts between your form and webpage allowing your form to display correctly.

    Getting-the-Form-iFrame-Code

    I hope this helps, please inform us if you need further assistance.

  • Profile Image
    caustin
    Answered on October 30, 2015 at 11:58 AM

    That actually didn't work either.  I had to embed the full source code and adjust the CSS inline. It worked though.

    The updated test can be found, here:

    http://readyauto.info/templates/outbound/outbound-survey-final.html 

  • Profile Image
    david
    Answered on October 30, 2015 at 04:08 PM

    Glad to hear that things are now working.  For the source code embed, keep in mind that you would need to update your embed code whenever you make updates to the form in order for the updates to show.