Jotform’s Form Builder has a built-in form designer that you can use to make your form look exactly how you want it to without coding. Custom CSS codes are also supported if you’re looking for more customization options.
Note
This guide is for applying CSS to Classic forms. Custom CSS is not supported on Card forms. To learn more, see Changing Form Layout.
Here’s how to add custom CSS to your Classic form:
- In the Form Builder, click the paint roller icon in the upper-right corner to open the Form Designer.
- In the Form Designer, choose Styles at the top.
- Scroll down to Inject Custom CSS and enter your CSS code in the textarea.
- Once you’re done, click Save at the bottom.
Remember to view your form in Preview or Live mode to check how your form fillers see your form.
You can find custom CSS code examples in this guide. For applying CSS codes to widgets, see How to Inject CSS Codes Into Widgets.
Send Comment:
222 Comments:
Hi, that chat support box disappears randomly. Is that on purpose? I trying to follow-up on a code I received for removing the gray background from a table. This code didn't work for me.
th {
background: none !important;
}
.form-matrix-table tr:nth-child(2n) {
background: none !important;
}
Hello,
May you please advise how I can have a line break in a label field?
How can we remove the line breaks in the address field?
Hello,
This does not help. How can I expand the "Upload Documents" button so that it is no squashed on the form? See screenshot in my first email to you.
I am creating a jotform app, but when I come to setting up a field for currency it indicates insert CSS Code, well I cannot program.
so where can I find a list of codes to use?
How do I use the codes?
You apps creator isn't as simple as you thought.
I'm creating a payment registration form. I have amounts in both a product list box and in a multiple choice properties box. I figured out all the conditional elements so that everything totals correctly. I have the combined totals showing up in a basic number box labeled Total Due but I don't see a way to add a dollar sign, comma or decimals so the total due shows up as a dollar amount rather than just a 4-digit number. Is there a code I can use to do that and where would it go? Not tech savvy here at all. Thank you.
I need help bolding specific rows in an input table. Please advise?
Which css code do I need to use to add space between $ and the value?
Qual código css para adicionar espaço entre o O CIFRÃO e o VALOR (R$_10) ?
Hi, how can i change the width of the column in my input table?
Hello,
How do I change here the color of the text to BLACK of the TABLE INPUT FORM ?
It's almost unreadable
I need help. I can't inject CSS (field id GRELHA)
ok i get what you are saying css code. let give it a go and get back to you.
Hi
I need to do a typing based on "what you chose". Ex. You have 4 possibilities to choose: sales order, Purchase order, Production order, others. For sales order and purchase order I would like for each of those th e possibility to chose among our customer or supplier numbers by up loading those numbers. Is it possible to do a drop down menu and depending of what has been chosen, I could pre define a list of numbers?
Bers regards
Susanne
I followed this advice but when i preview the form my submit button is still the same color.
I have a problem with the calculated sliders width, hwo do I set that? it went to almost a dot and it does not chenge.
How can i hide one of choices in table desgine select
Hallo,
can i add statement strongly disagree and strongly agree in numeric slider widget?
especially in css code
HELLO, I'm trying to add an additional option to the field Subject is to select a date(month) and year but all I have is the drop down for the month not the year.
Looking for the code to change the outline of the submit background to black. I have made the button itself black but there is a tiny outside line that is still green
Coomo colocar os botões da configuração de lista na posição horizontal?
Por favor, como colocar os botões na horizontal na configuração da lista?
Hi,
My drop down menu's text font colour is too light. How do i change it?
Hi, when I make a button 'Reset Form' there's a link (text) under the button. Can I remove this?
Your feedback form (thumb up/down) also doesn't work. That's not a good sign.
This doesn't work. I have no CSS tab. Does this feature not work with cards?
Is possible to inject css in the pdf editor?
Isn't there a regular text editor to bold/italics/whatever to font without having to use custom CSS? I thought for sure there used to be. I did bold something with a key stroke, but it doesn't hold once I click off of the field.
Sorry this didn't fix it and it does show up on my published page
Is there a way to have a date of birth input then th actual age is calculated and shown?
en un campo de numero estoy tratando de poner una mascara o algo que me muestra desde que capturo el numero como moneda y que aparezca el símbolo pesos y las comas y apostrofes para millones... ejem:
$ 3'500,000
me pueden ayudar?
I want to set up the Date Reservation widget in a way that if an applicant select for instance dates 5, 6 + 7 June 2021, that another applicant can also select those dates.
At the moment the selected dates change color so that other applicants cannot re-select those same dates. But other date/calendar widgets are not sufficient for what i want to do. Only the Date Reservation is the widget that coiniced best with what i want to do... But i want to know if i can have people select any dates they want.
I'm trying to insert a '$' before a field. Whatever I try seems like it doesn't work.
In this form: https://www.jotform.com/211108961559156
I tried the following, none of it worked:
.totalDue:before{
content:"$";
}
.q171_totalDue:before{
content:"$";
}
#input_171:before{
content:"$";
}
.q171_totalDue:before{
content:"$";
}
Hello!
I'm trying to make the "input Table" column width wider so the dropdown looks better, but it says it can only be done with a CSS code and I don't see the CSS option on my Form Builder
Hi my name is Kelly I’m having dramas filling out this phone my phone number is 0423 876 388 and my email address is kellydunleavy0512@icloud.com
como colocar estilo css no campo
para cpf000.000.000-00
products 3,4,5 of my current form d not show the item subtotal field, even though I have selected YES on the tab in the edit field.
2nd problem, I am writing this form on my desktop computer, but the images for the products are not scaled large enough on the mobile phone.
The CSS script someone sent to me, which I entered, does not seem to be "doing the trick"
Please assist. Thanks.
I stumbled into your site while searching CSS and like what you offer. I enjoy playing with CSS and would certainly be interested exploring how I can use your integrations
Jules
Hi there,
On the Element 'Appointment', instead of giving the user the possibility of choosing a time, I would like to give them the possibility of choosing a slot. We'd have 6 slots available per day, and only Mondays would be available, so 6 slots per Monday. This means that they would pick a Monday and choose from slot 1 to slot 6. Would that be possible?
Thank you!
Kind regards,
Carla
i want to divide the row into small boxes. How to do that?
Is custom css only an option for payed plans?
My free plan doesn't show a field to edit anything.
Thanks
Is there a way to do an on hand inventory?
Is it possible to reset some questions (but not others). If a user changes the "Assets Category" on my form I'd like to make the "Critical Impact" field back to "Please Select".
Can I do this through CSS? I've never written in CSS but am willing to give it a shot if you can guide me.
I've read all of the queries below and none have anything which can be adapted.
Thanks
How to change the colour of the text and background of the Fancy Large Input Widget
CSS or any other way?
What should be the CSS Code and Where to paste it to activate it.
2 questions:
1) Is there any way to remove the powered by Jotform from the bottom of my form?
2) Can I change the color of the submit button? Thanks
CSS wont update table.
Form https://www.jotform.com/build/202954258115051
I added css for the th but it wont take effect
Same applies for the checkboxes
thank you! I entered div#cid_176 {
margin-top: -23px !important;
}
div#text_128 {
margin-top: -33px !important;
}
div#text_125 {
margin-top: -29px !important;
}
however none of the spacing changed. I tried it in two forms. Hmmm.
I need help making the Gift Registry Widget product field longer. I don't know which CSS code to use to do this. I have enough information in these fields that I need the product information to be twice as long.
Thanks for any help!
How do I add a new Project code number or a new account number to our forms? We have a new Project code number that needs to be added.
Thank you so much!
Hi,
How can I change the color of the header without changing anything else.
I did change the color but once this is done, the format of the boxes below gets completely
changed.
https://www.jotform.com/build/203075153393856
Hello, how to remove the background and frame of form!? Thank you!
Hi there
I wanna ask about how to make my all my form's elements alignment from right to left ( for Arabic language forms ) put in mind I would like to have all my label to be from right to left as well
Is it possible to add hyperlink in spreadsheet widget cell?
Hi, I want to inject some css on my form, but I think that the form designer has a new appearance and I haven't been able to find where to do it. Could you please advise?
Many thanks
Perfect! Thanks so much!
How to set width of each Text box in Configurable List Widget?
I have managed to set the column width but the setting applies to all table. So the first table is OK but the second table is not. How do I set the column widths in a specific table ?
Trying to sort out the table widths has taken far to long for what is a very fundamental requirement. Easy to use apart from this one fundamental issue.
.form-textbox{text-transform:uppercase;}
aplicar este código también cambiará a mayúsculas los correos electrónicos?
quiero los demás textos en mayúsculas excepto los correos electrónicos
It worked on the form, however, when published I can see it. How can I remove "free" from the published version.
HI
I would like to design this form
Chicken with Filling
(And then Filling type and QTY)
Ie
Bacon & Cheese (Qty)
Ham Cheese (QTY)
Your help is valued
How can I make the size of "TOTAL" bigger ?
How to remove the checkbox in the productlist (the one in front of the image)? This code does nothing :( I'm editing the "Pizza order form".
.form-product-item input[type="checkbox"] {
display: none;
}
I wanted to change the select column to the written style. How should I do it?
Hi how can we hide back button in quiz so that user can not go back.
I'm trying to find this and even upgraded my plan thinking i needed to do that to do custom CSS to style my form to match my site but i still can't find this feature anywhere ,and all the CSS i'm trying to add to my form isn't working. please help
hi I am trying to do a practice test with my form and it comes back with order ID is missing from my submission form?? How do I set this up please
Hi,
I"m using the address field for my form (here: but for the country drop-down field, i'm noticing that it's doesn't take on the same formatting as my other fields. I've managed to add CSS so that the background of the field box is the same gray, but how can i make it so the box size and font is like all of the other fields?
Thanks,
Tehila
Dear Staff,
I would like to create a slider where I can add words on top of it such as bad for 0 and 10 for excellent. I would like also to personnalized the slider with a 0.1 step instead of 1. Is that possible ?
Thank you
How do I increase the width of each of the fields, to the same width, to cover about 80% of the width of the survey?
Help - I’ve created a new form but not all the boxes are showing on the email after a client has submitted - how do I sort this?
How to create a question with eliminate choice? For example, registration of assignment topic. Once a respondent chosen an option, this option will no longer available for the next respondent to choose. Please advise. Thank you.
how do i increase the max length on the multiple choice header field
I need help customizing this table so the width is smaller for the 2nd column than the third column.
this is for the table with field unique name: pleaseIndicate
Do I overwrite the existing CSS code with the one I wish to inject or add it to the coding that is already there?
Couldn't find an option in the css to change the color/line color/background color of radio button select circles. Any help?
Not all elements have STYLE tab, why not? I wanted to reduce the size of a paragraph text box...
.form-textbox, .form-textarea, .form-radio-other-input, .form-checkbox-other-input, .form-captcha input, .form-spinner input{
width:200px;/* to increase the width of your Input table*/
height:50px;/* to increase the height of your Input table*/
But cannot inject it?
I had done this before and it worked :) Now I have added some products and things collapsed and I tried adding it again, no result. Please help ?
Is there a way to add a CSS code into my form so that users can pick 2 dates within an appointment calendar?:
https://www.jotform.com/build/201285105727249
How can I remove the area code from the Phone number element?
Thank you.
what line do you want me to inject this code into?
Hi,
I have a list of subtotals values like 25.00, 50.00 , 35.00, 110.00 however some cells show the decimal points and others don't so I get 25.00 , 50, 35.00, 110 which doesn't look good when they are aligned vertically. As far as I can see all cells are set up identically, each using a calculation widget to build a value (basic addition and multiplication in all cases). How can I get them to always show two decimal places even if the decimal is .00 ?
Regards
Hello,
Is there a form ,widget, or feature, that allows me to input a table with a dollar amount? Specifically, I would like to include income sources in one column and dollar amount in another column.
Hello,
How can I change the months language to Portuguese (Brazil) on the Appointment Element?
Best regards
Como puedo insertar un contrato
Hi,
I am using the Passage Test plugin and want to change the fill-in-the-blanks colour box. Is it possible??
Is it possible for the column width of each column in the Spreadsheet widget to resize based on the pre-populated data?
For example, if Column A is pre-populated with 'ABCDEFGHIJKLM', then the column width is wide enough to fully display 'ABCDEFGHIJKLM'.
Alternatively, is it possible to assign column widths to each column of the Spreadsheet widget?
Thank you.
Can you give me a CSS code to increase the font size of hoover text? THANKS
I WANT TO USE TERMS AND CONDITION WIDGET AS A POPUP WINDOW FROM THE FORM.
CAN YOU PLEASE HELP ME
ฉันสามารถสร้างปุ่มพิมพ์เอกสาร และพิมพ์เป็นไฟล์เอกสาร PDF ได้หรือไม่
how to display in superscript in single choice entry?
Hi.
How can I populate specific hours. Example only the following hours 9:30, 11:00, 1pm, 3pm, 4pm.
Thank you
Hi,
I want to use the 'Conditions' functions to hide options available on a drop down box but I don't appear able to. My first drop box is 'Line/Area' so options are 'Line 1', 'Line 2', 'Line 3' etc. My next drop down box contains all my assets/machines so example 'Metal detector', 'Conveyor', 'Labeller' etc. When I select the line/area I want all the machines/assets that are not in that area to be hidden from the drop down box. I understand I can create different drop down boxes for each area then hide all the ones that are not relevant but then when the data is exported into google sheets it leaves empty gaps everywhere.
Any help would be appreciated!
Thanks Jamie
I’ve used one of your standard forms but don’t know how to change the date from French to English once published and also selection months to English rather than French? How am I able to get the questions formatted so doesn’t cut off letters too? If I have to upgrade or pay a one off fee to get these corrected happy to do so. As reallly like your site/app. This is all relatively new to me. Thank you Karen
I do NOT see a "Styles" tab on the properties page (like shown in example above) - why?
I'd like to add the ability to force text into upper case.
Maybe this should be a feature of the Input Mask e.g. AAAA -> mask for upper case.
Hallo please widget html telpon support to applikasih html
Hi
In the attached form, I want to make PPS Number a numeric and text field. Unable to change it,
I have used an existing 'email address' field. It always says to enter a valid email address.
Any help would be appreciated.
Regards
kalyan
I'm trying to add CSS code for each of the answers for the "Non Sport Specific Scholarships. I've tried entering code for the first one, but nothing is appearing. Are you able to help me get the first one set up to include the following content:
Established with the Western Colorado University Foundation to perpetuate the memory of William Charlesworth, a 1954 graduate of Western. To provide financial assistance to student-athletes pursuing majors in mathematics or related natural sciences.
ELIGIBILITY:
• Major: Pursuing a math or science major
• Need: Demonstrates a need for financial assistance
• Athletics: Demonstrates an interest and is active in organized athletics
• Year in School (after completion of current spring semester): Incoming freshmen accepted to Western to Seniors are eligible; preference given to incoming freshmen
• Residence: Preference given to applicants from Delta County, the Western Slope of Colorado, and Colorado.
• Other: Preference given to applicants whose study time is limited by family obligations or the need to earn income.
SELECTION COMMITTEE:
Chaired by the chairman of the Department of Natural and Environmental Sciences, includes a representative from the Athletic Department appointed by the Athletic Director, and a representative from the Mathematics Department.
AWARD:
$1,100 for 2020-2021
Depends on fund availability
Thanks!!!
I have entered the code as outlined, however, it is not changing my form. Please see form at and let me know what I have done wrong.
I want to add value in a field and want to make it by default and should not be editable
Hi,
There is no "Styles" tab in the version I have.
It has the major headings "Color", "Image","Video" and "Layout". Then sub headings "Themes" and "Custom".
I cannot find an CSS box in any of these but I may be looking in the wrong place.
Where is the "styles" tab? In the form designer I only see "color, Image, Video, Layout" options... there is no "Styles" area to input css as there is in the picture above?
How to add CSS for to date and time so that people are not able to book the same hours in the same date??
How to customize quantities with half?
HI
How i can move text bot only in Arabic from left to right ?
After following these instructions fully, the field input width is still the same after pressing save. Do I have to go out of the form or refresh for this to take place. The current size of the input field is too small to fit names, phone and email when the form is printed. https://www.jotform.com/build/92967230251861
was trying to figure out how to resize the picture uploaded to 2 x 2 inches???? seems the pdf editor is has no options to do this at all, btw its a resume to fill up an application. everytime i got an email the picture is too big for pdf version.
The header image ( image.header)is not compatible in the mobile view. Please help me
Looks like it did the trick..... Thanks
How can I change the color of the text and lines. Different widgets appear to come with different default colors. I understand where I need to type the CSS code but what code do I write? Thanks
its not showing up still . Im trying to use the simple Pay pal form with this
Our forms require some financial data (in currencies). The UX will be enhanced if we insert commas between thousands (ie. instead of a home purchase price of 1000000; it displays as 1,000,000). Can you assist? I still need these to be used in calculations so can't use the widget, it will need to be a css solve.
Hi,
i want to capitalize the first word of my options. How can i do that?
For example:
option 1 "uppercase" "lowercas"
opton 2 TEST choose this options
Can you help me?
Thanks
I want to change the color of the dropdown menu field, to match the color of the option chosen in the options list. Do you have any idea how to do this? I'm clueless!
I'm using the Date Reservation form. however, once someone picks a day. No one else can use that day. I need to be able to have many date reservations for the same day.
Can you tell me how to fix this issue.
thank you
Brenda Sarconi
Ride N Go
is that the best place to put custom css for the fixed 'feedback' button? (i mean, the button that opens the form, not the form itself.)
I developed a job application, while sending out to be completed a message shows up with an error message. where do I change the setting on that..
Also, how you do I change the clear the form.. the written items are removed but not the circle.
Please help
Thank you
I too would like to know how to reduce the top margin of my JotForms. I can't see the answer below, it is restricted.
The custom CSS injection option isn't available for Single Question forms. All my Single Question Jotforms have way too large of a top margin. How can I fix them?
It worked perfectly. Thank you!
I am looking to customize the widgets in my form, to match the font family and style that is used in the rest of the form, how? Can you please provide a sample? TIA!
My form does not populate the phone number after it's been published.
The only tabs I have are "Themes" and "Custom" no CSS
I need to remove prices and "free" from our page. This was done but it didnt seem to stick
https://www.jotform.com/build/90274545431253
I am trying to put Hebrew text in my form in a few places. Here is the html I have for a Hebrew keyboard. It does not seem to work.
Hebrew Keyboard
field_name ="text"; // name of default field
// set name of selected field
function set_field(fld) {
field_name=fld;
}
// put selected letter in preselected field
function Put_letter(f,v) {
f.elements[field_name].value+=v.charAt(0);
}
function Put_space(f) {
f.elements[field_name].value+=" ";
}
// remove letter from preselected field
function Remove_letter(f) {
var s,j;
s="";
j=f.elements[field_name].value.length;
for (i=0; i
Hi, How can i make integration between driving distance widget to form calculation ? as if once the distance calculated, it's show ing at the form calculatioin? please help. how?
Hi, I'm using the table option to get the answers from my client but how do I limit the entry to only values ? For eg. Minimum 0 - Maximum 2 for individual cells?
Please help! thank you.
Hi, i have copied the submit code into the css part. However, it doesn't seems to show the submit button at the end of the page. Please help. Thank you.
I'm trying to create a PayPal link to collect an application fee for my form. I've tried every option on your site with no success. Can you help? Thanks!
Kentucky Bach Choir
Marlon Hurst
Richard Sowers
am aware of how to edit custom CSS. What I need to know is how to copy a complete form style settings, theme and inject it into another form? All theme/style settings
I am trying to print out the blank fillable form so that I can have people write in their answers. I need the font to be larger since the default is tiny. When I insert the CSS that you have suggested:
@media print {
.form-label-top, .form-label-left, .form-label-right {
font-size: 16pt !important;
}
}
Nothing changes -- even though I've saved it.
I want to remove last name tab, how to do that
Is this up to date? I don't see 'styles' and 'css' in my form editor drawer. Or is this available only on paid plans?
Hello
Can any of you help me with the css function text transform? I would like to transform input from all text fields to first lower cases and then capitalize to avoid inputs in all caps.
Can anyone help me with css code i picked a multi option for my form but i really need the option to be in USD currency when i come through to my spread sheet. Is this possible? All help will be appreciated
Thanks
I got the code to work, BUT I'm having issues getting copied/pasted data to format.
Where do I find a CSS section in the Designer?
If I want to custom one field, how can I find the selector ?
Editing form CSS is not there. Are you going to fix it and if yes, when?
Hey Guys,
This button to see custom CSS is not there anymore :(
Has anyone figured out where we can now add custom CSS to Jotform....
I just spent the last hour trying to figure it out.
Can you help me get rid of the grey color in the questions that have a input grid?
Thank you!
https://www.jotform.com/build/82256333706153?iak=931841542fc4ee3f6e0cd024a32a4481-6669cfa3d2e96047
How do I change the color of the basic Input Table and the font color?
Thank you,
Lisa.Humbert@bridgefinancialstrategies.com
Hi,
I want to use the preview before submit widget but would only like the preview to show the fields that have been filled rather than a preview of the entire form. Is this possible?
I can't find the CSS tab.. did you change the design?
This is not possible in my form https://www.jotform.com/build/81982792368474. I would like to change the direction of the form going from right to left.
I am not understanding. I want the customer to be able to edit their entry incase of an update or a incorrect form that was created.
I just want them to be able to edit their content they put into the form. Not the form itself.
I want the filled in names to appear automaticly in capitals. How do I do this?
I would like for customers to select their array of multi-choice selections that reflect their design requirements and then, I would like those selections to determine which design options that are available for them...
i.e. when their floor area is large and they want really nice feature lighting, the cheaper design options become unavailable...
How would I do this? Would I do this with CSS Coding?
i just want to make the form answer spaces longer to that all of the name that ill be putting in them will show and am not sure how to do that
how to change the height of the form
I am using your forms to collect sales information. How do I get the numbers to show up with commas and/or add currency $
ie: $156,688 vs 156688
I copied a form template which uses the submit button to send to paypal. I need this to change to just submit the form data to the already defined email addresses (notification and email of user filling out and submitting the form. How do I change it to stop sending to paypal? I have never used CSS or PHP, so I though it was a defined function/widget/etc. I could choose. Thanks.
not working :(
When i put Image Upload Preview appear the image on screen. Its possible or exit the same stuff but for videos?
What exist dont show the videos on screen just appear the link of video.
Thank you
hi new here,
to auto capitalize simply
click on your name field
properties
advanced
expand field details at the bottom - find the field ids
should be like #input_1 or similar
close box
go to form designer (paint roller icon)
choose css
then paste into
1
#input_1{text-transform:capitalize;}
etc for each name field you want first letter capitalized
bingo!
Looking at the custom date picker, but I want to limit the drop-down to Years only 1975, 1976, 1977 etc, how can I do this? Or is there a better way to do this?
Me funcionó!! Gracias!!
Getting a message saying IP address has been banned because of possible phishing attempt. Tried to fill in form but I can't remember username. Put email but when I click submit it freezes in "enter the message as its shown" but no message appears. Thank you for your help.
Hi there
Is there any way to verify the RTL option is working ? i used your CSS recommendation embedded here (https://www.jotform.com/answers/629135-Having-problems-in-creating-forms-in-Right-to-Left-language) and its seems like only part of the text is moving to the right (without the headers).
Any solution which will allow me full RTL solution ?
Regards
Tomer
This is a simple 'padding reduction' change. Added to Custom CSS it is correctly applied until the page is viewed from a smaller viewpoint (device). At this point, the Original XC version is re-applied (i.e. Custom CSS is not active). Viewing on a desktop device and then sliding the browser window from big to small etc you can flip from one to the other and watch the css change appear / disappear within the browser inspect tool.... and you can see a media query being "applied" automatically within the browser inspect tool window too...ShowBox vidmate mobdro
I don't have the custom CSS possibility. In my design menu I can choose: color, image and video.
I'd like use custom CSS, is it still possible?
Nice
When I click CSS in Forms Designer, all I get is a completely blank white page.
how do i set the maximum size of image submission?
Hi I am trying to change the color of the input boxes. I have entered teh css codes as described in previous posts. But do i need to enter it for each box or is there a general css code that applys to all input boxes?
Thank you!
Robert
Is it also availabre with cards? I don't see the option. Thank you
I was wanting to change the font in a short text entry input field. The intent was for the submitter to type in their name with the font being a cursive font. Below is what I entered into the Inject Custom CSS . It does change the font, just not to a cursive script. Is there anything further that could be done? Thanks,
#input_17 {
font-family: Damion, cursive;
}
Hi! Great job!
Is this code all on one line or is it on 3 lines? I've pasted it in on one line and 3 lines with spaces and 3 lines without spaces but it did not move the questions to the right.
can change some parts but not all here is what I have working.
------
#coupon-button {
width : 100px;
}
#coupon-input {
width : 200px;
}
-----------------------
cant get the outside to change below
----------------------
.form-input-wide jf-required div {
}
.undefined th {
}
I'm trying to use Phone Element to receive the Mobile phone number in international format (with country code) which i don't need the "Area Code" field. how can i remove it or is there any other way to receive the mobile phone number in international format?
My field id is #input_24. The field is a calculated total payment amount. My problem is that, when the amount is 27.50 (American currency), it displays 27.5. How can I make the number display with two decimal places?
i need a comment section form. pls do u guys offer such?
I am trying to get the following information to center on these separate lines and it just is not doing it! Please help!!
Saturday, March 24, 2018
Cumberland County Extension Office
Charlie Rose Agro-Expo
Center Crown Coliseum Complex
301 East Mountain Drive
Fayetteville, NC 28306
Please reply to Lgrates@nc.rr.com as I am the one doing the form. Thanks!
Hello,
Thank you for the great framework.
I was able to inject the new style to the css and save it. I am able to see the changes in my BUILD tab, however, when I publish the form and open it in new tab or embedded my custom css is not showing. I appreciate if you provide some advice.
Thank you
Best,
Azita
Como colocar os 5 botões na mesma linha e um campo de escolha único. Por defeito a aplicação só me deixa colocar 4.
In my form (Confidential Information Form) I have tried to change the font to Book Antiqua. I have followed the instructions and no changes are being reflected. Could you see what I have been doing wrong?
Hello,
I'm going to use your spreadsheet extension and I want to change the names of columns and rows, example
A changed solo
B changed to duets
C changed into teams
1 changed in number
2 changed in number
.
.
.
5 changed in total
Can I do it?
cordially
M Guillermin
yves.guillermin@lyon.ort.asso.fr
I'm almost ready to go live with my form. Thanks for all your help! There's just one thing:
In the middle of my page are three sets of check boxes. Each set has an Add button. When I preview the form at this link, and click on an Add button, it simply shows what I already have there. I do not want this. Can I eliminate/hide the three Add buttons in the Checkbox sections? Thanks.
I only have the following:
palettes, themes, and custom
No CSS is available in the tab.
Where can I find CSS editor?
I am trying to enlarge my images when hovering. I am not able to see the answers below. I do not have the CSS tab. I would appreciate any help that you can give!!
Thank you in advance!
I need help, I cannot find the css control . The only options available are palette, themes and custom.
I'm using the pastebin widget to display some diff files, howerver, I have two problems with it.
First, it shows to scrollbars which is confusing for the user. Second, it is too small in the screen. I would like to resize it or decrease the size of the elements outside the widget to gain more space.
Thanks for your support.
After more digging it seems that you don't get a CSS tab for "Single Question in One Page" type forms... How do you inject the css for these forms?
Hi! Trying to remove the header and blank space that's at the top from my forms. I see here that this can be done with injecting CSS, however with the new version it seems to not be an option? I only have the following tabs: palettes, themes, and custom
Any ideas? Thanks!!
Hi, i tried everything
I can't change the font color from Black to other using any HEX color even.
in Widget "Minimal Checkbox"
need help
Thank you.
If I did it that way, it may make all the form go RTL, right?
If so, then better make it that it's centered. That way it will look better for all language?
What is the code to center it please?
I only have the following tabs:
palettes, themes, and custom
CSS is not an available tab.
I followed these directions and still no CSS option. Please help.
Bom dia.
Como faço para que o campo pagamento não seja obrigatório o seu preenchimento que que eu possa enviar o pedido sem preçisar por os dados do cartao do formulario no paypal ?
When I click the "Form Designer", I dont get the options as shown in the example. I only see "palettes themes custom" tabs. No "CSS"
I can't see the custom CSS option in new accounts any more. Have you removed it?
I am injecting CSS code to hide labels and do some minor formatting, but when embedding this form it doesn't seem to render the CSS?
is there a way to create a code so that when someone picks a date on a calendar it is not any less than 10 days from the current date? I want it to 'gray out' the options prior to 10 days before today. If not then can it display an error message if a date is picked too early?
Hi,
I don't want to use Submit button but would like to have a normal html button on click of which I want to call a javascript function. But when I am changing the input type of Submit to "button" then the form validation stops working. Plz help!
The instructions above show an "Inject CSS" button or option, but I don't see that when I go to Designer. Am I missing something, doing it wrong, or does a system option need to be activated, etc??? Thanks, Mark
How to exclude some fields or widgets from the custom CSS codes you have entered?
In other words, If I have added some custom CSS codes, but I want them to apply on all fields and widgets except one or two, how is that possible?
I insert css code to right to left, but the options are ok but not the question.
Can u help?
Tnx
Hi, why can't I get this window? I get the "old" version I think, and its very small to work within ...
im still getting that white box.
It works . Thanks
Is there a way to inject custom CSS code for multiple forms at once?
Can I adjust the size of a specific column?
thank you.. this work 100%
Is there a code to make my form smaller when viewing on a mobile device? All the fields and boxes are overlapping each other when access on a mobile/
Don't know CSS codes......so I can't change the font size of my drop downs.
Tried but not changed the form
How do you check on the "honesty" of votes in the "User choice" and check if at all? And why is the link to the page with all forms of participants does not extend active on the Internet to vote was really honest, not just locally among our friends?
Sent some of my upvotes! :)
can you change just one field rather than the form, i would like to encrease the font size of the answer in a "drop down"
How to inject more codes? Just to make space between them or to use any specific symbol to divide them?
I've changed my title stlye color h1 using the following code:
h1 {
padding-top: 10px;
font-size: 200%;
color: #FF5C01;
font-weight: lighter;
Works ok in designer but not in preview or when embedded. Am I missing something obvious?
Thanks for this! Is there a modified code for multiple scrolling text boxes?
Great example, thanks!!! Go Jotforms!
Thank you so much
i did do this on my form https://www.jotform.com/answers/166743-How-to-remove-contact-form-border but it didnt do anything :(
h
Hi Guys,
I'm just wondering whether injecting my own CSS code overwrites existing styles. for example, if I 'inject' some code for a particular class, do I have to copy all the existing styling for that class and include it in my injection? Or does your system look for the relevant class/ID/whatever and update it with the injected code?
Many thanks,
Leon
Hi Mate
You still with me, I was hoping to have this sorted by tonight. Let me know if wont another example of what I'm wanting to achieve
regards Brett
Hi I have provided the below link for your interest, notice the different shades of colours in the boxes, I would like to be able to do that
Kind regards Brett
HI again
yeah where I have Plasterboard width 1200 and 1350 section, some of those sheet sizes are not available so I thought i would shade them in or I am open to other suggestions
Cheers
Is it possible to set up my custom css one time and have it apply for all of my forms? All of my forms are for the same web site and I would like for them to all follow the same css coding. If I could avoid putting it in on each form individually that would be extremely helpful.