Base solution for your next web application
Open Closed

How to set the font of root menu items to uppercase? #7106


User avatar
0
dzungle created

Hello support team,

How can I set the font of root menu items (in Angular project) to uppercase while their children item still remain normal?

Thank you.


1 Answer(s)
  • User Avatar
    0
    ismcagdas created
    Support Team

    Hi @dzungle

    You need to modify side-bar-menu.component.html to do this. Something like below might work:

    Instead of this:

    <span class="m-menu__link-text">
    	{{item.name | localize}}
    </span>
    

    use this:

    <span *ngIf="parentItem" class="m-menu__link-text">
    	{{item.name | localize}}
    </span>
    <span *ngIf="!parentItem" class="m-menu__link-text">
    	{{item.name | localize | uppercase}}
    </span>