-
voiceusAsked on May 24, 2020 at 5:32 PM
We have an old form that I have noticed no longer displays correctly.
https://form.jotform.com/40026199345959
Page URL: https://form.jotform.com/40026199345959 -
John Support Team LeadReplied on May 24, 2020 at 7:15 PM
Please set the EMAIL field's label to position on top:
Then remove this custom CSS code below and save the changes:
This is how it will look like when implemented: https://form.jotform.com/201447239272959
-
voiceusReplied on May 24, 2020 at 7:22 PM
I have removed the css code and made adjustments to the email title, but the title for Name, Email & Phone does not display.
https://form.jotform.com/40026199345959
-
John Support Team LeadReplied on May 24, 2020 at 7:23 PM
Let me check on this again. I'll get back to you here shortly.
-
John Support Team LeadReplied on May 25, 2020 at 9:32 AM
Thank you for waiting! I found out that renaming the field resolves the issue.
First, rename it with any name/text. Then rename it again with the intended field name. That will resolve it. Here's a demo:
Don't delete the fields as it also removed the data associated with it. Just rename it.
Please try that on your end and let us know how it goes.
-
voiceusReplied on May 25, 2020 at 12:38 PM
TY! It's getting much better.
Lastly on the embedded page, the first and last name are not inline. Can you help with that?
-
Anita_KReplied on May 25, 2020 at 1:05 PM
Hi there,
the reason for the first name and last name are not on the same line is that the width of the embedded form is only 416px so it displays as if on a mobile.
You can add the following CSS to fix it:
@media screen and (max-width: 480px), screen and (max-device-width: 767px) and (orientation: portrait), screen and (max-device-width: 415px) and (orientation: landscape)
[data-type=control_fullname] .form-sub-label-container:first-child {
margin-right: 0px;
}
Result should be:
Please note that this might make the fields too small when viewed on mobile. Or you can make both of them extend all the way with this code:
@media screen and (max-width: 480px), screen and (max-device-width: 767px) and (orientation: portrait), screen and (max-device-width: 415px) and (orientation: landscape)
[data-type=control_fullname] .form-sub-label-container {
width: 100% ;
}
Result should be:
Hope this helps, please let us know if you need further assistance.
-
voiceusReplied on May 25, 2020 at 1:16 PM
I added the first line of code, but no changes on the webpage.
-
Carlos_CReplied on May 25, 2020 at 2:01 PM
Hello,
Thank you for your message.
Please add the following CSS code to your form:
@media screen and (max-width: 770px)
.form-line[data-type="control_fullname"] .form-sub-label-container {
margin-right: 0px!important;
}
This is the result:
If you need any further assistance, please let us know. We will be happy to help.
-
voiceusReplied on May 25, 2020 at 2:58 PM
Still the same... sorry
-
Patrick_RReplied on May 25, 2020 at 3:56 PM
Hi! Let me look into this. I'll get to you shortly with an update.
Thank you!
-
Patrick_RReplied on May 25, 2020 at 4:25 PM
Hi! The custom CSS code implemented in Your Form https://form.jotform.com/40026199345959 has some missing braces. Kindly replace that code with the code provided here: https://www.codepile.net/pile/w86w9dWE
Following is how you should see your Form after making the above mentioned change:
In case you don't see this change, do let us know.
Thank you! -
codefyReplied on May 25, 2020 at 4:34 PM
Is there a reason why many other questions are being answered and not mine? I'm a brand new user about to sign up and buy JotForm and I've had zero response to a simple question.
It's not a great look :-(
-
Kevin Support Team LeadReplied on May 25, 2020 at 5:13 PM
@codefy,
Kindly note that questions are assigned to a support agent on the order they are posted, regardless the account type or the question complexity.
I can see my colleague was already assigned to your ticket, and he is checking this, you will be updated on that ticket as soon as possible.
Thanks.
-
voiceusReplied on May 25, 2020 at 5:17 PM
Awesome! TY so much for all of your help.
-
Bert_AReplied on May 25, 2020 at 5:42 PM
You're most welcome @voiceus, feel free to let us know should you need any further assistance.
Thank you for choosing Jotform.