When I shrink a field the label is still aligned to the left, how can I fix that?

  • Chaim Shaked
    Asked on August 23, 2023 at 12:22 PM

    hi,

    This is Excellent.

    When I shrink a field the label is still aligned to the left, how can I fix that?

  • Reymar JotForm Support
    Replied on August 23, 2023 at 4:55 PM

    Hi Claim,

    Thank you for reaching out to Jotform Support. I'm sorry that this is happening. Can you explain a bit more about the issue so I can get a better idea of what you are trying to achieve? If you can also send me the link to your form so I can take a look at it for you?

    It would help us to understand what’s happening if you could take a screenshot of what you are referring to and send it to us. We have a guide here explaining how to do that.

    After we hear back from you, we’ll have a better idea of what’s going on and how to help.

  • chaimshaked
    Replied on August 28, 2023 at 4:31 AM
    [cid:image002.png@01D9D9A2.B2A99D90]
    Thank you for the response.
    You can see in the screenshot that when I shrink the fields the fields are aligned to the right, as I want it to be, but the labels are aligned to the left, and when the same fields are not shrinked the labels too are aligned to the right.
    I want that when I shrink the fields the fields and the labels will be alighed to the right.
    Here is the link to the form:
    https://form.jotform.com/232384302593455
    ...
  • Israel JotForm Support
    Replied on August 28, 2023 at 4:43 AM

    Hi Claim,

    Thanks for getting back to us. Unfortunately, we cannot view the screenshot you have shared. Can you please resend it to us? Check the steps and screencast below on how to add a screenshot in your reply:

    1. Click the Add Image icon.
    2. A. Paste the Image URL.
    3. B. Click Drop an Image or click to select to upload the image from your computer.
    4. Click the Add button to include the image in your reply.

    Getting Error 1015  Image 1 Screenshot 20 Screenshot 10 Screenshot 10

    Once we hear back from you, we'll be able to help you with this.

  • chaimshaked
    Replied on August 28, 2023 at 5:05 AM
    I am not succeeding to open the thread, I am getting this message
    [cid:image001.png@01D9D9A7.8F206110]
    ...
  • Israel JotForm Support
    Replied on August 28, 2023 at 5:18 AM

    Hi Claim,

    Thanks for getting back to us. We cannot still see the screenshot you're sending in the forum. Can you try to log in in Incognito mode and send the reply there? Also, I suggest clearing your browser caches. To do that you can follow this guide.

    Give it a try and let us know how it goes.


  • chaimshaked
    Replied on August 28, 2023 at 5:34 AM

    When I shrink a field the label is still aligned to the left, how can I fix that? Image 1 Screenshot 20

  • Israel JotForm Support
    Replied on August 28, 2023 at 5:46 AM

    Hi Claim,

    Thanks for getting back to us Could you please provide us the form ID or URL, so that, we can check the issue you have mentioned and assist you accordingly? Here is your guide on where to find your form URL or you can follow the steps and screencast below:

    • Go to the Publish tab.
    • Select Quick Share from the left panel.
    • Look for the Copy Link and click it, then paste it here in the support ticket.

    Form is not getting any submissions Image 1 Screenshot 20 Screenshot 10

    Once we hear back from you, we'll be able to help you with this.


  • chaimshaked
    Replied on August 28, 2023 at 8:41 AM
  • Afzal JotForm Support
    Replied on August 28, 2023 at 10:52 AM

    Hi Claim,

    Thanks for reaching out to Jotform Support. I cloned your form and tested it to see if I could replicate the issue, and I ran into the same problem. This can be fixed by adding custom CSS to your form. Check out the steps and screencast below to see how it's done:

    • Open your form in Form Builder and click on the blue Paint Roller icon on the right side of the screen.
    • Under the Styles tab, paste the code below into the Inject Custom CSS area.
    /*Field label align right - 5460618*/
    .form-line-column .form-label {
        text-align: right !important;
    }
    • Click on Save, and you're done.

    When I shrink a field the label is still aligned to the left, how can I fix that? Image 1 Screenshot 30

    Here's what the result will look like:

    When I shrink a field the label is still aligned to the left, how can I fix that? Image 2 Screenshot 41

    Here's the cloned version of the form that you can test.

    Please give it a try and let us know how it goes. 

  • chaimshaked
    Replied on August 28, 2023 at 11:49 AM

    It worked.

    Thank you very much.