Autore Topic: [v10 - v12] Campi "e-mail" e "Ripeti e-mail" affiancati  (Letto 5053 volte)

lemonsong

  • Anziani
  • Utente storico
  • *
  • Post: 1867
    • lemonsong's world
[v10 - v12] Campi "e-mail" e "Ripeti e-mail" affiancati
« il: 11 Maggio, 2014, 13:06:17 »
Citazione
Volevo sapere se c'è la possibilità di avere il campo "Ripeti e-mail" a fianco del campo "e-mail".


Con jQuery è possibile, per esempio, inserendo questo codice in Proprietà Pagina - Esperto - Prima della chiusura del tag HEAD:

Citazione
<script>
$(document).ready(function() {
var boundary = $("label[for='imObjectForm_1_3_chk']");
$("<div>").insertAfter(boundary.parent()).append(boundary.nextAll().andSelf());
});
</script>

fonte: stackoverflow.com

In rosso da personalizzare con i numeri presenti nel valore dell'attributo for dell'elemento label.
Per identificare facilmente tale valore possiamo utilizzare, per esempio, "Analizza elemento" (click tasto destro) di Firefox:

[ Guests cannot view attachments ]


QUI un esempio fatto con la Professional 10.1.6.48 (demo).
« Ultima modifica: 16 Aprile, 2016, 14:06:51 da stesil »

lemonsong

  • Anziani
  • Utente storico
  • *
  • Post: 1867
    • lemonsong's world
Aggiornamento per la versione 12
« Risposta #1 il: 16 Aprile, 2016, 14:05:06 »
Questo il codice modificato per la versione 12:

Citazione
<style>
.ripeti-mail {
  box-sizing: border-box;
  float: left;
  padding-right: 10px;
  position: relative;
  width: 50%;
}

@media (max-width:479px) {
  .ripeti-mail {
    width: 100%;
  }
}
</style>
<script>
$(document).ready(function() {
  var boundary = $("label[for='imObjectForm_1_3_chk']");
  $('<div class="ripeti-mail">').insertAfter(boundary.parent()).append(boundary.nextAll().andSelf());
});
</script>


In rosso da personalizzare con i numeri presenti nel valore dell'attributo for dell'elemento label.
Nel CSS personalizzare 479 (valore di default) con la risoluzione scelta per la visualizzazione in modalità Smartphone.

QUI un esempio fatto con la Evolution 12.0.5.22


lemonsong

  • Anziani
  • Utente storico
  • *
  • Post: 1867
    • lemonsong's world
Aggiornamento per la versione 13/14/15
« Risposta #2 il: 23 Marzo, 2018, 19:57:41 »
WSX5, dalla versione 13, carica la libreria jQuery 3.0 ed il metodo .andSelf() (usato nel codice del precedente post) è stato rimosso quindi bisogna sostituirlo con il metodo .addBack()

Tutto il resto rimane invariato.