Posted 13 Jun 2012
Link to this post
Here is the scenario, I'm building a dynamically changing layout site based on the resolution of the screen. I switch between a panelbar and menu depending on my width. Now this works great on my desktop and my mobile phone (myTouch 4g). It does not work on my Kindle Fire or Galaxy Tab 10.1. On the tablets if I tell the lists to be hidden by default and choose to show one based on the screen size it doesn't do anything. If I display both by default and hide the one I don't want all it does is remove all the formatting from the list I want to hide. I've ripped out the .kendoPanelBar() and .kendoMenu() from my scripts and everything functions as it should on all devices. Unless someone has a better idea is there a fix for this issue?
EDIT: I have tried to use jQuery show/hide and creating a class that I just add or remove. Both have the same result.
EDIT2: I got this working. For some reason I have to apply my show hide settings prior to setting the .kendoPanelBar or .kendoMenu in my $(document).ready function.