دهکده دانش و فناوری با تمرکز بر فناوری های نو برای رشد و توسعه کسب و کارها راه حلهای نرم افزاری با صرفه اقتصادی ارائه می کند.
[ad_1]
ابزارک های چند گزینه ای Bootstrap ما به کاربران شما کمک می کنند تا چند مورد را به راحتی در تلفن همراه و دسک تاپ انتخاب کنند. (حتی می توانید محدودیت هایی را تعیین کنید!)
ما اطمینان حاصل کردیم که یک بسته نرم افزاری VERSATILE ایجاد می کنیم که می توانید برای هر چیزی استفاده کنید.
کد ساده و مناسب برای مبتدیان است ، مناسب برای کاربران از تمام سطوح مهارت.
در رابطه با استفاده از ویجت چند گزینه ای Bootstrap ، لازم است که ابتدا jQuery را در آن بگنجانید جاوا اسکریپت کتابخانه
درست قبل از اینکه فایل اصلی JavaScript Bootstrap را نشان دهید ، آن را انجام دهید. پرونده های JS و CSS پلاگین نیز باید در سر <تنظیم شوند. می توانید آنها را مستقیماً از صفحه وب GitHub توسعه دهنده وب نصب کنید.
ایده ساده با توسعه عنصر
این مجموعه گزینه هایی است که شما باید آنها را در داخل م theلفه تعداد عناصر
شما همچنین کنترل سبک را دارید. انتخاب چندگانه را غنی سازی کنید هر طور که بخواهی.
سریع و به راحتی.
بیایید با یک ویجت چند گزینه ای Bootstrap ساده برای انتخاب چیزها را شروع کنیم زبانهای برنامه نویسی. قبل از این که بیشتر جلو برویم ، اگر می خواهید از این قطعه رایگان برای چیز دیگری استفاده کنید ، می توانید تغییر آن را به محتوای قلب خود را.
اما در واقع ، طراحی بسیار ابتدایی و ساده است ، مطمئن شوید که به طور پیش فرض با پروژه ها و برنامه های مختلف کار می کند.
در حالی که کاربر می تواند موارد مختلف را به صورت دستی انتخاب کند ، اگر همه چیز به آنها علاقه مند است ، می تواند فقط جعبه انتخاب همه را فشار دهد. علاوه بر این ، نوار اصلی گزینه های کاربر را نشان می دهد.
انتخاب موضوعات مختلف با Multiselect V02 را برای کاربران آسان و راحت کنید. این یک ابزارک Bootstrap است با ظرافت ظاهر می شود در دستگاه های تلفن همراه و دسک تاپ.
ویجت از ظاهری کاملاً مینیمالیستی پیروی می کند و اطمینان حاصل می کند که نیازی به انجام هرگونه تغییر در آن ندارید بلکه از آن به عنوان موجود استفاده کنید.
هنگامی که موضوع را انتخاب می کنید ، در قسمت نمایشگر ظاهر می شود و با کلیک بر روی علامت X برای حذف آن کلیک کنید. خواه انتخاب یک موضوع باشد یا همه ، این چند انتخاب از هر دو پشتیبانی می کند.
اگر قطعه چند انتخابی Bootstrap در بالا ، نام موضوع را هنگام انتخاب نشان می دهد ، این مورد آن را با انتخاب تعداد بسیار ساده نگه می دارد.
با این حال ، ویژگی اصلی Multiselect V03 تغییر در رنگ قلم زبان است. با شناور ، آبی می شود ، اما با کلیک ، آبی و پررنگ می شود.
ساختار انعطاف پذیر همچنین اطمینان حاصل می کند سازگاری روان به دستگاه های تلفن همراه ، رایانه لوحی و دسک تاپ.
Multiselect V04 نواری است که “هیچ چیزی در آن انتخاب نشده” و یک شورون است. پس از کلیک بر روی آن ، یک کشویی با چندین گزینه برای انتخاب باز می شود.
هنگامی که یک مورد را انتخاب کردید ، یک رنگ آبی است اثر کلیک کنید با علامت چک قرمز و نمایش مورد در نوار اصلی ظاهر می شود.
هر کس می تواند بدون توجه به دستگاهی که استفاده می کند ، به عنوان بسیاری از موارد ، موضوعات یا سایر موارد مورد نظر خود را انتخاب یا لغو انتخاب کند.
Multiselect V05 یک قطعه کاملاً رایگان بوت استرپ است که به شما کمک می کند در برنامه یا وب سایت خود انتخاب چندگانه را انجام دهید.
مهم نیست که هدف اصلی انتخاب چندگانه چیست ، شما می توانید راحت و به طور موثر از این یکی برای همه چیز استفاده کن
طرح ویجت نسبت به برخی دیگر از گزینه های طرح کمی گسترده تر است که باعث می شود نمایش انتخاب های مختلف راحت تر باشد.
کشویی همچنین به طور پیش فرض دارای کادرهای تأیید و پنج گزینه است. آن را متعلق به خودتان کنید ، آن را دقیق تنظیم کنید و از آنجا بروید.
Multiselect V06 ممکن است مانند هر ابزارک متوسط Multiselect دیگر بوت استرپ به نظر برسد ، اما دور از آن است. این قطعه رایگان با طراحی مدرن و انیمیشن جالب ، نحوه کار را می داند ادویه چیزها.
به عبارت دیگر ، اگر به دنبال چیزی هستید که خیلی سنتی نباشد ، با انتخاب Multiselect V06 کار درستی انجام می دهید.
اما ابتدا می توانید با مراجعه به پیش نمایش آزمایشی زنده (حتی در دستگاه تلفن همراه) آن را آزمایش کنید.
برخی از چند انتخاب از این مجموعه بیشتر جنبه مینیمالیستی دارند در حالی که برخی کاملا خلاقانه هستند. اگر مورد دوم را بیشتر می پسندید ، باید به Multiselect V07 نگاهی بیندازید کارایی همین الان.
این یک قسمت را نشان می دهد که در حالت شناور پاسخ می دهد ، و رنگ متن و طرح کلی را تغییر می دهد. هنگامی که روی آن کلیک کردید ، یک کشویی برجسته با موضوعات مختلف ظاهر می شود که از کشویی ناپدید می شوند و در نوار اصلی با کلیک ظاهر می شوند.
برو جلو ، خودت امتحان کن
چند انتخاب بوت استرپ می تواند فقط از عناوین یا مواردی برای انتخاب تشکیل شده باشد ، اما می توانید آنها را به تقسیم بندی کنید دسته های مختلف.
این مورد مخصوصاً در صورت وجود موارد زیاد بسیار مفید است ، زیرا در هنگام یافتن موارد مورد علاقه آنها تجربه کاربر را تقویت می کند.
Multiselect V08 تصویری عالی از آن است که اکنون می توانید آن را بازی کنید و اتفاقات را سریع بیندازید.
همچنین از یک اثر شناور و یک ساختار کد جدید برای همه بهره می برد تا از آن نهایت استفاده را ببرند.
برای همه کسانی که به این مجموعه آمده اند جستجو برای a تاریک قطعه multiselect ، به خود لطف کنید و Multiselect V09 را انتخاب کنید. این یک گزینه مدرن با تمام موارد ضروری است تا شما را فوراً به جلو حرکت دهد.
این ابزار برای عملکرد عالی موبایل و دسک تاپ بهینه شده و شامل کدی است که هضم آن آسان است.
Multiselect V09 برای ایجاد پویایی و جذابیت بیشتر در ارائه ، باعث می شود که همه چیز با صدای زرد گیرا جذاب شود.
وقتی صحبت از چند انتخابی می شود که تعداد زیادی قطعه در آن است ، یافتن آنها از طریق پیمایش بسیار ناخوشایند است. برای ساده تر کردن زندگی کاربر ، اینجا Multiselect V10 است.
این قطعه رایگان همراه با کاربردی است عملکرد جستجوی زنده به محض شروع به تایپ کردن ، بازدیدها را نشان می دهد.
سپس می توانید بر روی علامت X کلیک کنید تا علامت پاک شود نوار جستجو و با یک جستجوی جدید شروع کنید.
این مولتی انتخاب بوت استرپ دارای دو روش برای جمع آوری موارد از کشویی است.
ابتدا می توانید آنها را مرور کرده و موارد دلخواه خود را انتخاب کنید کلیک کردن روی آنها
و دوم ، این انتخاب چندگانه همچنین انتخاب توسط تایپ کردن آن را پایین بیاورید و گزینه های مختلف را با کاما جدا کنید.
نکته جالب دیگر در مورد Multiselect V11 عملکرد جستجوی زنده است که تحقیقات سریع را مستقیماً از نوار اصلی ارائه می دهد. همچنین مواردی که انتخاب می کنید برای بهتر دیده شدن خاکستری می شوند.
Multiselect V12 به خوبی می داند که چگونه یک تجربه ساده و ساده را برای یک تجربه کاربر TERRIFIC مخلوط کند.
در حالی که ابزار رایگان به طور پیش فرض روی حالت ها متمرکز است ، این کشویی چند گزینه ای با عملکرد جستجوی زنده (جدا با کاما) برای هر چیز دیگری عالی است.
شما می توانید از آن برای انتخاب موضوعات ، موارد ، زبانها استفاده کنید ، خوب خلاصه آن را می فهمید – همه چیز کار می کند.
بله ، شما حتی می توانید از چند گزینه Bootstrap برای نام ها استفاده کنید ، دقیقاً مانند پرونده Multiselect V13. در حالی که این قطعه رایگان کاملا شبیه به شکل بالا است ، اما تمایز اصلی آن انتخاب رنگ برای انتخاب است.
این یکی از رنگهای فیروزه ای زیبا است. جستجوی زنده ، جداسازی مورد ویرگول یا انتخاب دستی از کشویی همه موارد خوبی هستند که Multiselect V13 آنها را سنگین می کند.
Multiselect V14 یک قطعه رایگان شگفت انگیز برای انتخاب کشور است. وقتی روی نوار کلیک می کنید ، یک کشویی با پنجاه حالت برای انتخاب باز می شود.
در حالی که می توانید به تعداد دلخواه یا کمترین تعداد را انتخاب کنید ، یک گزینه سریع نیز وجود داردانتخاب همه”دکمه” برای انتخاب کل لیست.
علاوه بر این ، نام های حداکثر چهار نفر در نوار ظاهر می شوند ، اما هر چیزی بیشتر از آن ، ویجت تعدادی را نمایش می دهد. طرح نیز بلافاصله به شکل دیگری در می آید دستگاه های موبایل.
اگر به سبک های مشابه Multiselect V15 بیشتر از چندین انتخاب Bootstrap علاقه مند هستید ، گزینه بسیار مناسبی است. پنجاه حالت را در نمایش می دهد سه ستون با عملکرد مشابه
همان سبک چه در موبایل ، تبلت یا دسک تاپ مشاهده شود دست نخورده باقی می ماند علاوه بر این ، Multiselect V15 دارای یک اثر شناور است و حالت های انتخاب شده را به رنگ آبی درآورده و با علامت گذاری نشان می دهد.
همچنین می توانید همه را با یک کلیک انتخاب کنید.
Multiselect V16 یکی دیگر از عناصر برجسته چند گزینه ای Bootstrap برای انتخاب کشور به صورت پیش فرض است. این طرح را حفظ می کند مدرن و حداقل با چند ویژگی جالب به آن.
جلوه شناور خاکستری ، کلیک روی انیمیشن ، علامت تأیید و میانبر سریع صفحه کلید برای انتخاب موارد با حروف الفبا از مهمترین نکات مهم Multiselect V16 است.
در اینجا گزینه “انتخاب همه” وجود ندارد ، بنابراین کاربر باید همه انتخاب ها را به صورت دستی انجام دهد.
بعضی اوقات ، می خواهید LIMIT کنید تعداد انتخاب ها یک کاربر می تواند ایجاد کند. اگر این مورد باشد ، آن زمان است که Multiselect V17 وارد عمل می شود. این قطعه رایگان انتخاب را به هفت مورد محدود می کند ، اما در صورت لزوم می توانید تغییراتی ایجاد کنید.
علاوه بر این ، ایالات در نوار بالا ظاهر می شوند و گزینه ها در کشویی سبز می شوند و دارای یک علامت تأیید هستند. وقتی محدودیت برآورده شود ، اثر کلیک همچنان وجود دارد ، اما انتخاب اتفاق نمی افتد.
Multiselect V18 یک Multiselect بسیار پیشرفته Bootstrap با تخصص های مختلف است که آن را برجسته می کند.
اول از همه ، این گروه ها را در کشویی نمایش می دهد ، خراب کردن اوضاع به زیبایی برای افزایش تجربه کاربر. علاوه بر این ، هر گروه با محدودیت فردی در انتخاب ، مانند ابزارک قبلی ، همراه است.
در حالی که این چند انتخاب برای حالت های خارج از جعبه است ، شما نیازی به محدود کردن خود به هیچ وجه ، شکل یا فرم ندارید. آن را به نفع TOTAL خود صرف کنید و در وقت صرفه جویی کنید.
کشویی آسان و همه جانبه با ویژگی چند انتخابی که اکنون می توانید بدون صرف هزینه ای ، مال خود را بسازید.
Multiselect V19 برای آن عالی است همه انواع از گزینه ها ، زیرا شما به راحتی می توانید تنظیمات و اصلاحات را متناسب با نیازهای خود انجام دهید.
هنگام انتخاب موارد مختلف ، می توانید این کار را از مکان کشویی با نشانگر ماوس انجام دهید یا حتی آن را در نوار تایپ کنید و enter را بزنید. علاوه بر این ، هر انتخاب نیز خاکستری می شود ، اما می توانید آن را لغو انتخاب کنید با فشار دادن دکمه X.
برای رفتن به مرحله بعدی ، این قطعه چند انتخابی بوت استرپ سه در یک را انتخاب کنید و بلافاصله تفاوت ایجاد کنید.
به راحتی می توانید همه چیز را به DIFFERENT تقسیم کنید دسته بندی ها و تعداد مواردی که شخص می تواند توسط چند انتخاب انتخاب کند را محدود کنید. انتخاب یا با جمع آوری موارد از کشویی یا تایپ کردن آن و ضربه زدن به قسمت enter (ویژگی جستجوی زنده یکپارچه) انجام می شود.
ویجت از رنگ های مختلف برای دسته ها / انتخاب های مختلف نیز استفاده می کند که می توانید آنها را بهبود ببخشید.
اکنون ، شما با بسیاری از پلاگین های مختلف Bootstrap Multiselect و تمام کارهایی که می تواند برای عملکرد وب سایت شما انجام دهد ، بیشتر آشنا شده اید.
افشای: این صفحه حاوی پیوندهای وابسته خارجی است که در صورت انتخاب خرید محصول ذکر شده ، ممکن است منجر به دریافت پورسانت شود. نظرات در این صفحه از نظر ما است و برای بررسی های مثبت جایزه اضافی دریافت نمی کنیم.
[ad_2]
تهیه و ترجمه توسط دیتکو لینک منبع خبر
رشد هر کسب و کاری دست یافتنی است، شروع با یک قدم به جلو … دیتکو همراه شماست.
