Hi Toni,
Thank you for contacting Syncfusion support.
Query #1: Alignment (right) but Id also like to change color or font.
We have checked your reported requirement to change color or font and it can be achievable in our EJ2 Menu by using the ‘cssClass’ property. By using cssClass, we can apply color and font style for menu elements as like as below.
CSHTML:
|
<ejs-menu id="menu" cssClass="customCss" items="ViewBag.data" fields="ViewBag.menuFields" select="onSelect"></ejs-menu>
<style>
.customCss ul.e-menu {
font-style: italic;
color: blue;
}
</style> |
Before we proceed further, we would like to know whether you want to align the Menu in right side of your page or you want render menu in right to left direction.
Query #2 : Can I also define the controller, action and parameters instead of the url?
Yes, your requirement can be achievable in our EJ2 Menu by setting the action, parameter, and controller argument in the Menu datasource and navigate to particular action by using ‘select’ client-side event as like as below.
CSHTML:
|
<ejs-menu id="menu" cssClass="customCss" items="ViewBag.data" fields="ViewBag.menuFields" select="onSelect"></ejs-menu>
<script>
function onSelect(args) {
if (args.item.action)
window.location.rel='nofollow' href = window.location.rel='nofollow' href + "/" + args.item.controller + "/"+args.item.action + "?name=" + args.item.parameter; // Set the URL
}
</script> |
C#:
|
List<object> data = new List<object>() {
new {
header = "Events",
subItems = new List<object>() {
new { text= "Conferences", action = "conference", parameter = "conferenceName", controller = "Home"},
new { text= "Music", action = "music", parameter = "instrumentName", controller = "Home" },
new { text= "Workshops" }
}
},
// ..
}; |
For your convenience, we have prepared a sample to demonstrate your scenario (check with sub items from Events menu item). Please find the link below.
Demo sample:
Local sample:
Could you please check the above sample & links and get back to us if we misunderstood your requirement or if you need any further assistance on this?
Regards,
Silambarasan
