Is there a way to re-arrange the elements inside the Address box like shrinking two fields?

  • fdscorp2008
    Asked on April 7, 2023 at 2:46 PM

    One more question

    Is there a way to re-arrange the elements inside the Address box, like shrinking two fields? Because only the box can be shrunk, not the elements in it.

  • Ryan JotForm Support
    Replied on April 7, 2023 at 2:53 PM

    Hello Mario,

    Thanks for reaching out to Jotform Support. Yes, we can do that by injecting a CSS code in your form. Can you provide us more details on what field in your Address box are you trying to shrink so that we can provide you a solution?

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

  • fdscorp2008
    Replied on April 18, 2023 at 7:24 PM

    I'd like to resize the Apartment field. It's too big for a short text to write.

  • fdscorp2008
    Replied on April 18, 2023 at 8:37 PM

    Where is the answer to my other question ???

  • Ryan JotForm Support
    Replied on April 18, 2023 at 8:37 PM

    Hello Mario,

    Thanks for getting back to us. I checked your form and it seems you have injected a custom CSS for your Apartment field to resize it. You have injected the CSS code in your form below:

    #input_13_addr_line2 {
     width: auto !important;
     min-width: 50px !important;
    }

    If you still want to adjust your Apartment field, please let us know.

    Reach out again if you have any other questions.

  • fdscorp2008
    Replied on April 18, 2023 at 8:52 PM

    Sorry to ask so many questions, I don't know CSS coding.

    One more thing

    . I'd like to place my logo and my business info on the top page of the form. I added an image field on top of the heading field but can't get it aligned. Is there a way to put them both in the same field and align the text to the right?

    Thank you so much for your help

  • fdscorp2008
    Replied on April 18, 2023 at 8:55 PM

    Also, the Name and Last name fields show overlapped and off the form border in Phone view. Can you check that for me? Thanks

  • Clara JotForm Support
    Replied on April 19, 2023 at 4:00 AM

    Hi Mario,

    Thanks for getting back to us. You should remove some CSS Code in your form to prevent overlapping. It's really easy. Let me walk you through it:

    • In Form Builder, click on the Paint Roller icon on the right side of the page to open Form Designer.
    • In the Form Designer menu, click on the Styles tab, scroll down, and delete the code below from the Inject CSS Code box.
    #first_4 {
        width : auto !important;
        min-width : 313px !important;
    }
    #last_4 {
        width : auto !important;
        min-width : 313px !important;
    }
    • Click on Save at the bottom of the Form Designer menu and you’re done.

    1681891090 643f9f122de15  Screenshot 10

    As for your other question, I've moved that to a new thread. You can check that out here.

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