menu css class

[Manolo]

Hi,

In version 13.2.0.39 I can change the background color of menu control but,

I've update to versión 13.3.0.12 and the menu control ignore the attribute CssClass.

My code is:

<ej:Menu ID="menuPrincipal" runat="server" CssClass="menuPrincipal">

css

html .menuPrincipal {
   background-color:#3b5065;
   border: none;
   width: inherit;
}

html .menuPrincipal.e-horizontal .e-list > a {
    background-color:#3b5065;
    border: none;
    color: lightgray;
}

.menuPrincipal.e-horizontal .e-list:hover > a {
    background-color:#6d8091;
}

and it doesn't work now

[Ezhil S]

Hi Manolo,

Thank you for contacting Syncfusion support.

We were unable to reproduce the issue reported on CssClass with Menu control in version 13.3.0.12. We have prepared a sample with the shared code in the version 13.3.0.12 and CssClass is applied for the menu control properly.
Please find the sample from the link below:
http://www.syncfusion.com/downloads/support/forum/121221/ze/Menu_f121221-263357343

Please let us know if you have any other queries.

Regards,
Ezhil S

[Manolo]

I attach an image.

Now, I have a blank area, and cannot change this color. Also, can not change the border color.

[Ezhil S]

Hi Manolo,

Thanks for the update.

Query : I have a blank area, and cannot change this color. Also, cannot change the border color
                Since you have only set the background color for Menu list items in the shared code, the background color is set only for “e-list” class items. Also you have set border as none in the code so that menu items background is not set. To overcome the issue we suggest you the following code sample,
<code>
[CSS]

    /*set background color and border for entire UL */

.menuPrincipal .e-horizontal {

    background-color:#3b5065;

    border: solid gray 2px;

    color: lightgray;
}
</code>

You can generate personalized theme colors for our controls using theme studio support. It will allow you to customize the color for all Syncfusion Essential Javascript controls and generates a custom CSS file to download. Please refer the following link,
http://js.syncfusion.com/themestudio/

Please let us know if you have any other queries.

Regards,
Ezhil S

[Manolo]

Oki, Thank you

[Ezhil S]

Hi Manolo,

Thanks for your update.

We are glad that the issue have been resolved at your end.

Please let us know if you need further assistance.

Regards,
Ezhil S