- This topic has 6 replies, 2 voices, and was last updated 10 years, 1 month ago by
.
-
Posts
-
In my project I am working on, I have a banner and toolbar on the top and then a toolbar and then a navbar on the bottom.
In between the two toolbars, I want to put content complete with text, buttons and graphics and then a scroll bar to see it all.
How do I create such a design? Is there a way to create a scrolling panel that is visually editable?
Mike
I might be misunderstanding your question, but you can use the panel widget as a container for other widgets. The panel widget has a vertical scroll bar option and should be able to do exactly what you are describing. See the Container Widget documentation for more help.
Not so fast . . .
I may have found a bug. When I put an invisible container in between the toolbars, when I test it in the mobile web simulator, instead of scrolling just in the panel, both toolbars and the panel scroll in weird and wacky ways.
I have not tested it on my phone, but I HOPE it does not do that!
Also, is there a way to LOCK items on the screen, such as the toolbars and other buttons/controls I do not want to change the position of? If not, I see locking as a REQUIRED feature.
Mike
You can lock widgets in place by using setting the autoResize properties. To lock, you would want to use the red bars, to stretch you would want ti use the green arrows.
It’s very unreliable.
Instead, I am going to have to create several versions – one for small devices like the iphone 4, one for medium devices like the iphone 5/samsung 4/5, and perhaps one for large 7″ devices, although at that size, the main website should be fine.
Mike
I have heard of others having troubles with this but I have always been able to get it to work in my apps. Did you try placing your widgets inside transparent panels and then locking the panels in place relative tot he screen? Then you can lock your widgets in place relative to the panel(s). Not sure if this will help in your situation or not but it’s worth a try if you haven’t already.
