Creating Dropdown in multifield using Sightly

3 replies
1196 views
Translate

Hi, I'm trying create a drop using multifield values. Does anyone know the sightly code for this?

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.

Anudeep_GarnepudiAccepted solution

New Participant

@keerthana_h_n

I guess you want to show the multifield items in a dropdown(select).

I have a nested multifield with name options. Multifield has textfield name ./option

Below is HTL to render multifield items as select.

<sly data-sly-list.children="${resource.getChildren}">
    <sly data-sly-test="${children.name == 'options'}">
        <select data-sly-list="${children.getChildren}">
            <option>${item.option}</option>
        </select>
    </sly>
</sly>

Anudeep_GarnepudiAccepted solution

New Participant

@keerthana_h_n

I guess you want to show the multifield items in a dropdown(select).

I have a nested multifield with name options. Multifield has textfield name ./option

Below is HTL to render multifield items as select.

<sly data-sly-list.children="${resource.getChildren}">
    <sly data-sly-test="${children.name == 'options'}">
        <select data-sly-list="${children.getChildren}">
            <option>${item.option}</option>
        </select>
    </sly>
</sly>

Translate

K

Keerthana_H_NAuthor

Employee

Thank you, was very helpful

Translate

Asutosh_Jena_

New Participant

Hi @keerthana_h_n

If I understand the requirement correctly, you have the multifield in your component dialog and have authored the values in it. Now you want to read those values and populate in HTML as a dropdown by iterating over HTL?

Thanks!

Translate

Sign up

Login with SSO

Login to the community

Login with SSO