نام کاربری

پیغام

پیغام ساده (Bootstrap 4 Alerts)

بوت استرپ 4 راهی ساده برای ساخت پیام های از پیش تعریف شده فراهم کرده است؛ کادر پیغام با استفاده از کلاس alert و یکی از کلاس های alert-success, alert-info, alert-warning, alert-danger, alert-primary, alert-secondary, alert-light, alert-dark ساخته می شود.

موفق! این پیغام می تواند به یک عملیات موفق یا مثبت اشاره داشته باشد.
اطلاع! This alert box could indicate a neutral informative change or action.
هشدار! This alert box could indicate a warning that might need attention.
اخطار! This alert box could indicate a dangerous or potentially negative action.
Primary! Indicates an important action.
Secondary! Indicates a slightly less important action.
Dark! Dark grey alert.
Light! Light grey alert.

کد پیغام ساده:

موفق! این پیغام می تواند به یک عملیات موفق یا مثبت اشاره داشته باشد. 
<div class="alert alert-success">
  <strong>Title</strong> content...
</div>

کد پیغام با دکمه بستن:

موفق! این پیغام می تواند به یک عملیات موفق یا مثبت اشاره داشته باشد. 
<div class="alert alert-success alert-dismissible">
  <button type="button" class="close" data-dismiss="alert">&‌times;</button>
  <strong>Title</strong> content...
</div>

کد پیغام با دکمه بستن به همراه انیمیشن:

موفق! این پیغام می تواند به یک عملیات موفق یا مثبت اشاره داشته باشد. 
<div class="alert alert-success alert-dismissible fade show">
  <button type="button" class="close" data-dismiss="alert">&‌times;</button>
  <strong>Title</strong> content...
</div>

نمایش پیغام جدید:

نمایش پیغام جدید با بسته شدن خودکار:

برای نمایش پیام از تابع زیر استفاده شود. تعریف مشخصه های class و delay اختیاری بوده و به ترتیب دارای مقادیر پیش فرض alert-info و 4000 هستند.

مشخصه delay زمان بسته شدن خودکار پیغام را تنظیم می کند؛ برای غیر فعال کردن بسته شدن خودکار پیغام، مقدار این مشخصه را Infinity قرار دهید. 

Message.notification({
  title:'Title...',
  message:'Message...',
  class:'alert-...',
  delay:4000
});

پیغام پرسشی (Bootstrap 4 Modal)

پیغام انتظار

برای کار با پیغام «منتظر بمانید» از توابع روبرو استفاده کنید.

Message.waiting('show')
Message.waiting('hide')