How to create multiselect field with avatar icon in options?

Hi

I am creating multiselect field in the following way.

<select id="link-issues" name="linkissues" multiple="" tabindex="-1">
<option value="OT-584" img-src = "/secure/viewavatar?size=xsmall&amp;avatarId=10300&amp;avatarType=issuetype" title="OT-584">OT-584 - Test</option>
<option value="OT-585" img-src = "/secure/viewavatar?size=xsmall&amp;avatarId=10300&amp;avatarType=issuetype" title="OT-585">OT-584 - Best</option>														   
</select>

AJS.$("#link-issues").not("[select2='true']").each(
        function(a)
        {
            new AJS.MultiSelect
            (
                {
                    element:this,
                    itemAttrDisplayed:"label",
                    errorMessage:AJS.params.multiselectComponentsError,
                    showDropdownButton:true
                }
            );
            AJS.$(this).attr("select2","true")
        }
    )

Field is getting created, but icon in the options are not displaying.

1 Like

Hi

I succeed only by updating the option attribute style

<option value="OT-584" style="background-image: url(\'/secure/viewavatar?size=xsmall&amp;avatarId=10300&amp;avatarType=issuetype\')" title="OT-584">OT-584 - Best</option> ```

Where I can find out the list of parameters to initialize AJS.Multiselect()?
1 Like