Coral 3 Select dropdown doesn't render icon when usin...

[rafcap]

Hi, I'm using a select dropdown menu and I need to render an icon and text for each option.

When I use a SVG reference the icon is not shown in the dialog

<selectIcon
	jcr:primaryType="nt:unstructured"
    sling:resourceType="granite/ui/components/coral/foundation/form/select"
    fieldLabel="Select icon"
    name="./selectIcon">
    <items jcr:primaryType="nt:unstructured">
        <default
                                        jcr:primaryType="nt:unstructured"
                                        text="No icon"
                                        value="null"/>
        <icona1
                                        jcr:primaryType="nt:unstructured"
                                        icon="/content/dam/project/filename.svg#reference"
                                        text="text"
                                        value="/content/dam/project/filename.svg#reference"/>
        <icona2
                                        jcr:primaryType="nt:unstructured"
                                        icon="/content/dam/project/filename.svg#reference"
                                        text="text"
                                        value="/content/dam/project/filename.svg#reference"/>
    </items>
</selectIcon>

If I try to render a file that doesn't use the #reference, the icon is shown in the dropdown in the dialog.

Any advice?

[arunpatidar · Accepted solution]

Hi,

I would suggest checking error logs. It might be possible that with #reference the node is not able to be resolved in AEM because /content/dam/project/filename.svg#referenc is not a valid node in AEM.

[rafcap]

Hi, the svg is valid because I can see it on the page when I write it in the HTML: <svg class="icon xxl" data-sly-test="${properties.selectIcon!='null'}"> <use xlink:href="${properties.selectIcon}"></use> </svg>

[arunpatidar]

for HTML it is valid but for jcr the svg node with reference will bot be valid. if you will check the error logs, then you may find this in logs.

[rafcap]

ok thanks for clarifying, so does aem currently not support svg reference in jcr? should I only use regular svgs?