Loading ...

Custom icons for dropdown submenu | Communifire Support

Home » Spaces » Communifire Support » forum » Features and Functionality » Custom icons for dropdown submenu
Communifire Support

Leave Space :

Are you sure you want to leave this space?

Join this space:

Join this space?

Edit navigation item

Required The name that will appear in the space navigation.
Required
Required
Required The url can point to an internal or external web page.
 
Login to follow, share, and participate in this space.
Don’t have a support community login?Create your account now
Posted in: Features and Functionality

Custom icons for dropdown submenu

Subscribe to RSS
  • 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.

  • Answered

    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

Page 1 of 1 (4 items)