ابزارهای کارت
card
data-card="true"
, data-card-tool="toggle"
, data-card-tool="reload"
data-card="true"
, data-card-tool="toggle"
, data-card-tool="reload"
و data-card-tool="remove"
برای اطلاعات بیشتر کارت مستندات.
کارت ابزارها
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و برای شرایط فعلی تکنولوژی مورد نیاز و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد. .. لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است.. استاندارد , لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است..
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است.. استاندارد , لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است.. لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است.. لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است..
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و برای شرایط فعلی تکنولوژی مورد نیاز و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد. .. لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است.. استاندارد , لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است..
<div class="card card-custom" id="kt_card_1">
<div class="card-header">
<div class="card-title">
<h3 class="card-label">عنوان کارت</h3>
</div>
<div class="card-toolbar">
<a href="#" class="btn btn-icon btn-sm btn-hover-light-primary mr-1" data-card-tool="toggle" data-toggle="tooltip" data-placement="top" title="باز کردن / بستن">
<i class="ki ki-arrow-down icon-nm"></i>
</a>
<a href="#" class="btn btn-icon btn-sm btn-hover-light-primary mr-1" data-card-tool="reload" data-toggle="tooltip" data-placement="top" title="بارگزاری مجدد">
<i class="ki ki-reload icon-nm"></i>
</a>
<a href="#" class="btn btn-icon btn-sm btn-hover-light-primary" data-card-tool="remove" data-toggle="tooltip" data-placement="top" title="حذف کارت">
<i class="ki ki-close icon-nm"></i>
</a>
</div>
</div>
<div class="card-body">
...
</div>
</div>
// This card is lazy initialized using data-card="true" attribute. شما can access to the card object as shown below and override its behavior
var card = new KTکارت('kt_card_1');
// Toggle event handlers
card.on('beforeCollapse', function (card) {
setزمانout(function () {
toastr.info('Before collapse event fired!');
}, 100);
});
card.on('afterCollapse', function (card) {
setزمانout(function () {
toastr.warning('Before collapse event fired!');
}, 2000);
});
card.on('beforeExpand', function (card) {
setزمانout(function () {
toastr.info('Before expand event fired!');
}, 100);
});
card.on('afterExpand', function (card) {
setزمانout(function () {
toastr.warning('After expand event fired!');
}, 2000);
});
// Remove event handlers
card.on('beforeRemove', function (card) {
toastr.info('Before remove event fired!');
return confirm('Are you sure to remove this card ?'); // remove card after user confirmation
});
card.on('afterRemove', function (card) {
setزمانout(function () {
toastr.warning('After remove event fired!');
}, 2000);
});
// Reload event handlers
card.on('reload', function (card) {
toastr.info('Leload event fired!');
KTApp.block(card.getSelf(), {
overlayرنگ: '#ffffff',
type: 'loader',
state: 'primary',
opacity: 0.3,
size: 'lg'
});
// update the content here
setزمانout(function () {
KTApp.unblock(card.getSelf());
}, 2000);
});
کارت ابزارها
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و برای شرایط فعلی تکنولوژی مورد نیاز و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد. .. لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است.. استاندارد , لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است..
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است.. استاندارد , لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است.. لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است.. لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است..
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و برای شرایط فعلی تکنولوژی مورد نیاز و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد. .. لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است.. استاندارد , لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است..
<div class="card card-custom" id="kt_card_2">
<div class="card-header">
<div class="card-title">
<h3 class="card-label">عنوان کارت</h3>
</div>
<div class="card-toolbar">
<a href="#" class="btn btn-icon btn-sm btn-primary mr-1" data-card-tool="toggle" data-toggle="tooltip" data-placement="top" title="باز کردن / بستن">
<i class="ki ki-arrow-down icon-nm"></i>
</a>
<a href="#" class="btn btn-icon btn-sm btn-success mr-1" data-card-tool="reload" data-toggle="tooltip" data-placement="top" title="بارگزاری مجدد">
<i class="ki ki-reload icon-nm"></i>
</a>
<a href="#" class="btn btn-icon btn-sm btn-warning" data-card-tool="remove" data-toggle="tooltip" data-placement="top" title="حذف کارت">
<i class="ki ki-close icon-nm"></i>
</a>
</div>
</div>
<div class="card-body">
...
</div>
</div>
// This card is lazy initialized using data-card="true" attribute. شما can access to the card object as shown below and override its behavior
var card = new KTکارت('kt_card_1');
// Toggle event handlers
card.on('beforeCollapse', function (card) {
setزمانout(function () {
toastr.info('Before collapse event fired!');
}, 100);
});
card.on('afterCollapse', function (card) {
setزمانout(function () {
toastr.warning('Before collapse event fired!');
}, 2000);
});
card.on('beforeExpand', function (card) {
setزمانout(function () {
toastr.info('Before expand event fired!');
}, 100);
});
card.on('afterExpand', function (card) {
setزمانout(function () {
toastr.warning('After expand event fired!');
}, 2000);
});
// Remove event handlers
card.on('beforeRemove', function (card) {
toastr.info('Before remove event fired!');
return confirm('Are you sure to remove this card ?'); // remove card after user confirmation
});
card.on('afterRemove', function (card) {
setزمانout(function () {
toastr.warning('After remove event fired!');
}, 2000);
});
// Reload event handlers
card.on('reload', function (card) {
toastr.info('Leload event fired!');
KTApp.block(card.getSelf(), {
overlayرنگ: '#ffffff',
type: 'loader',
state: 'primary',
opacity: 0.3,
size: 'lg'
});
// update the content here
setزمانout(function () {
KTApp.unblock(card.getSelf());
}, 2000);
});
کارت ابزارها
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و برای شرایط فعلی تکنولوژی مورد نیاز و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد. .. لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است.. استاندارد , لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است..
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است.. استاندارد , لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است.. لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است.. لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است..
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و برای شرایط فعلی تکنولوژی مورد نیاز و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد. .. لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است.. استاندارد , لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است..
<div class="card card-custom" id="kt_card_3">
<div class="card-header">
<div class="card-title">
<h3 class="card-label">عنوان کارت</h3>
</div>
<div class="card-toolbar">
<a href="#" class="btn btn-icon btn-circle btn-sm btn-light-primary mr-1" data-card-tool="toggle">
<i class="ki ki-arrow-down icon-nm"></i>
</a>
<a href="#" class="btn btn-icon btn-circle btn-sm btn-light-success mr-1" data-card-tool="reload">
<i class="ki ki-reload icon-nm"></i>
</a>
<a href="#" class="btn btn-icon btn-circle btn-sm btn-light-danger" data-card-tool="remove">
<i class="ki ki-close icon-nm"></i>
</a>
</div>
</div>
<div class="card-body">
...
</div>
</div>
// This card is lazy initialized using data-card="true" attribute. شما can access to the card object as shown below and override its behavior
var card = new KTکارت('kt_card_3');
// Toggle event handlers
card.on('beforeCollapse', function (card) {
setزمانout(function () {
toastr.info('Before collapse event fired!');
}, 100);
});
card.on('afterCollapse', function (card) {
setزمانout(function () {
toastr.warning('Before collapse event fired!');
}, 2000);
});
card.on('beforeExpand', function (card) {
setزمانout(function () {
toastr.info('Before expand event fired!');
}, 100);
});
card.on('afterExpand', function (card) {
setزمانout(function () {
toastr.warning('After expand event fired!');
}, 2000);
});
// Remove event handlers
card.on('beforeRemove', function (card) {
toastr.info('Before remove event fired!');
return confirm('Are you sure to remove this card ?'); // remove card after user confirmation
});
card.on('afterRemove', function (card) {
setزمانout(function () {
toastr.warning('After remove event fired!');
}, 2000);
});
// Reload event handlers
card.on('reload', function (card) {
toastr.info('Leload event fired!');
KTApp.block(card.getSelf(), {
overlayرنگ: '#ffffff',
type: 'loader',
state: 'primary',
opacity: 0.3,
size: 'lg'
});
// update the content here
setزمانout(function () {
KTApp.unblock(card.getSelf());
}, 2000);
});
پیش فرض بسته شده
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و برای شرایط فعلی تکنولوژی مورد نیاز و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد. .. لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است.. استاندارد , لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است..
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است.. استاندارد , لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است.. لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است.. لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است..
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و برای شرایط فعلی تکنولوژی مورد نیاز و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد. .. لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است.. استاندارد , لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است..
<div class="card card-custom card-collapsed" data-card="true" id="kt_card_4">
<div class="card-header">
<div class="card-title">
<h3 class="card-label">عنوان کارت</h3>
</div>
<div class="card-toolbar">
<a href="#" class="btn btn-icon btn-sm btn-light-primary mr-1" data-card-tool="toggle">
<i class="ki ki-arrow-down icon-nm"></i>
</a>
<a href="#" class="btn btn-icon btn-sm btn-light-success mr-1" data-card-tool="reload">
<i class="ki ki-reload icon-nm"></i>
</a>
<a href="#" class="btn btn-icon btn-sm btn-light-danger" data-card-tool="remove">
<i class="ki ki-close icon-nm"></i>
</a>
</div>
</div>
<div class="card-body">
...
</div>
</div>
// This card is lazy initialized using data-card="true" attribute. شما can access to the card object as shown below and override its behavior
var card = new KTکارت('kt_card_4');
// Toggle event handlers
card.on('beforeCollapse', function (card) {
setزمانout(function () {
toastr.info('Before collapse event fired!');
}, 100);
});
card.on('afterCollapse', function (card) {
setزمانout(function () {
toastr.warning('Before collapse event fired!');
}, 2000);
});
card.on('beforeExpand', function (card) {
setزمانout(function () {
toastr.info('Before expand event fired!');
}, 100);
});
card.on('afterExpand', function (card) {
setزمانout(function () {
toastr.warning('After expand event fired!');
}, 2000);
});
// Remove event handlers
card.on('beforeRemove', function (card) {
toastr.info('Before remove event fired!');
return confirm('Are you sure to remove this card ?'); // remove card after user confirmation
});
card.on('afterRemove', function (card) {
setزمانout(function () {
toastr.warning('After remove event fired!');
}, 2000);
});
// Reload event handlers
card.on('reload', function (card) {
toastr.info('Leload event fired!');
KTApp.block(card.getSelf(), {
overlayرنگ: '#ffffff',
type: 'loader',
state: 'primary',
opacity: 0.3,
size: 'lg'
});
// update the content here
setزمانout(function () {
KTApp.unblock(card.getSelf());
}, 2000);
});