پاپاورها

پوزیشن های پاپاور

چهار گزینه موجود است: تراز بالا، راست، پایین و چپ.

پایه پاپاور بالا

اضافه کردنdata-toggle="popover" & data-placement="top" to add top popover.

پاپوور پایه راست

اضافه کردنdata-toggle="popover" & data-placement="right" to add right popover.

پاپوور پایین پایه

اضافه کردنdata-toggle="popover" & data-placement="bottom" to add bottom popover.

پاپوور چپ پایه

اضافه کردنdata-toggle="popover" & data-placement="left" to add left popover.

گزینه های Popover

انیمیشن غیر فعال

استفاده کنیدdata-animation="false" to remove fade animation. Default is true.

تاخیر نمایش/پنهان کردن

تاخیر در نمایش و پنهان کردن پاپاور (ms) - does not apply to manual trigger type.

از HTML پشتیبانی می کند

استفاده کنیدdata-html="true" for HTML supported trigger.

قالب Popover

پایه HTML برای استفاده در هنگام ایجاد پاپاور. .popover-inner. .arrow will become the popover's arrow.The outermost wrapper element should have the .popover class.

روش های پاپاور

این یک راه‌اندازی «دستی» برای پاپ‌اور در نظر گرفته می‌شود. پاپوورهایی که هم عنوان و هم محتوای آن‌ها طول صفر دارند، هرگز نمایش داده نمی‌شوند.

نمایش دهید

پاپاور یک عنصر را آشکار می کند. shown.bs.popover event occurs)

پنهان شدن

پاپاور یک عنصر را پنهان می کند. hidden.bs.popover event occurs).

تغییر وضعیت

popover یک عنصر را تغییر می دهد. shown.bs.popover or hidden.bs.popover event occurs).

در معرض قرار دادن

پاپاور یک عنصر را پنهان کرده و از بین می برد.

رویدادهای پاپاور

نمایش رویداد

این رویداد بلافاصله زمانی کهshow instance method is called.

رویداد نمایش داده شده

این رویداد زمانی فعال می شود که پاپاور برای کاربر قابل مشاهده باشد (منتظر تکمیل انتقال CSS می شود).

پنهان کردن رویداد

این رویداد بلافاصله هنگامی کهhide instance method has been called.

رویداد پنهان

این رویداد زمانی فعال می شود که پاپاور از کاربر مخفی شود (منتظر تکمیل انتقال CSS می شود).

محرک های پاپاور

Popover با استفاده از راه اندازی می شود - کلیک کنید |

شناور

استفاده کنیدdata-trigger="hover" for hover trigger.

کلیک

استفاده کنیدdata-trigger="click" for click trigger. This is a default trigger.

تمرکز

استفاده کنیدdata-trigger="focus" for focus trigger.

کتابچه راهنمای

استفاده کنیدdata-trigger="manual" for manual trigger. You can do show/hide using js

گزینه های رنگ نوار نوار

گزینه های طرح بندی

پس زمینه منوی نوار کناری


تصویر پس زمینه نوار کناری
background image
background image
background image
background image

Layout Builder را امتحان کنید