Adobe Employee

Solved

Creating Dropdown in multifield using Sightly

3 replies
1208 views
Translate All

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

Community Advisor

@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>

AG

Asutosh_Jena_

Community Advisor

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

Anudeep_Garnepudi

Accepted solution

Community Advisor

@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

AG

K

Keerthana_H_N

Author

Adobe Employee

Thank you, was very helpful

Translate

Sign up

Login with SSO

Login to the community

Login with SSO