What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    Right side of the Lightbox Title Bar is not align to the form container

    Asked by edub on January 06, 2015 at 01:29 AM

    Hello on my light box form the title bar does not seem to go all the way to the end. I attached a screen shot. Any suggestions would be great. Thanks.

     

    http://goo.gl/pv0qlk

    Screenshot
    lightbox title title bar title css fix lightbox title
  • Profile Image
    JotForm Support

    Answered by Welvin on January 06, 2015 at 06:04 AM

    Hi,

    Adding the following CSS codes to your website stylesheet will fix the problem:

    .jt-title {

    width: 400px !important;

    }

    Let us know if you need any further assistance about this matter.

    Thank you!

  • Profile Image

    Answered by edub on January 06, 2015 at 03:41 PM

    I entered this in my .CSS and didn't change anything. So we are on the same page. Put this code inside my website .css or inject this in the form box?

  • Profile Image
    JotForm Support

    Answered by jonathan on January 06, 2015 at 04:27 PM

    Hi,

    You can add it on your jotform http://www.jotform.us/form/50047912006142 custom CSS code and it should work.

     

    I did a test page and it works here

     

    Hope this help. Please let us know if still not resolved.

     

    Thanks!

     

     

  • Profile Image

    Answered by edub on January 06, 2015 at 04:35 PM

    So what happens is when I place the code below and save the whole form changes and gets longer. Also the code doesn't seem to fix the issue:(.

    I followed what you showed me and no go.

    .jt-title {

    width: 400px !important;

    }

     

  • Profile Image

    Answered by edub on January 06, 2015 at 04:57 PM

    can you be so kind to test it? see the before and after? Right now I put it back. thank you

  • Profile Image
    JotForm Support

    Answered by jonathan on January 06, 2015 at 05:04 PM

    Hi,

    I can still see the issue when I checked this on your website

    I embedded your jotform on my test website, but it works properly.

     

    so it must be other script conflict that could be causing it on your website. Let me check more on it. I'll get back to you quickly.

     

    Thanks.

     

     

     

  • Profile Image

    Answered by edub on January 06, 2015 at 05:11 PM

    yes If you do it that way it works. But one embed it looks like screen shot I sent. Thanks for you help. Ill wait and hope to hear back from you with a fix:)

  • Profile Image
    JotForm Support

    Answered by jonathan on January 06, 2015 at 05:40 PM

    Hi,

    Can you please try like this instead.

    1. Remove the old injected CSS code on your jotform http://www.jotform.us/form/50047912006142

    remove:

     .jt-title {

    width: 400px !important;

    }

     

    2. Insert the style code with the head tag of the page instead

    <style>

    .jt-feedback ui-draggable {

    width: 400px !important;

    }

    </style>

     

    if you view the source code of my test page, you will see what I meant.

    Please let us know of the results.

     

    Thanks.

     

  • Profile Image

    Answered by edub on January 06, 2015 at 06:32 PM

    Still no go:(.  You can see the code in the source. I dont know what else it can be.

  • Profile Image
    JotForm Support

    Answered by jonathan on January 06, 2015 at 07:06 PM

    I just realized you were using a different lightbox script src

     

    <script src="//d2g9qbzl5h49rh.cloudfront.net/static/feedback2.js?3.2.4803" type="text/javascript">

    var JFL_50047912006142 = new JotformFeedback({

    formId:'50047912006142',

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

    windowTitle:'Request Form',

    background:'#5bbdf8',

    fontColor:'#FFFFFF',

    type:false,

    height:618,

    width:400,

    openOnLoad:false

    });

    </script>

     

     

    Can you replace it with the default from jotform

     

    <script src="http://www.jotform.com/static/feedback2.js?3.2.4824" type="text/javascript">

    var JFL_50047912006142 = new JotformFeedback({

    formId:'50047912006142',

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

    windowTitle:'Request Form',

    background:'#5bbdf8',

    fontColor:'#FFFFFF',

    type:false,

    height:618,

    width:400,

    openOnLoad:false

    });

    </script>

     

    Hope this work this time. Update us.

    Thanks.

     

  • Profile Image

    Answered by edub on January 06, 2015 at 08:17 PM

    I appreciate your help. But still hasn't changed.

  • Profile Image
    JotForm Support

    Answered by jonathan on January 06, 2015 at 09:34 PM

    Ok, I can still see it not working on your website

     

    I am sure the scripts of your website theme is conflicting with the lightbox script. I need more time to replicate and create a test page with such theme so I can simulate the problem.

    I'll get back to you later once I have a fixed.

    I apologize for the delays.

    Thanks.

     

     

  • Profile Image

    Answered by edub on January 06, 2015 at 09:45 PM

    Awesome! You've been very nice to help. Customer for life. If that cant be fixed maybe change the black to the same color as the blue? just an idea?

    If we try that how can that be done?

    Thanks again!

  • Profile Image

    Answered by edub on January 06, 2015 at 10:43 PM

    I was able to play with the code and fixed it! I guess you can say you fixed it. But I looked at some code and changed it a bit.

    Fix:

    <style type="text/css">
    div.jt-title{
    width: 400px !important;
    </style>

  • Profile Image
    JotForm Support

    Answered by jonathan on January 06, 2015 at 10:56 PM

    I was able to replicate the website here 

    https://shots.jotform.com/jonathan/webtest/Lightbox-Title-Issue-490833.html

    and reproduced the issue

     

     

    but fixed it also

     

     

    <style type="text/css">

    .jt-title{

    width: 400px !important;

    }

    </style>



    Can you please try also on your website.

     

    Thanks.

     

  • Profile Image
    JotForm Support

    Answered by jonathan on January 06, 2015 at 10:58 PM

    Sorry, I did not see your latest response.

    But yes! it is now fixed on your website http://www.infinityexhibits.com/beta-site/

     

     

     

  • Profile Image

    Answered by edub on January 06, 2015 at 11:09 PM

    thanks again! You have been a great help. I had one more question which i asked in this post.

     

    http://www.jotform.com/answers/491410-Move-Lightbox-Form-up#0

     

    you are the best! thanks!

  • Profile Image
    JotForm Support

    Answered by EltonCris on January 07, 2015 at 03:57 AM

    @edub

    You're welcome!

    We'll be on your other thread shortly.