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.
The right edge of one Configurable List Widget field is always cut offAsked by browningreagle on October 17, 2014 at 02:28 PM
My form has two Configurable List Widgets, but one of them has an issue
My form has two Configurable List Widgets, but one of them has an issue. No matter what I seem to do, the right edge of the Remove button is always cut off. The combination of fields I have are text, date, text, dropdown, checkbox (in that order). My first widget actually is so long that it extends outside of the white workspace, and the Remove button(s) are all visible and comlete. No matter how much I shorten the problem widget though, the right edge is always cut off. Please help! Thank you!
This is a re-post of a comment on How to Set Up the Configurable List Widget
Please provide us with a link to the webform that is having issues. Then, we will try to troubleshoot it.
Is this the link you're talking about?
The field experiencing this issue is titled "Additional Driver(s)?". Thanks for your help!
There is a slight issue with the widget's iframe width. In order to fix this, please inject the following CSS code to your form:
width: 650px !important;
Just wanted to update and close this issue. The code you provided, Mike, worked to some degree. The remove button would still be cut off initially, however, after I added another row the problem would be fixed. This would remedy the issue until the page is reloaded, but it was still a constant issue.
After looking into this problem some more, I found that the remove button would be fine until the "Show/Hide Calendar" icon would appear. This calendar icon would push the rest of the columns over, resulting in the remove button being cut off in the middle. In order to fix this, I added the following code to the Custom CSS, which has resolved the issue.
display: none !important;
Thank you for your update and sharing a solution with other users.
Please feel free to contact us anytime if you need any further assistance.