WidgetNas

پرده مخفی Offcanvas

یک نوار بازشو در کنارهای صفحه است، که برای خرید ها، منوهای کناری و موارد این چنینی مورد استفاده قرار میگیرد. این موضوع با استفاده از تکنیک modal به شما کمک میکند تا محتوی خود را نمایش دهید.

شکل نمایشی

LTR

Offcanvas
Content for the offcanvas goes here. You can place just about any Widgetnas component or custom elements here.

RTL

پرده مخفی
محتوی پرده مخفی، در این قسمت نمایش داده میشود، شما میتوانید از کامپوننت های ویجت نس یا هر موضوعی استفاده کنید.

مشاهده

این موضوع در ابتدا قابل نمایش نیست، این موضوع همانند مودال بوده و بایستی توسط جاوا اسکریپت فراخوانی شود، تا به درستی در مکان مد نظر نمایش داده شود.

شما میتوانید در 4 جهت صفحه این موضوع را نمایش دهید، با استفاده از کلاسهای offcanvas-start offcanvas-end offcanvas-top offcanvas-bottom

LTR

Offcanvas
Content for the offcanvas goes here. You can place just about any Widgetnas component or custom elements here.
Offcanvas
Content for the offcanvas goes here. You can place just about any Widgetnas component or custom elements here.
Offcanvas
Content for the offcanvas goes here. You can place just about any Widgetnas component or custom elements here.
Offcanvas
Content for the offcanvas goes here. You can place just about any Widgetnas component or custom elements here.

RTL

پرده مخفی
محتوی پرده مخفی، در این قسمت نمایش داده میشود، شما میتوانید از کامپوننت های ویجت نس یا هر موضوعی استفاده کنید.
پرده مخفی
محتوی پرده مخفی، در این قسمت نمایش داده میشود، شما میتوانید از کامپوننت های ویجت نس یا هر موضوعی استفاده کنید.
پرده مخفی
محتوی پرده مخفی، در این قسمت نمایش داده میشود، شما میتوانید از کامپوننت های ویجت نس یا هر موضوعی استفاده کنید.
پرده مخفی
محتوی پرده مخفی، در این قسمت نمایش داده میشود، شما میتوانید از کامپوننت های ویجت نس یا هر موضوعی استفاده کنید.

پس زمینه تیره

برای اضافه کردن پس زمینه تیره کافیست کلاس darkback را به مجموعه کلاس های offcanvas خود اضافه کنید.

اگر نمیخواهید پس زمینه تیره باشد ولی با کلیک کردن بر روی صفحه پرده مخفی شود، از کلاس transparent یا هر رنگی که مد نظر است استفاده کنید.

LTR

RTL