Utilizzo della firma scarabocchio nei moduli di HTML5

I moduli HTML5 vengono utilizzati sempre più spesso sui dispositivi touch e un requisito comune è il supporto delle firme. Scribing (scrittura con uno stilo o un dito) sta diventando un modo accettato di firmare moduli su dispositivi mobili. HTML5 Forms e Forms Designer ora abilitano l’opzione di avere un campo di firma scarabocchio sul modulo. Quando si esegue il rendering del modulo nel browser, è possibile firmare questi campi utilizzando uno stilo, un mouse o un tocco.

Progettare un modulo utilizzando il campo Firma a mano

  1. Aprire un modulo in Forms Designer.

  2. Trascina e rilascia il campo A mano libera nella pagina.

    designer_scribble

    NOTA

    I Dimension del campo selezionato in Forms Designer si riflettono durante il rendering del campo. Tuttavia, la dimensione della casella della firma di cui è stato eseguito il rendering viene calcolata in base alle proporzioni del campo e non alla dimensione specificata in Forms Designer.

  3. Configura il campo Disegno di firma.

    Per impostazione predefinita, il campo Scribble firma contrassegna le informazioni di geolocalizzazione come obbligatorie durante il processo di firma su iPad (ed è facoltativo per altri dispositivi). Questo comportamento predefinito può essere ignorato modificando il valore della proprietà geoLocMandatoryOnIpad proprietà. Questa proprietà viene esposta come extra nel campo a mano libera della firma. I passaggi per modificarlo sono i seguenti:

    1. Nel modulo selezionare il campo Disegno firma.

    2. Seleziona la Origine XML scheda.

      NOTA

      Per aprire la scheda Origine XML, fare clic su Visualizza > Origine XML.

    3. Individua il <ui> tag in <field> assegna tag e modifica al codice sorgente in modo che abbia l’aspetto seguente:

      <extras name="x-scribble-add-on">
<boolean name="geoLocMandatoryOnIpad">0</boolean>
</extras>

    4. Seleziona la Visualizzazione Progettazione scheda. Nella casella di conferma fare clic su Sì.

    5. Salvare il modulo.

  4. Eseguire il rendering del modulo su un browser dispositivo/desktop supportato.

Interfaccia con le firme scarabocchio

Firma

Dopo aver aggiunto al modulo e aver eseguito il rendering di un campo a mano libera di firma, tocca o fai clic sul campo per aprire una finestra di dialogo. L'utente può scrivere una firma nell'area di disegno designata da un rettangolo punteggiato utilizzando un mouse, un dito o uno stilo.

geolocalizzazione

R. Pennello B. Gomma C. Geolocalizzazione D. Informazioni di geolocalizzazione

Geo-tagging

Facendo clic sull’icona di geolocalizzazione durante la creazione dello scarabocchio, le informazioni relative a posizione geografica e ora vengono incorporate nel campo.

NOTA

In iPad, per impostazione predefinita, è obbligatorio incorporare le informazioni di geolocalizzazione.

In iPad, l’icona di geolocalizzazione non viene visualizzata per impostazione predefinita e le informazioni di geolocalizzazione vengono incorporate automaticamente quando fai clic su OK.

Per gli iPad, questa impostazione può essere modificata modificando il valore di geoLocManadatoryOnIpad parametro a 0, nei parametri iniziali del campo.

  • Quando le informazioni di geolocalizzazione sono obbligatorie, l’utente dispone di un’area di prelievo ridotta. Il testo di geolocalizzazione viene aggiunto quando l’utente fa clic OK sull'area rimanente.
  • In altri casi, all’utilizzatore viene presentata un’area completamente estraibile. Se l’utente sceglie di incorporare le informazioni di geolocalizzazione, quest’area viene ridimensionata per contenere il testo di geolocalizzazione.

Cancellazione di una firma

Quando si utilizza questa funzione, un utente può fare clic sul pulsante Gomma per cancellare il campo e ricominciare da capo. Se sono state aggiunte informazioni di geolocalizzazione, anche queste vengono cancellate.

Salvataggio di una firma

Facendo clic su OK salva lo scarabocchio come immagine nel campo. L'immagine e i valori possono essere inviati al server per ulteriore elaborazione. Dopo aver fatto clic su un utente OK, il campo scarabocchio è bloccato. Impossibile modificare nuovamente la firma utilizzando il widget a mano libera.

Toccando o facendo clic sul campo Scarabocchio si apre la finestra di dialogo in modalità di sola lettura.

3

Selezione delle dimensioni della penna

Fai clic su Pennelli per visualizzare un elenco delle dimensioni di penna disponibili. Tocca o fai clic su una dimensione della penna per usare la penna corrispondente.

Elimina firme dal modulo

Per eliminare le firme dal modulo:

  • (Dispositivi mobili) Premi a lungo il campo della firma e, nella finestra di dialogo di conferma, tocca Sì.
  • (Desktop) Passa il puntatore del mouse sul campo firma, fai clic sul pulsante Annulla e nella finestra di dialogo di conferma, fai clic su Sì.

In questa pagina