This is a migrated thread and some comments may be shown as answers.

How to Add Separator in Kendo Menu Using the DataSource

5 Answers 823 Views
Menu
This is a migrated thread and some comments may be shown as answers.
Lee
Top achievements
Rank 1
Lee asked on 21 Jun 2017, 02:58 PM

I just upgraded to the latest Kendo Pro: 2017.2.504.  This broke our code in several places. The most significant is that setting the cssClass to 'k-separator' no longer creates a line in the menu to separate menu groups. We used to be able to add a separator like this, but it no longer works:

<p>let menuItem = {</p><p>  text: '',</p><p>  cssClass: 'k-separator',</p><p>  enabled: false</p><p>}</p

 

5 Answers, 1 is accepted

Sort by
0
Lee
Top achievements
Rank 1
answered on 21 Jun 2017, 03:00 PM

let menuItem = {

   text: '',

   cssClass: 'k-separator',

  enabled: false

}

0
Lee
Top achievements
Rank 1
answered on 21 Jun 2017, 03:01 PM

let menuItem = {

   text: "",

   cssClass: "k-separator",

   enabled: false

}

0
Lee
Top achievements
Rank 1
answered on 21 Jun 2017, 03:01 PM
let menuItem = {
   text: "",
   cssClass: "k-separator",
   enabled: false
}
0
Lee
Top achievements
Rank 1
answered on 21 Jun 2017, 03:02 PM
let menuItem = {
 
   text: "",
 
   cssClass: "k-separator",
 
   enabled: false
 
}
0
Dimitar
Telerik team
answered on 23 Jun 2017, 08:15 AM
Hello Lee,

On the following Plunker example you will find a working implementation of the Kendo UI Menu. If you open the dropdown you will notice that there is a separator after each menu item.

Can you verify if the above example is working correctly on your end? In case the issue continues to persist, may I ask you to provide a runnable sample which reproduces the problematic behavior?

Regards,
Dimitar
Progress Telerik
Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Tags
Menu
Asked by
Lee
Top achievements
Rank 1
Answers by
Lee
Top achievements
Rank 1
Dimitar
Telerik team
Share this question
or