Disappearing Field and Scrollbars

  • Profile Image
    revadigital
    Asked on August 11, 2012 at 06:33 AM

    Hi, I just added a form using the lightbox style and one of my fields is disappearing. There is a Template ID field that is supposed to display above the Download URL field, it shows up then instantly disappears. That's problem 1. Problem 2 is the scrollbars, the preview I see in Jotform does not show scrollbars but it has them when I implement the form on my website.

    So my questions are:

    1. Why is my Template ID field disappearing and how to fix that?

    2. How to get rid of those ugly scrollbars?

    Form in question can be seen at templatetuningservice.com by clicking the large grey button.

    Thanks

  • Profile Image
    idarktech
    Answered on August 11, 2012 at 06:55 AM

    Hi,

    Please try to remove the number "2" on your lightbox form code under src attribute. Check the highlighted number below for a guide.

    <script src="//jotform.us/min/g=feedback2" type="text/javascript">

    new JotformFeedback({

    formId:'22213530040130',

    base:'http://jotform.us/',

    windowTitle:'Contact Us/Submit a Ticket',

    background:'#313D70',

    fontColor:'#FCFDFF',

    type:false,

    height:500,

    width:525

    });

    </script>

    <a class="lightbox-22213530040130 leftmargin" style="cursor:pointer;color:blue;text-decoration:underline;"><img src="themes/bartik/promo/images/ordernowbig.png" /></a>

     Let us know if this doesn't fix everything. Thank you!

  • Profile Image
    revadigital
    Answered on August 11, 2012 at 07:26 AM

    Hi, that got rid of the scrollbar. But the Template ID field still is not visible. Also the title is not inheriting the background color that I set; it's gray when it should be 313D70 (dark blue). And I just noticed that the javascript is conflicting with the tab code below, all the tabs content is displayed at once.

  • Profile Image
    revadigital
    Answered on August 11, 2012 at 08:24 AM

    I got the Template ID field back. Just removed the old field and created a new one. The other issues about the JavaScript and the title background color are still pending.

  • Profile Image
    liyam
    Answered on August 11, 2012 at 11:54 AM

    Hello, can you try putting back the '2' in src="//jotform.us/min/g=feedback" so it will look like this again:

    <script src="http://jotform.us/min/g=feedback2" type="text/javascript">

    In addition, the shadow border on the lightbox seems to hide behind your youtube video.  To fix this, please add &wmode=opaque to the source parameter in your youtube iframe:

    src="//www.youtube.com/embed/75GANN4m7pQ?rel=0&showinfo=0&controls=0&wmode=opaque"

    Please let us know if you have further questions.

    Thanks.

  • Profile Image
    revadigital
    Answered on August 11, 2012 at 02:46 PM

    That fixes the JavaScript issue. Everything looks good now except for the scrollbars. They don't show in Safari, just in Google Chrome browser.

  • Profile Image
    idarktech
    Answered on August 11, 2012 at 10:59 PM

    @revadigital,

    Adding this piece of css code just one line ahead of your page </head> tag might remove the scrollbars.

    <style type="text/css">

    #js-form-content{

    overflow: hidden !important;

    }

    </style>

    Another way is to declare this css codes on your style.css file. Here's how it looks if you'd choose to add this code on your style.css

    Let us know the result so that we can further assist you if needed. Thank you!

     

  • Profile Image
    revadigital
    Answered on August 12, 2012 at 09:29 AM

    Worked like a charm :) Thanks!

  • Profile Image
    idarktech
    Answered on August 12, 2012 at 10:07 AM

    Glad to hear it. Cheers! :)

  • Profile Image
    SOSY
    Answered on August 12, 2012 at 12:03 PM

    هههههههههههههههههههههههههههههههههههههههههههههههههههههههههههههههههههههههههههههههههههههههههههههههههههههههههههههههههههههههههههههههههه

  • Profile Image
    javierf
    Answered on August 12, 2012 at 12:26 PM

    Hi sosy,

     

    do you have a question?