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

Filter Active Filters

فیلترهای فعال یا انتخاب‌شده فعلی را نمایش می‌دهد تا کاربر با یک کلیک فیلتر را حذف کند. همه فیلترهای فعال query هدف را نشان می‌دهد.

نکته: این المان را در کنار سایر المان‌های فیلتر استفاده کنید تا به کاربران دید واضحی از انتخاب‌های فیلتر فعلی و راه‌های آسان برای تغییر معیارهای جستجو بدهید.

تنظیمات

  • Target query (query-list) — query‌ای که این فیلتر باید هدف قرار دهد را انتخاب کنید. در این نسخه فقط post query‌ها پشتیبانی می‌شوند.
  • Exclude filter IDs (text) — Bricks ID‌های المان‌های فیلتر که باید از لیست فیلترهای فعال حذف شوند را با کاما جدا کنید.
  • URL parameter (text) — یک نام پارامتر URL منحصربه‌فرد و خواناتر برای این فیلتر تعریف کنید.
  • Apply on (select) — زمان اعمال فیلتر را انتخاب کنید. گزینه‌ها: Input (فوری)، Submit (نیاز به کلیک دکمه). پیش‌فرض: Input.
  • Button — تنظیمات دکمه‌های حذف فیلتر.
  • Padding (spacing) — padding برای دکمه‌های حذف فیلتر.
  • Gap (number) — فاصله بین دکمه‌های فیلتر.
  • Size (select) — پیش‌تنظیم اندازه دکمه. گزینه‌ها: Default، Small، Medium، Large، Extra Large.
  • Style (select) — استایل دکمه. گزینه‌ها: None، Primary، Secondary، Success، Info، Warning، Danger، Dark، Light.
  • Circle (checkbox) — دکمه‌ها را دایره‌ای کنید.
  • Outline (checkbox) — از استایل دکمه outline استفاده کنید.
  • Background color (color) — رنگ پس‌زمینه سفارشی برای دکمه‌ها.
  • Border (border) — استایل border برای دکمه‌ها.
  • Typography (typography) — تنظیمات typography برای متن دکمه.
  • Icon — تنظیمات آیکون‌های حذف فیلتر.
  • Icon (icon) — آیکون نمایش داده‌شده روی دکمه‌های فیلتر.
  • Color (color) — رنگ آیکون.
  • Size (number) — اندازه آیکون.
  • Gap (number) — فاصله بین آیکون و متن.
  • Position (select) — موقعیت آیکون. گزینه‌ها: Left، Right. پیش‌فرض: Right.
  • Active filter — تنظیمات نمایش فیلتر فعال.
  • Prefix (text) — متن نمایش داده‌شده قبل از مقدار فیلتر.
  • Suffix (text) — متن نمایش داده‌شده بعد از مقدار فیلتر.
  • Title (text) — attribute title سفارشی برای لینک‌های فیلتر.

مرجع توسعه‌دهنده

برای JSON schema کامل به Filter - Active Filters Schema مراجعه کنید.