Jaydeep Shah Ответов: 2

Swal alert откройте большое всплывающее окно затем экран

я использую swal popup. но это открытое большое всплывающее окно.

я не знаю, как установить высоту swal alert.

Что я уже пробовал:

<script src="~/Dist/sweetalert.min.js"></script>
<link href="~/Dist/sweetalert.css" rel="stylesheet" />


<a class="btn btn-success block" id="BlockUnblockBtn" onclick="BlockUnblock(this,event);">Block</a>




function BlockUnblock(ctl, event) {
      swal({
          title: "Are you sure?",
          text: "You will not be able to recover this imaginary file!",
          type: "warning",
          showCancelButton: true,
          confirmButtonColor: "#DD6B55",
          confirmButtonText: "Yes, delete it!",
          cancelButtonText: "No, cancel plx!",
          closeOnConfirm: false,
          closeOnCancel: false
      },
          function (isConfirm) {
              if (isConfirm) {
                  swal("Deleted!", "Your imaginary file has been deleted.", "success");
              } else {
                  swal("Cancelled", "Your imaginary file is safe :)", "error");
              }
          });
  }

Mehdi Gholam

swal () автоматические размеры, чтобы соответствовать содержимому, которое вы предоставляете, и стиль стандартный, почему вы говорите, что он слишком большой?

2 Ответов

Рейтинг:
1

Karthik_Mahalingam

использовать имя класса[^] собственность

<!DOCTYPE html>
<html lang="en">
<head> 
    <script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>     
    <style>
        .myClass{
            width:400px;
            height:200px;
        }
    </style>
</head>
<body>

    <script>
        swal({
            title: "Are you sure?",
            text: "You will not be able to recover this imaginary file!", 
            className: "myClass",
        });
    </script>

</body>

</html>

Рейтинг:
1

Cristian Mayo

Добавьте свойство "customClass" на свой swal like:

customClass: swal-size-sm

После создания Усс:
.swal-size-sm 
{
   width: 200px !important;
}

... не забудьте"! важно", чтобы он перезаписал размер swal по умолчанию. ^_^