Modal

이윰빌더에서 사용하는 시즌3 Modal의 ShortCodes 입니다.

소스코드는 해당 예제에 마우스 포인트를 갖다대면 버튼이 나타나며, 클릭하면 소스코드를 볼 수 있습니다.

아래의 예제들은 버튼 소스 코드에 .btn-e-block이 포함되어 있습니다. 버튼의 block 속성을 원치않으면 .btn-e-block을 지우고 사용하세요.
예제의 샘플을 작동해 보았다면, 새로고침 후 소스코드를 복사하여 사용하세요. (작동 후 불필요한 소스가 잔존하기 때문)

모달 기본

모달 크기

.modal-xs .modal-sm .modal-default .modal-lg .modal-xlg

모달 색상

.bg-light .bg-dark .bg-red .bg-blue .bg-green .bg-yellow .bg-purple .bg-brown .bg-orange .bg-indigo .bg-teal .bg-pink

모달 이벤트

경고창

플러그인 호출

작업중인 파일 상단과 하단에 아래소스를 추가합니다. sweetalert.min.css 스타일시트와 sweetalert.min.js 스크립트 상대경로는 작업중인 파일경로에 맞게 수정이 필요할수 있습니다.


<!--작업중인 파일 상단에 추가-->
<link rel="stylesheet" href="../../../plugins/sweetalert/sweetalert.min.css">

<!--작업중인 파일 하단에 추가-->
<script src="../../../plugins/sweetalert/sweetalert.min.js"></script>

보통 위 상대경로가 맞지 않으면 아래 상대경로일 가능성이 큽니다.

  • ../plugins/sweetalert/sweetalert.min.css
  • ../plugins/sweetalert/sweetalert.min.js