-
melodicsoundsAsked on February 23, 2016 at 9:08 PM
I have a MAIN form where you have a dropdown menu, depending on that menu X IFrame appears. Before adding design to both the MAIN and the IFRAME forms, it was displaying correctly but now look: https://form.jotform.com/60415836657967 you can see the Iframe looks really to the right. Again, before adding Design it was a little to the right but just good enough to fit. Can you help me fix this?
Page URL: https://form.jotform.com/60415836657967 -
BorisReplied on February 24, 2016 at 6:38 AM
It looks like using the Designer added a bit of styling that has caused this change. I see that the Designer added the following line of CSS:
.form-input, .form-address-table, .form-matrix-table {
width: 100%;
max-width: 148px;
}The part marked in red is what is causing the issue - the field around the second embedded form is constricted to having a maximum width of only 148 pixels. We can easily fix this issue by adding the following CSS to override it:
.form-input {
max-width: none;
}You can add this code by opening your form in the Designer again, and pasting it at the bottom of the textbox in the CSS tab:
After that change, your form will display as in the following image:
Please try the above recommended change and kindly let us know how it goes.