SSL secure logo is not showing on the form

2. It is not showing image of my logo on site page. However it shows the image on url and jotform dashboard.

Hi,

For the SSL secure logo to appear on the form, you also need to use the secure URL of the form.

Try this URL https://secure.jotformpro.com/form/43134573190956

It should work.

 

Please inform us if not working.

Thanks.

Hello Sir,

I have used following embed code for SSL logo to show up:

<script type="text/javascript" src="https://secure.jotformpro.com/jsform/43134573190956"></script>

 

It shows up the LOGO now but it looks pixelated on small screens like mobiles, tablets. Please check it on responsive sizes.

 

Warm Regards,

Tanweer

Hi,

I would recommend using the iFrame embed method:

http://www.jotform.com/help/148-Getting-the-Form-iFrame-Code

This usually allows for your embedded form to look the same as it does standalone and should constrain the image enough to allow it to not be pixelated. 

If embedding the form using the iFrame method does not solve your issue, let us know and we will be happy to have another look.

 

Hello David,

 

Thanks for quick response. I have tried iframe embed method but it didn't work. When I put iframe the SSL logo vanished from page. So I had to go back to previous code: <script type="text/javascript" src="https://secure.jotformpro.com/jsform/43134573190956"></script>

Please try to find out some other solution.

 

Warm Regards,

Tanweer

Hello Tanweer,

The iframe method also should work to show the SSL logo. Please make sure that you are selecting Secure Form option on Form Embed Wizard. I've tried embedding using iframe method and was unable to replicate the issue.

Let us know if you need further assistance. Thank you!!

Hello Kiran,

 

I have used following iframe code to embed the form and it shows the SSL logo now:

 

------------------------------------------------------------------------------------------

<iframe id="JotFormIFrame" onDISABLEDload="window.parent.scrollTo(0,0)" allowtransparency="true" src="https://secure.jotformpro.com/form/43134573190956" frameborder="0" style="width:100%; height:13545px; border:none;" scrolling="no"></iframe>

<script type="text/javascript">window.handleIFrameMessage = function(e) {var args = e.data.split(":");var iframe = document.getElementById("JotFormIFrame");if (!iframe)return;switch (args[0]) {case "scrollIntoView":iframe.scrollIntoView();break;case "setHeight":iframe.style.height = args[1] + "px";break;}};if (window.addEventListener) {window.addEventListener("message", handleIFrameMessage, false);} else if (window.attachEvent) {window.attachEvent("onmessage", handleIFrameMessage);}</script>

------------------------------------------------------------------------------------------

But the Issue is still there, the SSL logo looks pixelated on mobile screens. Please let me know how to resolve this issue.

 

Regards,

Tanweer

Hello Tanweer,

Please inject the following custom css code in your form and that should solve the mobile display issue:

@media only screen and (max-width:40em){

img#positivessl {

width: 50px !important;

height: 50px !important;

}

}

The following guide should help you inject custom css code in form:  http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes 

Hope this helps.

Do get back to us if you have any questions.

Thank you!