Propriétés du Champ

Les types de réponses basées sur des champs peuvent être personnalisés en utilisant les propriétés liées aux champs suivantes.

📏 Dimensionnement

Comme la taille des champs n'est pas fixe, vous pouvez la personnaliser entièrement en définissant une largeur et une hauteur personnalisées.

Forcer la largeur peut casser la mise en page responsive sur les appareils mobiles ; vous pouvez plutôt envisager de modifier la largeur des champs à l'aide de CSS et définir des tailles appropriées en fonction de la largeur d'écran et du dispositif du répondant (bureau, mobile).

🔤 Définir un texte par défaut

Chacun de vos champs peut être prérempli à l'aide d'un texte par défaut. Ce texte par défaut sera défini comme valeur du champ la première fois que le Sondage est affiché au Répondant.

Vous pouvez également insérer via pipe en temps réel les réponses du répondant provenant d'autres questions dans votre champ à l'aide de l' insérer via pipe icône.

📄 Texte d'eau de fond

Le texte d'eau de fond sera affiché dans le champ tant que la valeur du champ est vide ; il disparaît dès que le Répondant saisit une réponse dans le champ.

🆘 Texte d'aide

Un texte d'aide peut être utilisé comme indication affichée sous le champ. Vous pouvez définir le texte d'aide depuis la propriétés de réponse page.

⌨️ Modes de saisie

Le mode de saisie indique à l'appareil quel type de texte pourrait être saisi par le Répondant. Cette fonctionnalité est utile sur les appareils avec claviers virtuels, comme les mobiles, car ils adaptent leur clavier virtuel en fonction du mode de saisie sélectionné.

Par exemple, sélectionner numérique comme mode de saisie ouvrira le clavier virtuel de l'appareil mobile avec uniquement les touches numériques.

Vous pouvez consulter l' référence des modes de saisie pour en savoir plus sur les différents modes.

☑️ Validation Javascript

Il est possible de définir la validation Javascript et la propriété Message de validation sur le propriétés de réponse pour utiliser du code javascript personnalisé afin de valider votre réponse. Dans le code ci‑dessous respondentAnswerValue sera remplacé par la valeur réelle du champ. Si le code renvoie false, ngSurvey bloquera l'envoi ou la navigation et affichera le message de validation.

return (respondentAnswerValue >= 18 && respondentAnswerValue <= 99);

Dans le code ci‑dessous nous utilisons getAnswer dans le contexte de validation pour obtenir une valeur d'une autre réponse dans le Sondage. Ici, nous recherchons une réponse dont l'alias de reporting est défini sur "hh_people".

return (respondentAnswerValue <= validationContext.getAnswer('hh_people'));

Le contexte de validation prend en charge les méthodes et propriétés suivantes

export class ValidationContext {
   answer:Answer, // Réponse courante en cours de validation
   question:Question, // Question courante de la réponse en cours de validation
   questions:Question[], // Toutes les questions du Sondage
   answers: Answer[];  // Toutes les réponses du Sondage

  public getAnswer(id: string): string // Obtenir la valeur d'une réponse en recherchant son alias de reporting ou son id
  public isSelectedAnswer(id: string, value: string): boolean // Rechercher une question en fonction de son id ou de son alias de reporting et vérifier si la valeur donnée est sélectionnée 
}