2014-09-12 2 views
1

알림을 표시하기 위해 SharePoint 2013에서 toastr js를 사용하려고합니다. closebutton을 추가 할 때까지 모든 것이 멋지게 보입니다. Toastr 옵션에서 true를 선택합니다. 제목, 메시지 및 닫기 버튼의 정렬이 왜곡 되어도 닫기 버튼이 나타납니다. 어떤 아이디어가 구현에 문제가 있습니까? 폐쇄 버튼이없는 폐쇄 버튼 With closed buttontoastr js with SharePoint

without closed button

enter image description here

답변

2

SharePoint에서 (core15.css가) min-widthbutton의 속성 선언 이후가 발생

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

솔루션

CSS :

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

jQuery를 :

을3210

결과

enter image description here

+1

감사 바딤. 그것은 매력처럼 작동합니다! – user12345

2

이 가능성이 CSS 문제입니다. 제 추측으로는 사이트의 일부 스타일이 toastr의 스타일을 방해하고있는 것 같습니다. Chrome Dev Tools (또는 사용하는 브라우저 도구)의 스타일을 확인하여 CSS를 검사하고 문제의 원인이되는 스타일을 찾은 다음 도움말을 표시하거나 숨기고 스타일을 찾은 다음 수정할 수 있습니다. 문제를 재정의하는 새로운 스타일.