انتخاب شیوه نمایش نگهدارنده
تنظیمات اختصاصی Container چهار حالت نمایشی Card، Fieldset، Collapse و Popup را در اختیار طراح فرم قرار می‌دهد. هم‌زمان فقط یکی از این چهار حالت می‌تواند فعال باشد. اگر هیچ‌کدام انتخاب نشوند، نگهدارنده به‌صورت ساده و بدون استایل ویژه نمایش داده می‌شود.
| گزینه | نتیجه نمایش | استفاده از عنوان فیلد |
|---|---|---|
| فعال‌سازی Card | نگهدارنده به‌صورت Card نمایش داده می‌شود. | عنوان فیلد نگهدارنده، عنوان Card می‌شود. |
| فعال‌سازی Fieldset | نگهدارنده به‌صورت Fieldset نمایش داده می‌شود. | عنوان فیلد نگهدارنده، عنوان Fieldset می‌شود. |
| فعال‌سازی Collapse | نگهدارنده به‌صورت Collapse نمایش داده می‌شود. | عنوان فیلد نگهدارنده، عنوان Collapse می‌شود. |
| فعال‌سازی Popup | نگهدارنده به‌صورت Popup نمایش داده می‌شود. | عنوان فیلد نگهدارنده، عنوان Popup می‌شود. |
شخصی‌سازی پس‌زمینه و ارتفاع
در بخش استایل‌های سفارشی می‌توان ظاهر نگهدارنده را با دو تنظیم زیر تغییر داد:
- رنگ پس‌زمینه: رنگ پس‌زمینه فیلد نگهدارنده را تعیین می‌کند.
- ارتفاع (px): یک ارتفاع ثابت برای نگهدارنده تعیین می‌کند. مقدار این فیلد فقط به‌صورت عدد وارد می‌شود؛ واحد px همراه عدد نوشته نمی‌شود.
شکل‌دهی گوشه‌ها و خط حاشیه
ظاهر مرزهای نگهدارنده از دو بخش شعاع مرزی (Border Radius) و خط حاشیه (Border) کنترل می‌شود.
گردکردن گوشه‌های نگهدارنده
در بخش شعاع مرزی (Border Radius) می‌توان برای هر گوشه نگهدارنده مقدار جداگانه تعیین کرد:
- بالا چپ
- بالا راست
- پایین چپ
- پایین راست
گزینه چهارطرف برای اعمال یک مقدار یکسان به هر چهار گوشه به‌صورت هم‌زمان استفاده می‌شود.
کنترل نمایش خط حاشیه
بخش خط حاشیه (Border) مشخص می‌کند آیا دور نگهدارنده Border نمایش داده شود و در صورت نمایش، ظاهر آن چگونه باشد.
- فعال‌سازی خط حاشیه: با فعال بودن این گزینه، Border دور نگهدارنده نمایش داده می‌شود؛ در غیر این صورت خط حاشیه نمایش داده نمی‌شود.
- رنگ: فقط وقتی خط حاشیه فعال باشد نمایش داده می‌شود و رنگ Border را تعیین می‌کند.
- عرض (px): فقط وقتی خط حاشیه فعال باشد نمایش داده می‌شود و ضخامت Border را تعیین می‌کند.
- نوع نمایش: فقط وقتی خط حاشیه فعال باشد نمایش داده می‌شود و استایل Border را تعیین می‌کند. گزینه‌های این بخش شامل خطی، نقطه‌ای و خط‌تیره‌ای هستند.
پیکربندی ظاهر و رفتار Collapse
بخش‌های مربوط به سربرگ و رفتار Collapse فقط زمانی نمایش داده می‌شوند که فعال‌سازی Collapse روشن باشد.
شخصی‌سازی سربرگ Collapse
بخش تنظیمات سربرگ برای تنظیم ظاهر هدر Collapse استفاده می‌شود:
- رنگ پس‌زمینه: رنگ پس‌زمینه سربرگ را تعیین می‌کند.
- رنگ حاشیه (Border Bottom): رنگ خط حاشیه پایینی سربرگ را تعیین می‌کند.
- عرض (px): ضخامت خط حاشیه پایینی سربرگ را تعیین می‌کند.
- نوع نمایش: استایل خط حاشیه پایینی سربرگ را تعیین می‌کند و شامل خطی، نقطه‌ای و خط‌تیره‌ای است.
کنترل وضعیت اولیه و حفظ ارتفاع
در بخش تنظیمات Collapse می‌توان وضعیت اولیه و اثر بسته‌شدن Collapse بر چیدمان فرم را کنترل کرد:
- به طور پیشفرض بسته باشد: اگر فعال باشد، Collapse به‌طور پیشفرض بسته نمایش داده می‌شود. اگر فعال نباشد، Collapse به‌طور پیشفرض باز است.
- ارتفاع حفظ شود: اگر فعال باشد، هنگام بسته‌شدن Collapse فضای ارتفاعی اشغال‌شده آزاد نمی‌شود؛ بنابراین چیدمان فیلدهای دیگر تغییر نمی‌کند.