-
dpdeleonAsked on March 20, 2019 at 9:36 AM
I've got the following code for a collapsible link in bootstrap3. When I click the link the I get the text but the script does not run. I've tried buttons and more. Can you help?
<section id="testform">
<div class="row" style="margin-bottom:2rem;">
<div class="col-xs-10 col-xs-offset-1">
<a class="btn btn-primary" role="button" data-toggle="collapse" href="#collapseExample" aria-expanded="false" aria-controls="collapseExample">
Link with href
</a>
<div class="collapse" id="collapseExample">
<div class="well">
<script type="text/javascript" src="https://form.jotform.com/jsform/90766300337152"></script>
Put some text here
</div>
</div>
</div>
</div>
</section>
-
Richie JotForm SupportReplied on March 20, 2019 at 10:58 AM
To clarify, do you want to link your form with the button? Or do you want to embed the form inside your collapse?
You may try using the lightbox embed instead.
Here is a guide:https://www.jotform.com/help/220-How-to-Create-a-Lightbox-Form
You may also try using the Iframe code.
https://www.jotform.com/help/148-Getting-the-Form-iFrame-Code
Please give it a try and let us know how it goes.
-
Denis de LeonReplied on March 20, 2019 at 11:46 AM
Thanks.
Lightbox - no good. it affects other collapsible panels
Iframe - no good. it affects other collapsible panels
Downloaded code and split it into css, html, and script so that its easier to manage. It seems to be working. Haven't the foggiest why it works now but not with the other methods. BTW, the embedded script code for a form works as long as its not in a collapsible bootstrap panel.
Now I've just got to get rid of the border box around the form. Any ideas or pointers?
-
Richie JotForm SupportReplied on March 20, 2019 at 12:54 PM
Thank your for testing the embed codes. It seems the source code works with your requirements.
I have checked your form but I can't seem to find any boarder box.
Can you please share to us the web page URL you have embedded your form?
-
DenisReplied on March 20, 2019 at 2:49 PM
Thanks for the reply.
Can't send you the URL - I'm on a test server. It's as if there's padding all around the form.
-
Richie JotForm SupportReplied on March 20, 2019 at 4:18 PM
You may try this custom CSS
.supernova .form-all {
border:none;
box-shadow: none;
}
How to Inject Custom CSS Codes
Can you please share to us a screenshot on how you view your form?
Guide:-How-to-add-screenshots-images-to-questions-to-the-support-forum
Let us know how it goes.
-
dpdeleonReplied on March 21, 2019 at 11:02 AM
Thanks for your help. The border was caused by the bootstrap3 code i.e. its a function of bootstrap3 so it was a simple code fix. All good now.