Label Value Options for Field.picker

[KhaledAlMana]

As per the documentation here [https://nylo.dev/docs/6.x/forms#picker-fields], all the examples show options of Field.picker as List<String>, which doesn’t include a place for the value.

Typically, you have a backend that returns a list of options or an enum like this:

[
    {
        "id": "01e9f5a7-346e-4528-9f72-19220fd451e4",
        "name": "My First Collection"
    },
    {
        "id": "01e9f5a7-346e-4528-9f72-19220fd451e4",
        "name": "Vacation Photos"
    },
    {
        "id": "01e9f5a7-346e-4528-9f72-19220fd451e4",
        "name": "Recipes"
    }
]

In HTML, you would use a select option where the label is defined and the value is also defined but hidden.

Does Field.picker support this, or am I missing something?

I want to maintain a consistent design by using the same widgets, so I don’t want to resort to a workaround that could lead to inconsistent design.

Thanks

[agordn52]

As per the documentation here [https://nylo.dev/docs/6.x/forms#picker-fields], all the examples show options of Field.picker as List<String>, which doesn’t include a place for the value.

Typically, you have a backend that returns a list of options or an enum like this:

[

    {

        "id": "01e9f5a7-346e-4528-9f72-19220fd451e4",

        "name": "My First Collection"

    },

    {

        "id": "01e9f5a7-346e-4528-9f72-19220fd451e4",

        "name": "Vacation Photos"

    },

    {

        "id": "01e9f5a7-346e-4528-9f72-19220fd451e4",

        "name": "Recipes"

    }

]

In HTML, you would use a select option where the label is defined and the value is also defined but hidden.

Does Field.picker support this, or am I missing something?

I want to maintain a consistent design by using the same widgets, so I don’t want to resort to a workaround that could lead to inconsistent design.

Thanks

Hi @KhaledAlMana,

I'll think of a solution for this scenario and get back to you. Thanks