پرش به مطلب اصلی

ویجت کُمبو‌باکس (فرم)

این ویجت یک لیست انتخابی (کشویی) داخل فرم می‌سازد؛ مناسب زمانی که گزینه‌ها زیاد هستند و نمی‌خواهید همه را یکجا نمایش دهید.

نمونه ویجت کُمبو‌باکس
نمونه ویجت «کُمبو‌باکس» در پنل اپ‌ادیتور.

کاربردها

  • انتخاب یک گزینه از فهرست کشویی.
  • ساخت فیلدهایی مثل شهر، دسته‌بندی، نوع درخواست یا گزینه‌های زیاد.
  • کم کردن شلوغی صفحه وقتی تعداد گزینه‌ها زیاد است.
یادداشت

قبل از انتشار اپ، نمایش این ویجت را در اندازه‌های مختلف صفحه بررسی کنید.

فرم تنظیمات ویجت کُمبو‌باکس
فرم تنظیمات ویجت «کُمبو‌باکس» در پنل اپ‌ادیتور.

تنظیمات اصلی

اطلاعات فیلد

  • نام فیلد: نام داخلی فیلد کشویی است و برای ثبت مقدار انتخاب‌شده استفاده می‌شود.
  • برچسب فیلد: عنوانی است که کاربر می‌بیند؛ مثل «شهر»، «نوع درخواست» یا «دسته‌بندی».
  • اجازه خالی بودن مقدار: اگر غیرفعال باشد، کاربر باید حتماً یکی از گزینه‌ها را انتخاب کند.
  • متن راهنما: توضیح کوتاهی برای کمک به کاربر.
  • متن خطای خالی بودن: وقتی انتخاب گزینه اجباری است و کاربر چیزی انتخاب نکرده باشد نمایش داده می‌شود.

گزینه‌ها

در بخش «گزینه‌ها» مواردی را تعریف می‌کنید که کاربر می‌تواند از لیست کشویی انتخاب کند. برای هر گزینه بهتر است متن واضح و کوتاه بنویسید.

ظاهر فیلد

می‌توانید فونت، سایز متن گزینه‌ها، سایز برچسب، سایز خطا/راهنما، رنگ متن، رنگ برچسب، رنگ خطا، رنگ راهنما، رنگ زمینه، رنگ کادر، رنگ کادر هنگام انتخاب، ضخامت کادر، انحنای کادر و نمایش کامل کادر را تنظیم کنید.

اتصال به متغیر

اگر فیلد را به متغیر وصل کنید، مقدار انتخاب‌شده در همان متغیر ذخیره می‌شود. این کار برای فیلترها، انتخاب شهر، انتخاب دسته یا تغییر بخش‌های دیگر اپ کاربرد دارد.

نکته

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

نکات طراحی و تست

  • جایگاه «ویجت کُمبو‌باکس (فرم)» را در چیدمان صفحه با اندازه‌های مختلف نمایش بررسی کنید.
  • عنوان، متن و فاصله‌گذاری اطراف ویجت را با سایر اجزای همان صفحه هماهنگ نگه دارید.
  • قبل از انتشار، تعامل کاربر با ویجت را روی دستگاه واقعی تست کنید؛ مخصوصاً اگر ویجت داخل گروه، تب، اسلاید یا فرم قرار دارد.