پرش به محتویات

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 مراجعه کنید.