Skip to main content
The available configurations for this field are:
  • Label
  • Code
  • Label
  • Label Span
  • Input Span
  • Read Only
  • Value Field
  • Title
  • Description
  • Avatar
  • Selected Item
  • Schema Name
  • Datasource
  • Render in Cards
  • Add new item

Label

Label to be displayed alongside the field, if you don’t define a label, the input will be displayed anyway

Code

The path to the context. This path is used to set/get the value from the context

Label and Input Span

These props are used to determine the space occupied by the label and the input

Read Only

Disable the field

Value Field

This field is used to get/set the selected value from the context. For instance, if you remote drop-down fetch a list of People (with PersonId and Name) and you want to save the PersonId you must configure it as the value field.

Title, Description, and Avatar

These fields allow determining which props of the fetched data you want to display to the users This configuration results in this:

Datasource

More details on data sources section

Selected Item

In some cases, we need not just save the Id of the selected (PersonId) item but the entire item (Person) into the context. To save the entire object you must define the path (SelectedPerson) where this object will be saved.

Schema Name

In paginated scenarios, we need to fetch the data plus the selected item, to get the selected item we use the GetById (Country($Id)) methods in Graphql, but that sometimes does not match the same name as the GetAll (Countries($where)) method used in the data source to fetch all items.
For instance, in this query, the schema name to get the selected country is not Countries but Country In this case, we need to set the Schema Name to Country

Render In Cards

Allows to render items as Cards

Add new Item

In some cases, you want to allow the users to add an item to the remote drop-down in case it does not exist When you enable this option you will be asked which feature you want open when clicking the Add New Item button