List
المان List لیستهای قابل سفارشیسازی با آیکونها، عناوین، اطلاعات meta، توضیحات و برچسبهای highlight اختیاری ایجاد میکند.
تنظیمات
آیتمهای لیست (List Items)
- List items (repeater) — آیتمهای لیست را اضافه و پیکربندی کنید. هر آیتم شامل:
- Icon (icon) — آیکون اختیاری برای آیتم لیست.
- Title (text) — متن عنوان اصلی.
- Link title (link) — عنوان را قابل کلیک کنید.
- Meta (text) — اطلاعات meta اضافی (مثلاً قیمت، تاریخ).
- Description (textarea) — متن توضیح طولانیتر.
- Highlight (checkbox) — این آیتم را بهعنوان highlighted علامتگذاری کنید.
- Highlight label (text) — متن برچسب سفارشی برای آیتمهای highlighted. فقط وقتی highlight فعال است در دسترس است.
آیتم لیست (List Item)
-
Justify content (justify-content) — تراز افقی محتوای آیتم لیست.
-
Align items (align-items) — تراز عمودی محتوای آیتم لیست. گزینهها:
flex-start،center،flex-end،baseline. -
Margin (spacing) — margin دور هر آیتم لیست.
-
Padding (spacing) — padding داخل هر آیتم لیست.
-
Odd background (color) — رنگ پسزمینه آیتمهای لیست با شماره فرد.
-
Even background (color) — رنگ پسزمینه آیتمهای لیست با شماره زوج.
-
Border (border) — استایل border برای آیتمهای لیست.
-
Auto width (checkbox) — عرض خودکار برای آیتمهای لیست را فعال کنید.
هایلایت (Highlight)
-
Block (checkbox) — برچسب highlight را بهعنوان المان block نمایش دهید.
-
Padding (spacing) — padding برای برچسب highlight.
-
Background (color) — رنگ پسزمینه برای برچسب highlight.
-
Border (border) — استایل border برای برچسب highlight.
-
Typography (typography) — تنظیمات typography برای برچسب highlight.
-
Padding (spacing) — padding برای محتوای آیتم highlighted.
-
Background (color) — رنگ پسزمینه برای محتوای آیتم highlighted.
-
Border (border) — استایل border برای محتوای آیتم highlighted.
-
Text color (color) — رنگ متن برای محتوای آیتم highlighted.
آیکون (Icon)
-
Icon (icon) — آیکون پیشفرض برای همه آیتمهای لیست.
-
After title (checkbox) — آیکون را بعد از عنوان قرار دهید بهجای قبل از آن.
-
Width (number with units) — عرض آیکون.
-
Height (number with units) — ارتفاع آیکون.
-
Size (number with units) — اندازه فونت آیکون.
-
Color (color) — رنگ آیکون.
-
Background color (color) — رنگ پسزمینه آیکون.
-
Border (border) — استایل border برای آیکون.
-
Box shadow (box-shadow) — box shadow برای آیکون.
عنوان (Title)
-
Margin (spacing) — margin دور عنوان.
-
HTML tag (text) — تگ HTML برای عنوان. از dynamic data پشتیبانی میکند. پیشفرض:
span. -
Typography (typography) — تنظیمات typography برای عنوان.
Meta
-
Margin (spacing) — margin دور متن meta.
-
Typography (typography) — تنظیمات typography برای متن meta.
توضیح (Description)
- Typography (typography) — تنظیمات typography برای توضیح.
جداکننده (Separator)
-
Disable (checkbox) — خط جداکننده بین آیتمها را غیرفعال کنید.
-
Style (select) — استایل border برای جداکننده. فقط وقتی جداکننده غیرفعال نیست در دسترس است.
-
Width (number with units) — عرض جداکننده. فقط وقتی جداکننده غیرفعال نیست در دسترس است.
-
Height (number with units) — ارتفاع/ضخامت جداکننده. فقط وقتی جداکننده غیرفعال نیست در دسترس است.
-
Color (color) — رنگ جداکننده. فقط وقتی جداکننده غیرفعال نیست در دسترس است.
مرجع توسعهدهنده
برای JSON schema کامل به List Schema مراجعه کنید.