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

    Image as submit button fading in..possible?

    Asked by dmm_webmaster on December 07, 2012 at 01:19 AM

    Hello,

    It is possible to have a contact submit button on a form that's an image and have that image fade in?

    FYI, my site has a sidebar that I created and it contains social media icons that I placed into it including a mail icon. This 'social' bar I created fades in on my site and I need the mail icon to fade in (that is a link to my JotForm lightbox form) when a person clicks on the mail icon.

    If so, how?

    Thanks!!

    Billy

     

  • Profile Image
    JotForm Support

    Answered by idarktech on December 07, 2012 at 02:28 AM

    Hi Billy,

    I think that would be possible. Try declaring the lightbox class e.g. lightbox-1234567890 (this can be found on the last part of your lightbox embed code) on your mail icon html code. That should call your lightbox form, of course you have to embed the lightbox script codes anywhere on your page (excluding the anchor <a> tags since the lightbox class was already transferred to your mail icon).

    May we also know the website URL where you've embedded your form so we can check it here? Thanks!

  • Profile Image

    Answered by guest_23411625307041 on December 07, 2012 at 03:16 AM

    Hi idarktech!

    The website is www.diversifiedmobilemarine.com The site contents will take some time to load and it has a video background too. I know, it's a wait...sorry.

    My goal is to have the mail icon fade in WITH the social bar.

    As you will see, it appears instantly.

    Hope this can be done.

    I thank you very much!

    Billy

  • Profile Image
    JotForm Support

    Answered by idarktech on December 07, 2012 at 04:16 AM

    Hi Billy,

    You seem to have two mail button images already. I'd suggest to replace the first mail button with the full lightbox embed code including the mail button that's part of it. Example:

    <script src="https://static-interlogyllc.netdna-ssl.com/min/g=feedback2" type="text/javascript">

    new JotformFeedback({

    formId:'23297220583151',

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

    windowTitle:'Contact Us!',

    background:'#FFA500',

    fontColor:'#FFFFFF',

    type:false,

    height:500,

    width:350

    });

    </script>

    <div id="wb_mail_logo" style="position:absolute;left:0px;top:140px;width:28px;height:28px;z-index:3;">

    <a class="lightbox-23297220583151" style="cursor:pointer;color:blue;text-decoration:underline;"><img src="images/mail_logo.png" /></a></div>

    You can check and get my source code here: http://idarktech.com/test/test_form_fade.html

    Do let us know if you need further clarification. Thanks!

  • Profile Image

    Answered by guest_23412325015035 on December 07, 2012 at 04:31 AM

    Hi idarktech,

    WOW, you are awesome!! Tell your boss that I said to give you a raise asap!

    Thanks so very much!!!

    Billy