We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

MenuItem without 'URL' has differnt style than with 'URL'

I have:

 <MenuItem Text="Reports" Url="/Reports">


<MenuItem Text="Administrator">






The 'Reports' menu item and 'Administrator' item should have same styling. But what I found is that if the MenuItem does not have a URL (because it's a dropdown):, then it has completely different styling.

How can I have consistent styling across menu items with and without URLs?

1 Reply

YA YuvanShankar Arunagiri Syncfusion Team March 8, 2023 07:00 AM UTC

Hi Etimesheets,

We have checked your reported query and using the below CSS style we can differentiate the with/without URL menu item.


    .e-menu-item.e-navigable {

        text-decoration-line: underline;

        color: dodgerblue !important;


    .e-ul .e-menu-item.e-navigable {

        text-decoration-line: underline;

        color: dodgerblue !important;

        display: flex !important;



Check with attached sample code file and get back to use if you need any further assistance on this. 


YuvanShankar A

Attachment: Counter_e20ed0dc.zip

Live Chat Icon For mobile
Up arrow icon