Come allineare il campo "Numero di Telefono" sulla destra con un codice CSS?

  • postamariocosta
    Domanda del 9 aprile 2024 alle ore 05:10

    Ho creato un modulo di nome "Modulo per segnalazione e reclami".

    Vorrei allineare il campo "Numero di Telefono" alla base del campo "Indirizzo".

    Potete aiutarmi?

    Grazie

  • postamariocosta
    Risposta del 9 aprile 2024 alle ore 05:42
  • Vincenzo Jotform Support
    Risposta del 9 aprile 2024 alle ore 07:31

    Buongiorno Mario,

    Grazie per aver contattato il supporto tecnico di Jotform. Allineare il campo "Numero di Telefono" alla base del campo "Indirizzo" con un Codice CSS è molto semplice. Le mostro come fare:

    1. Nel Costruttore di Moduli, fare clic sul pulsante Designer Moduli, in alto a destra dello schermo.
    2. Quindi, fare clic sulla scheda Stili.
    3. Scorrere fino a Inserisci CSS Personalizzato e incollare il codice fornito di seguito:
    /* Align Numero di Telefono field to right - 13706171 */
    @media only screen and (min-width: 700px) {
    #id_30 {
        left: 338px;
    }
    }
    /* Code Ends Here */

    Come allineare il campo Numero di Telefono sulla destra con un codice CSS? Image 1 Screenshot 30

    Risultato:

    Come allineare il campo Numero di Telefono sulla destra con un codice CSS? Image 2 Screenshot 41

    Qui può testare questo modulo di prova o clonarlo per capire meglio come è stato configurato.

    Provi e ci faccia sapere se ha bisogno di ulteriori chiarimenti.

  • postamariocosta
    Risposta del 9 aprile 2024 alle ore 12:07

    Grazie Vincenzo,

    in realtà volevo spostare il campo "Numero di telefono" che hai giustamente evidenziato sotto al campo "Azienda" (quindi a sinistra) ma allineato in basso con il campo "Indirizzo".

    Questo mi serve per riempire quello spazio vuoto a sinistra.

    Si può fare?

    Grazie ancora

  • Vincenzo Jotform Support
    Risposta del 9 aprile 2024 alle ore 12:20

    Buonasera Mario,

    Grazie per averci ricontattati e per le informazioni aggiuntive. Certo, è possibile ridurre lo spazio sotto al campo "Azienda" in modo da allineare i campi "Numero di Telefono" e "Indirizzo". Per farlo, inserisca il codice CSS qui sotto:

    /* Align Numero di Telefono field below Azienda field on Desktop - 13706171 */
    @media only screen and (min-width: 700px) {
    #id_30 {
    margin-top: -134px;
    }
    }
    /* Code Ends Here */

    Risultato:

    Come allineare il campo Numero di Telefono sulla destra con un codice CSS? Image 1 Screenshot 20

    Qui può testare questo modulo di prova o clonarlo per capire meglio come è stato configurato.

    Non esiti a contattarci nuovamente se ha bisogno di ulteriori chiarimenti.

  • postamariocosta
    Risposta del 9 aprile 2024 alle ore 12:47

    Perfetto!