API چیدمان

نوار کناری را بر اساس وضعیت فعلی آن باز یا بسته می کند

بر اساس دکمه

<button type="button" class="btn btn-dark" data-toggle="layout" data-action="sidebar_toggle">Toggle Sidebar</button>

کد JS

Dashmix.layout('sidebar_toggle');

نوار کناری را باز می کند

بر اساس دکمه

<button type="button" class="btn btn-dark" data-toggle="layout" data-action="sidebar_open">Open Sidebar</button>

کد JS

Dashmix.layout('sidebar_open');

نوار کناری را می بندد

بر اساس دکمه

<button type="button" class="btn btn-dark" data-toggle="layout" data-action="sidebar_close">Close Sidebar</button>

کد JS

Dashmix.layout('sidebar_close');

موقعیت نوار کناری را بر اساس موقعیت فعلی آن به سمت چپ یا راست تنظیم می کند

بر اساس دکمه

<button type="button" class="btn btn-dark" data-toggle="layout" data-action="sidebar_pos_toggle">Toggle Sidebar Position</button>

کد JS

Dashmix.layout('sidebar_pos_toggle');

نوار کناری را به سمت راست حرکت می دهد

بر اساس دکمه

<button type="button" class="btn btn-dark" data-toggle="layout" data-action="sidebar_pos_right">Right Sidebar Position</button>

کد JS

Dashmix.layout('sidebar_pos_right');

نوار کناری را به سمت چپ حرکت می دهد

بر اساس دکمه

<button type="button" class="btn btn-dark" data-toggle="layout" data-action="sidebar_pos_left">Left Sidebar Position</button>

کد JS

Dashmix.layout('sidebar_pos_left');

حالت مینی نوار کناری را تغییر می دهد

بر اساس دکمه

<button type="button" class="btn btn-dark" data-toggle="layout" data-action="sidebar_mini_toggle">Toggle Mini Mode</button>

کد JS

Dashmix.layout('sidebar_mini_toggle');

حالت مینی نوار کناری را فعال می کند

بر اساس دکمه

<button type="button" class="btn btn-dark" data-toggle="layout" data-action="sidebar_mini_on">Enable Mini Mode</button>

کد JS

Dashmix.layout('sidebar_mini_on');

حالت مینی نوار کناری را غیرفعال می کند

بر اساس دکمه

<button type="button" class="btn btn-dark" data-toggle="layout" data-action="sidebar_mini_off">Disable Mini Mode</button>

کد JS

Dashmix.layout('sidebar_mini_off');

استایل نوار کناری را بین تغییرات روشن و تاریک تغییر می دهد

بر اساس دکمه

<button type="button" class="btn btn-dark" data-toggle="layout" data-action="sidebar_style_toggle">Toggle Sidebar Style</button>

کد JS

Dashmix.layout('sidebar_style_toggle');

نوار کناری را روی تغییر روشن تنظیم می کند (با حالت تاریک کار می کند)

بر اساس دکمه

<button type="button" class="btn btn-dark" data-toggle="layout" data-action="sidebar_style_light">Light Themed Sidebar</button>

کد JS

Dashmix.layout('sidebar_style_light');

نوار کناری را روی تغییر تاریک تنظیم می کند

بر اساس دکمه

<button type="button" class="btn btn-dark" data-toggle="layout" data-action="sidebar_style_dark">Dark Themed Sidebar</button>

کد JS

Dashmix.layout('sidebar_style_dark');

پوشش جانبی را بر اساس وضعیت فعلی آن باز یا بسته می کند

بر اساس دکمه

<button type="button" class="btn btn-dark" data-toggle="layout" data-action="side_overlay_toggle">Toggle Side Overlay</button>

کد JS

Dashmix.layout('side_overlay_toggle');

پوشش جانبی را باز می کند

بر اساس دکمه

<button type="button" class="btn btn-dark" data-toggle="layout" data-action="side_overlay_open">Open Side Overlay</button>

کد JS

Dashmix.layout('side_overlay_open');

پوشش جانبی را می بندد

بر اساس دکمه

<button type="button" class="btn btn-dark" data-toggle="layout" data-action="side_overlay_close">Close Side Overlay</button>

کد JS

Dashmix.layout('side_overlay_close');

حالت هاور دار پوشش جانبی را تغییر می دهد

بر اساس دکمه

<button type="button" class="btn btn-dark" data-toggle="layout" data-action="side_overlay_mode_hover_toggle">Toggle Hover Mode</button>

کد JS

Dashmix.layout('side_overlay_mode_hover_toggle');

حالت هاور دار پوشش جانبی را فعال می کند

بر اساس دکمه

<button type="button" class="btn btn-dark" data-toggle="layout" data-action="side_overlay_mode_hover_on">Enable Hover Mode</button>

کد JS

Dashmix.layout('side_overlay_mode_hover_on');

حالت هاور دار پوشش جانبی را غیرفعال می کند

بر اساس دکمه

<button type="button" class="btn btn-dark" data-toggle="layout" data-action="side_overlay_mode_hover_off">Disable Hover Mode</button>

کد JS

Dashmix.layout('side_overlay_mode_hover_off');

حالت هدر را بین استاتیک و ثابت تغییر می دهد

بر اساس دکمه

<button type="button" class="btn btn-dark" data-toggle="layout" data-action="header_mode_toggle">Toggle Header Mode</button>

کد JS

Dashmix.layout('header_mode_toggle');

Header را روی حالت Static قرار می دهد

بر اساس دکمه

<button type="button" class="btn btn-dark" data-toggle="layout" data-action="header_mode_static">Static Header</button>

کد JS

Dashmix.layout('header_mode_static');

Header را روی حالت ثابت قرار می دهد

بر اساس دکمه

<button type="button" class="btn btn-dark" data-toggle="layout" data-action="header_mode_fixed">Fixed Header</button>

کد JS

Dashmix.layout('header_mode_fixed');

تغییر نوع هدر شیشه ای

بر اساس دکمه

<button type="button" class="btn btn-dark" data-toggle="layout" data-action="header_glass_toggle">Toggle Header Glass</button>

کد JS

Dashmix.layout('header_glass_toggle');

فعال کردن نوع هدر شیشه ای

بر اساس دکمه

<button type="button" class="btn btn-dark" data-toggle="layout" data-action="header_glass_on">Enable Header Glass</button>

کد JS

Dashmix.layout('header_glass_on');

غیر فعال کردن نوع هدر شیشه ای

بر اساس دکمه

<button type="button" class="btn btn-dark" data-toggle="layout" data-action="header_glass_off">Disable Header Glass</button>

کد JS

Dashmix.layout('header_glass_off');

استایل هدر را بین حالت روشن و تاریک تغییر می دهد

بر اساس دکمه

<button type="button" class="btn btn-dark" data-toggle="layout" data-action="header_style_toggle">Toggle Header Style</button>

کد JS

Dashmix.layout('header_style_toggle');

Header را روی تغییرات روشن تنظیم می کند (با حالت تاریک کار می کند)

بر اساس دکمه

<button type="button" class="btn btn-dark" data-toggle="layout" data-action="header_style_light">Light Themed Header</button>

کد JS

Dashmix.layout('header_style_light');

Header را روی تغییر تاریک تنظیم می کند

بر اساس دکمه

<button type="button" class="btn btn-dark" data-toggle="layout" data-action="header_style_dark">Dark Themed Header</button>

کد JS

Dashmix.layout('header_style_dark');

حالت فوتر را بین استاتیک و ثابت تغییر می دهد

بر اساس دکمه

<button type="button" class="btn btn-dark" data-toggle="layout" data-action="footer_mode_toggle">Toggle Footer Mode</button>

کد JS

Dashmix.layout('footer_mode_toggle');

فوتر را روی حالت استاتیک قرار می دهد

بر اساس دکمه

<button type="button" class="btn btn-dark" data-toggle="layout" data-action="footer_mode_static">Static Footer</button>

کد JS

Dashmix.layout('footer_mode_static');

فوتر را روی حالت ثابت قرار می دهد

بر اساس دکمه

<button type="button" class="btn btn-dark" data-toggle="layout" data-action="footer_mode_fixed">Fixed Footer</button>

کد JS

Dashmix.layout('footer_mode_fixed');

بین تمام چیدمان های محتوای موجود (جعبه‌دار، باریک و عرض کامل) جابجا می‌شود

بر اساس دکمه

<button type="button" class="btn btn-dark" data-toggle="layout" data-action="content_layout_toggle">Toggle Content Layout</button>

کد JS

Dashmix.layout('content_layout_toggle');

چیدمان محتوا را روی جعبه تنظیم می کند

بر اساس دکمه

<button type="button" class="btn btn-dark" data-toggle="layout" data-action="content_layout_boxed">Boxed Content Layout</button>

کد JS

Dashmix.layout('content_layout_boxed');

چیدمان محتوا را باریک می کند

بر اساس دکمه

<button type="button" class="btn btn-dark" data-toggle="layout" data-action="content_layout_narrow">Narrow Content Layout</button>

کد JS

Dashmix.layout('content_layout_narrow');

چیدمان محتوا را به عرض کامل تنظیم می کند

بر اساس دکمه

<button type="button" class="btn btn-dark" data-toggle="layout" data-action="content_layout_full_width">Full Width Content Layout</button>

کد JS

Dashmix.layout('content_layout_full_width');