I want to code a 3x segment full screen UI for ipad through HTML. The premise is a main toolbar, a sub toolbar and content panel. Of course the main toolbar actions will change the subs content, and the subs actions whill change the content panel.
I have played around with .sortable for a solution and achieved something fairly rough and clunky. Would I be better to do this using .position collision? I'm sure there's a much nicer solution than what I have built and I'm looking for any pointers for a better outcome.
I want the ability to shift the mainToolbar and subToolbar layers around while maintaining nav functionality so that people with pref for right/left hand nav can customise the UI.
The sorting all works well when there's four layers of equal size, but when I drop to 3 layers (with one as full width) the positioning gets a little disrupted. Since I'm a newbie at this coding stuff I thought you guys might be able to show me the way?