Optimierung der Eingabefelder für die mobile Version

HI

Ich benötige bitte folgende Unterstützung:

Ich möchte, dass alle Eingabefelder in der mobilen Version ordentlich und symmetrisch positioniert sind. Die Straße und Hausnummer sollen in einer Reihe sein und darunter die Postleitzahl und der Ort.

Können Sie mir dabei bitte helfen?

Hi Mike,

Thanks for reaching out to Jotform Support, our German Support agents are busy helping other Jotform users right now, so I'll try to help you in English using Google Translate, but you can reply in whichever language you feel comfortable using. Or, if you'd rather have support in German, let us know and we can have them do that. But, it might take a while until they're available again.

Now, coming back to your question, We can adjust the position of the autocomplete address fields on your form by injecting custom CSS codes on it to make it look neatly on mobile devices. It's easy to do. Let me walk you through it:

1. Copy the code below.

/* Adjust the Autocomplete Address Widget position - 17338801 */



@media (max-width: 425px) {

  .cell.house-number {

    position: absolute;

    margin-left: 168px !important;

  }

  .cell:nth-child(3) {

    position: absolute;

    margin-top: 53px;

    margin-left: -40px !important;

  }

}



/* End code here */

2. Select the Autocomplete Address widget and click the Wand Icon.

3. Paste the code under the Custom CSS tab.

4. Click the Update Widget button to save the changes.

Give it a try and let us know if you need any help.

Obwohl der folgende Code auf der mobilen Version in der Voreinsicht bei Jotform korrekt funktioniert hat, gibt es auf meinem Handy immer noch Verschiebungen. Diese treten unabhängig davon auf, ob ich mein Handy im Hoch- oder Querformat benutze.

Meine Frage ist nun: Gibt es einen universellen Code oder eine Lösung, die sicherstellt, dass die Ansicht der Eingabefelder auf allen Geräten und in allen Formaten – egal ob Handy, Tablet oder Desktop – ordentlich und konsistent bleibt?

Ich wäre sehr dankbar für jede Hilfe oder Hinweise, wie ich dieses Problem beheben kann.

Vielen Dank im Voraus!

Hi Mike,

I cloned your form and tested it to see if I could replicate the issue. I encountered the same problem where media queries are not working when added to the form. I have forwarded this issue to our relevant team. Please give us more time to check on this.

Thanks for your patience and understanding, we appreciate it.

Hi Mike,

I tested your form and had the same issue, so I created a ticket and escalated this to our Developers. Although we don't know exactly when it'll be fixed, we’ll circle back to this thread when we have an update.

Thanks for your patience and understanding, we appreciate it.