Custom icons for dropdown submenu | Communifire Support

I'd like to have a template for the dropdown submenu so that we can have custom icons using the foreground image but have the size / position of the icons for the dropdown submenu.

Hi Sierra,

Can you create a case for the same?

Thanks,
Raghav

I was given this answer by  Grace Kamau for creating a template for default unordered list so I'm hoping that it is similar for the dropdown submenu. I just need to know the HTML to create a template.

Hi Sierra,

By default, each item in a sub menu uses the "Default Unordered List Item" button template. You can see this by editing the "Dropdown sub menu" template and checking the "Link item template."

To allow image icons for items in sub menus, edit the "Default Unordered List Item" button template and update the code to the below.

<li class="{{CustomCSSClass}}">
    <a href="{{{Contents.URL}}}" {{Contents.ngCode}}>
        {{#if Contents.IconCSSClass}}<i class="{{IconCSSClass}}"></i>{{/if}}{{#if Contents.ForegroundImageURL}}<img class="btn-image-icon" src="{{Contents.ForegroundImageURL}}" />{{/if}}{{{WidgetTitle}}}
    </a>
</li>

Grace