- martinbondAsked on February 28, 2015 at 08:35 AM
How do I widen the label on configurable list?
See attached screenshot
- SeanAnswered on February 28, 2015 at 11:44 AM
To widen the width of your configurable list labels add the following code to the Custom CSS section of the Configurable list settings.
min-width: 200px !important;
Like I mentioned in your prior thread, target each of the column headers by changing the .col1 to the desired column. Do let us know if you need further assistance.
- SeanAnswered on February 28, 2015 at 01:02 PM
You can give this code a try:
width: 300px !important;
Please let us know the outcome.
- SeanAnswered on February 28, 2015 at 02:43 PM
Sorry that the solution provided earlier did not work. I must say that I am not able to properly test your form due to how complex it is - takes an extremely long time to load in Form Builder. But I managed to do some test using the Inspect Element in through the browser and the below CSS code seem to work just fine.
min-width: 500px !important;
Please follow this guide to inject the CSS code:
- martinbondAnswered on April 07, 2015 at 09:06 AM
Hi coming back to the above issue, I'm still experiencing the same issue. Once I select to "Shrink" the table it extends way beyond my desired width even though I have set width to 900.
Once I select "expand" the label goes into a few lines as seen below.
Basically I want the width to be around 800 - 900 and the lable to be along the top.
- JotForm SupportWelvinAnswered on April 07, 2015 at 10:51 AM
Set the label to top:
Then inject the following custom CSS codes to your form:
width: 800px !important;
Here's how to inject: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes.