Page 1 of 1

How to create a side menu (side panel) for iPad

Posted: Thu Mar 22, 2012 2:13 am
by shawnisgolfin
I'm wondering how to create a side menu (side panel) for iPad. Preferrably one that can scroll (if needed). See this image to see what I'm talking about.

Re: How to create a side menu (side panel) for iPad

Posted: Thu Mar 22, 2012 2:16 am
by KennyR
not sure if this will help you, but go to Rev home page and to the store....download the trial of MobGUI and give it a try...there are some native IOS scrollers and Android scrollers that will do the trick. I only know because I just did a similar test app with the product...hope this helps...

Re: How to create a side menu (side panel) for iPad

Posted: Thu Mar 22, 2012 6:42 am
by shawnisgolfin
Maybe I'm missing it, but all I see is a horizontal slider and a horizontal progress bar.

Re: How to create a side menu (side panel) for iPad

Posted: Thu Mar 22, 2012 7:07 am
by Jellicle
shawnisgolfin wrote:Maybe I'm missing it, but all I see is a horizontal slider and a horizontal progress bar.
Control-click on the little iPhone image to see other options. Under native iOS controls: look for the scroller object. Read the documentation for that and you'll get a feel for what it can do.

Gerry

Re: How to create a side menu (side panel) for iPad

Posted: Thu Mar 22, 2012 7:09 am
by Jellicle
Are you developing on Windows? If so you won't be able to deploy iOS apps.

Gerry

Re: How to create a side menu (side panel) for iPad

Posted: Thu Mar 22, 2012 7:30 am
by shawnisgolfin
Ah, that may be the reason then! Waiting for my new Mac! Right now, I am on a Windows machine. Figured since MobGUI had some of the other objects I could at least get a feel for it, but guess not since I can't click on the little iphone icon.

Re: How to create a side menu (side panel) for iPad

Posted: Thu Mar 22, 2012 8:33 am
by Jellicle
Hmmm I wasn't aware that you couldn't use MobGUI on Windows...just that you can't create standalone iOS apps :)

g

Re: How to create a side menu (side panel) for iPad

Posted: Thu Mar 22, 2012 9:18 am
by bn
Hi Shawn,

if you want to do a split screen by hand here is an example of a screen split 3 ways:

http://forums.runrev.com/phpBB2/viewtop ... 224#p52581

it was done for the desktop. If you want to adapt it to a mobile device you would have to change it a bit. Now a mouseMove handler polls where the mouse is to change the cursor if over a "draggable" part of the splits. You would enlarge the area that starts making the splits draggable and use the mousemove to move the panes.

If there are any questions about it feel free to ask.

Kind regards

Bernd

Re: How to create a side menu (side panel) for iPad

Posted: Thu Mar 22, 2012 5:34 pm
by FireWorx
Hi,
I like tactile media's tool kit much better than mobgui and I own both. I could get the pane to scroll and look a lot like that one you show but not sure I can get the icons in the top left to scroll with each louver and not sure I could get the switch in the top right to scroll as well. You might be able to get it done with datagrids I find them to be complex and frustrating.

I currently have three scrolling panes on one card and am dynamicly setting the scroll rect of each of those three panes based on variable input. I am using tactile medias "Table" control which resembles the louvers you show in your picute. (is that what they call them?) and setting and getting the tmText of it. (tm is used in front of most livecode commands in tm tools) The placement and size is up to you.

By the way the tactile media forum is active and most questions are answered by a pro within an hour or at most a day.

Dave