اطلاعیه ها

امروز

اخبار بزرگ

2 دقیقه قبل

Able Pro دوباره طراحی شده است

Able Pro با رابط کاربری زیبایی شناسی بالا کاملاً شناخته شده است.

img
امتحانش کن
پیشنهاد

2 ساعت قبل

Able Pro در بهترین قیمت پیشنهادی است

دانلود انحصاری Able Pro در themeforest با بهترین قیمت.

img

دیروز

وبلاگ

12 ساعت قبل

الگوی داشبورد ویژه

آیا می دانید Able Pro یکی از قالب های داشبورد برجسته است که توسط تیم Themeforest انتخاب شده است.

img
اعلامیه

12 ساعت قبل

یک بار بخرید - مادام العمر به روز رسانی رایگان دریافت کنید

پس از خرید Able Pro، به‌روزرسانی‌های رایگان مادام‌العمر را دریافت کنید.

img

سوئیچ بوت‌استرپ

سوئیچ دکمه بوت‌استرپ

سوئیچ دکمه بوت‌استرپ یک ابزار است که چک‌باکس‌های ساده را به دکمه‌های سوئیچ پاسخگو تبدیل می‌کند.

مرجع
رنگ‌ها
سوئیچ دکمه بوت‌استرپ تمام رنگ‌های استاندارد دکمه‌های بوت‌استرپ 4 را پیاده‌سازی می‌کند.
رنگ‌های تم تاریک
رنگ‌های سوئیچ دکمه بوت‌استرپ در پس‌زمینه‌های تاریک عالی به نظر می‌رسند.
متن سفارشی
متن به راحتی با ویژگی‌ها یا گزینه‌ها قابل تغییر است.
HTML، آیکون‌ها، تصاویر
شما به راحتی می‌توانید آیکون‌ها یا تصاویر را اضافه کنید زیرا HTML برای متن روشن/خاموش پشتیبانی می‌شود.
چند خط متن
سوئیچ‌هایی با چندین خط ارتفاع خود را تنظیم می‌کنند.
سرعت انیمیشن
سرعت انتقال را می‌توان به راحتی با ویژگی transition در CSS روی .switch-group کنترل کرد. همچنین می‌توانید انیمیشن را به طور کامل خاموش کنید.
چک‌باکس‌های روی هم
به سادگی data-toggle="switchbutton" را اضافه کنید تا چک‌باکس‌ها به سوئیچ تبدیل شوند.
انتشار رویداد
توجه داشته باشید که تمام رویدادها از عنصر ورودی به دکمه سوئیچ منتشر می‌شوند.
متدها
از متدها می‌توان برای کنترل مستقیم دکمه سوئیچ استفاده کرد.
متد دمو توضیحات
initialize سوئیچ دکمه را با گزینه‌ها مقداردهی اولیه می‌کند
destroy سوئیچ دکمه را حذف می‌کند
on سوئیچ دکمه را در حالت 'روشن' قرار می‌دهد
off سوئیچ دکمه را در حالت 'خاموش' قرار می‌دهد
toggle حالت سوئیچ دکمه را تغییر می‌دهد
enable سوئیچ دکمه را فعال می‌کند
disable سوئیچ دکمه را غیرفعال می‌کند
تنظیمات
  • تنظیمات قالب

    انتخاب مود روشنایی

  • کنتراست

    انتخاب کنتراست

  • قالب سفارشی

    رنگ قالب اصلی خود را انتخاب کنید

  • طرح قالب

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

    img img img img img
  • عنوان نوار کناری

    نوار کناری عنوان پنهان/نمایش

  • طرح قالب

    چپ/راست

  • عرض قالب

    طرح بندی کامل یا کانتینری را انتخاب کنید