Loading...

Les PopOvers

Que'est ce qu'un PopOver


PopOver est un composant de l’interface. Il permet de faire des annotation ou suggestions a certains éléments. Son fonctionnement est similaire a celui d’un Tooltip dans d’autres bibliothèques. PopOver fonctionne avec une bibliothèque Javascript et à ensuite été intégrée au Bootstrap en tant que plugin.

Accordions


Le « data-placement » permet de définir de quel coté de l’element l’annotation sera inscrite. Il doit y être ajouter les valeurs « left, right, top, bottom ou auto ».



La facon de le déclencher sont quand a elle définie par « data-trigger » via les valeurs suivantes :

La premiere possibilité d’affichage du PopOver est via le click. Etant la valeur par défaut, elle affichera l’annotation lorsqu’un utilisateur appuiera sur un élément. click Etant la valeur par défaut, elle affichera l’annotation lorsqu’un utilisateur appuiera sur un élément.

La seconde est le Focus, elle affichera l’annotation lorsque l’utilisateur focalisera le curseur sur un élément.

La derniere est le hower, elle affichera l’annotation lorsque le pointeur passera au dessus d’un élément.
Differentes options sont applicables sur ces annotations, envoici quelques exemples :

- animation permet a travers du boolean de réaliser une transition dégrader en CSS.
- "container" permet via un string de positionner le PopOver dans le flow de documents pres de l'élément declancheur.
- "content" permet via un string de definir le contenu.
- "delay" permet via une variable de definir le temps durant lequel l'élément sera visible
- "offset" permet de definir l'état du PopOver par rapport a sa cible.
- "whiteList" permet de definir les attribus autorisés.
- "popperConfig" permet de cahnger les parametres par defauts de Bootstrap.