I am trying to attach a Home Icon to my Menu (which is loaded remotely from a dataSource), and am trying to find out how to display the icon centered similar to the <span> tags would in the <li>. The icon displays, but appears above any text or drop arrow.
Here is the syntax inside the HTML body after loading kendo and bootstrap:
<ulid="settingsmenu"/><script> $(document).ready(function() { $("#settingsmenu").kendoMenu({ dataSource: [ { text: "", cssClass: "glyphicon glyphicon-home", items: []} ] }); });</script>Any ideas as to how to get Text, Icon, and Arrow lined up properly, assuming it could just be a styling issue? I am relatively new as how to setup styles, so can't figure this out for myself. Might this be a case where I would need to create a Kendo Template for how these appear as an alternative?
Thanks!