2014-09-12 2 views
1

J'essaie d'utiliser toastr js dans SharePoint 2013 pour afficher les notifications. Tout semble bien jusqu'à ce que j'ajoute closebutton: true dans l'option toastr. Le bouton Fermer apparaît bien que l'alignement soit déformé pour le titre, le message et le bouton de fermeture. Une idée de ce qui ne va pas avec la mise en œuvre?toastr js avec SharePoint

Avec le bouton fermé With closed button

sans bouton fermé without closed button

enter image description here

Répondre

2

Il se produit depuis SharePoint (core15.css) déclare min-width propriété pour button:

input[type=button], input[type=reset], input[type=submit], button { 
    min-width: 6em; 
} 

Solutions

CSS:

button.toast-close-button { 
    min-width: 0; 
} 

jQuery:

$('button.toast-close-button').css('min-width',0); 

Résultat

enter image description here

+1

Merci Vadim. Il fonctionne comme un charme! – user12345

2

Cela est probablement un problème de CSS. Ma conjecture est qu'un certain style sur votre site interfère avec les styles de toastr. Vous devriez être en mesure de le réparer en vérifiant les styles dans les Outils de développement Chrome (ou tout autre outil de navigation que vous utilisez) pour inspecter le CSS, trouver le style qui cause le problème (activer et désactiver pour aider), puis créer un nouveau style pour contourner le problème.

Questions connexes