Skip to main content

Kanban View

The Kanban View in SolidX is a powerful, metadata-driven interface that presents model records in a kanban format. It is auto-generated based on the model and field definitions and is fully configurable through a structured JSON layout.

This view supports robust features such as searching, filtering, sorting, pagination, data import/export, and custom actions—making it ideal for managing large collections of data with ease and flexibility.

Key Features​

Enabled via enableGlobalSearch: true, this allows users to search across multiple searchable fields quickly. Fields marked with isSearchable: true participate in this feature.

After applying the search it is visible in the search box, if search is applied on multiple fields then this results in an automatic AND clause being applied between the fields on which the search was applied.

Filtering​

Each field type supports type-specific filters:

Eg.

  • Numeric : greater than, less than, between
  • Date/Time : before, after, between, today, last X days
  • Selection : is one of, is not one of
  • Boolean : true, false
  • Text : contains, does not contain

To open the filter dialog you need to click on "Custom Filter" in the drop down that opens after clicking the "lens" icon or when applying Search.

You can form an arbitrarily complex filter using the available fields.

Filter Applied

TODO: Below table summarises the different operators available against each field type.

Field TypeAvailable Operators
Integer
  • Equals
  • Not Equals
  • Less Than
  • Less Than Or Equal
  • Greater Than
  • Greater Than Or Equal
  • In
  • Not In
  • Between
Big IntegerSame as Integer
DecimalSame as Integer
Short Text
  • Starts With
  • Contains
  • Not Contains
  • Ends With
  • Equals
  • Not Equals
  • In
  • Not In
......
......
......

Sorting​

Enable sorting per field using sortable: true. Clicking column headers toggles ascending/descending order.

Pagination​

Paginate large datasets efficiently with options to set default and allowed pageSizeOptions. Server-side pagination is supported for performance on large datasets.

Export​

Data can be exported in standard formats such as CSV or Excel. This allows external analysis or record-keeping. The export functionality is completely dynamic and metadata driven based on how you have configured your model & fields.

The export functionality works exactly as explained on the List View section

Import​

Users can import records in bulk via structured files. Field mapping, validations, and error handling are supported out of the box. The import functionality is completely dynamic and metadata driven based on how you have configured your model & fields.

The import functionality works exactly as explained on the List View section

Action Buttons​

Standard CRUD actions (create, edit, delete) can be enabled per model via layout attributes. You can also add custom action buttons tied to server-side logic, workflows, or external integrations.

These custom buttons can be added to the list view header or against each row.

TODO: More details can be found on the Action Buttons Recipe page.

TODO: Screenshots pending from Sapphire or anywhere we have action buttons on the list view.

Saved Filters​

The SolidX list view lets you apply custom filters and then save them using saved filters.

The saved filters functionality works exactly as explained on the List View section

Change Layout​

You can use the cog wheel in the upper right corner to change which all columns are currently displayed in the list view.

Saved Filter Step 4

Switch Layout​

When configured you can switch between the 2 collection views currently supported by SolidX viz. List & Kanban.

If enabled you will see this option enabled in the "Customize Layout" option that opens after clicking on the cog wheel in the upper right corner.

Saved Filter Step 4

  1. Configure Redis Based Exports: All exports in SolidX run in the background, we also have the provision to run large exports as a background job on a queue using our queues abstraction. This recipe talks about how to do this with Redis as the message broker.
  2. Configure Custom Import Instructions:
  3. Configure A Custom Widget: In this recipe we will see how we can customize the display and behavior of a column in the list view.
  4. Configure Switch Layout: In this recipe we will see how we can enable the list view to enable view switching.