How to create a separator item in JXMenu built from JSON data

[jqwidgetuserParticipant]

There is a separator line jxmenu shown in the Default Functionality example.

The separator line is right after Manufacturing item in the Solution menu.

It is created by setting the type attribute of the <li></li> element:

          <li><a href="#Education">Education</a></li>
          <li><a href="#Financial">Financial services</a></li>
          <li><a href="#Government">Government</a></li>
          <li><a href="#Manufacturing">Manufacturing</a></li>
          <li type="separator">
          <li>

Is there a way to create a similar separator item in the jxmenu that is built from JSON data?

Here is a link of JSON menu example

[MartinParticipant]

Hello jqwidgetuser,

You could add an item with empty text in the JSON data and then select it and add jqx-menu-item-separator class to it after the jqxMenu is created.
Please, take a look at the following Example.

Best Regards,
Martin Yotov

jQWidgets team
https://www.jqwidgets.com

[Author]

Posts