Citations. Comme les proverbes, j'en invente et personne jusqu'ici ne semble s'en être aperçu. Hervé Bazin
AngularJS + Bootstrap, problème de taille des fenêtres modal.
Bonjour à tous,
Je me suis mis à AngualrJS. Extraordinaire Framework JS pour faire des applications web.
J'utilise également Bootstrap afin d'avoir un style assez sympa pour l'application. La liaison entre les deux se fait grâce à Angular-bootstrap.
Le problème que j'ai eu début de semaine était la taille d'une fenêtre modal.
Lors qu'on crée une fenêtre modal, on peut donner une class qui va influencer la taille de celle-ci, modal-lg pour en avoir une grand.
Seulement le plug-in proposé par Angular-bootstrap ne permet pas de donner cette attribut.
Une option windowClass est bien disponible mais s'affecte à l'élément parent du modal-dialog.
Après avoir creusé dans les sources du plug-in, j'ai modifié le template qui est chargé à l'initialisation dans le service $templateCache afin de déplacer cette attribut.
Voici ce que cela donne:
$templateCache.put("template/modal/window.html", "<div tabindex=\"-1\" class=\"modal fade\" ng-class=\"{in: animate}\" ng-style=\"{'z-index': 1050 + index*10, display: 'block'}\" ng-click=\"close($event)\">\n" +
" <div class=\"modal-dialog {{ windowClass }}\"><div class=\"modal-content\" ng-transclude></div></div>\n" +
"</div>");
Maintenant l'option windowClass s'affecte à l'élément modal-dialog et je peux jouer sur la taille de mes fenêtres modal.
Bon code à tous.
MasterSleepy.
-
- Identifiez-vous pour poster des commentaires