Propriété
|
JavaScript
|
Type
|
Description
|
Type
|
type
|
string
|
Sélectionnez le type de pop-up que vous souhaitez inclure :
• Pop-up flottant
• Modal
|
Centré
|
centered
|
boolean
|
Lorsque cette case est cochée, la fenêtre contextuelle est centrée horizontalement et verticalement dans l'écran. Si cette case n'est pas cochée, les propriétés supplémentaires suivantes s'affichent :
• Haut (px, %, em, vh)
• Bas (px, %, em, vh)
• Gauche (px, %, em, vh)
• Droite (px, %, em, vh)
|
Haut (px, %, em, vh)
|
top
|
string
|
Définit l'attribut HTML style de l'élément et permet de définir une valeur haut fixe à l'aide d'unités (px, %, vw, vh, etc.).
|
Bas (px, %, em, vh)
|
bottom
|
string
|
Définit l'attribut HTML style de l'élément et permet de définir une valeur bas fixe à l'aide d'unités (px, %, vw, vh, etc.).
|
Gauche (px, %, em, vh)
|
left
|
string
|
Définit l'attribut HTML style de l'élément et permet de définir une valeur gauche fixe à l'aide d'unités (px, %, vw, vh, etc.).
|
Droite (px, %, em, vh)
|
right
|
string
|
Définit l'attribut HTML style de l'élément et permet de définir une valeur droite fixe à l'aide d'unités (px, %, vw, vh, etc.).
|
Service
|
JavaScript
|
Description
|
Masquer le pop-up
|
hidepopup
|
Service pouvant être lié qui masque le pop-up.
|
Afficher le pop-up
|
showpopup
|
Service pouvant être lié qui affiche le pop-up.
|
Etapes minimales requise pour l'utilisation
|
Apparence
|
||||
1. Faites glisser et déposez un widget Pop-up sur le canevas.
2. Faites glisser et déposez les widgets que vous souhaitez afficher sur le menu contextuel.
3. Assurez-vous de créer un moyen de fermer le pop-up en ajoutant un widget avec un événement Clic au pop-up (par exemple, une étiquette ou un bouton). Vous devez lier l'événement Clic de ce widget au widget Pop-up et sélectionner Masquer le pop-up dans la fenêtre Sélectionner une cible de liaison.
|
|
Rappelez-vous qu'il est préférable de donner à vos classes des noms uniques afin qu'ils ne soient pas en conflit avec d'autres classes ou propriétés prédéfinies.
|
Exemple de CSS
|
Apparence
|
.ptc-popup {
border-width: 1px; border-style: solid; border-color: black; font-size: 16px; font-family: Century Gothic; color: black; } |