I am trying to create horizontal menus, which change to vertical menus for smaller size views. Grids and Divisions will adjust only some menus to the next line leaving more than one menu on the first line. Is there any other way? I tried using smart menu plugin and it does not work.
Add the Smart Menu Zip file as a static resource.
Create a Template with your Smart menu code in it.
Just make sure the id for the
- tag matches the one you use in your jQuery selector. Again, I have not tried this, but in theory, it should work.
Thank you for the reply. I did try that- first thing, I was not able to include js/ css as a static resource in Skuid Mobile builder either from the .zip static resource or the individual file static resources. The html for the static resource always rendered src empty. Anyway I copied the smart menu .js and .css contents as inline resources and I called the smartmenus function. It did not work, the menus did render but they don’t go vertical all at the same time as they are supposed to, on a smaller view, instead, they adjust to different lines as divisions would do.
Update: The smart menu plugin did work, other than calling the smartmenu function, I had to also change css according to the viewport size, for it to work.
Glad you got that worked out Sravanthi, Did you ever get the resources loading from the zip file worked out? Or are you still putting the code inline?