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. (Last updated on: November 16, 2018).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

menu css class

Thread ID:

Created:

Updated:

Platform:

Replies:

121221 Nov 19,2015 12:49 PM UTC Nov 24,2015 04:23 AM UTC ASP.NET Web Forms 5
loading
Tags: Menu
Manolo
Asked On November 19, 2015 12:49 PM UTC

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 [Syncfusion]
Replied On November 20, 2015 05:27 AM UTC

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
Replied On November 20, 2015 09:36 AM UTC

I attach an image.

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



Ezhil S [Syncfusion]
Replied On November 23, 2015 05:57 AM UTC

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
Replied On November 23, 2015 08:59 AM UTC

Oki, Thank you

Ezhil S [Syncfusion]
Replied On November 24, 2015 04:23 AM UTC

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

CONFIRMATION

This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon

;