View Full Version : Sencha Touch within Architect Layout

23 Dec 2012, 11:12 AM
I am trying to create a mobile app in Sencha but my grids are kind of complex. How do I create something like this in sench touch 2.1? Your help would be appreciated!


26 Dec 2012, 8:09 AM
What am I looking at?

26 Dec 2012, 8:32 AM
Thanks for getting back to me!
Can you view the image I posted on this thread?
I created two different panels and used the spacer with a style for the colored boxes = .boxRed { font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-size: 16px; color: #ffffff; background: #FF0000; text-align:center; vertical-align: top;

and use the number form fields for the inputs with this style =

.formbox { padding: 3px; height: 60px; width: 80px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #006699; border-right-color: #006699; border-bottom-color: #006699; border-left-color: #006699; font-size: 16px; font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; background: -webkit-gradient(linear, center top, center bottom, color-stop(0%, #eee), color-stop(100%, #fff)); background: -moz-linear-gradient(top, #eee, #fff); text-align: center;

and for my panels I created another style for the background. The issue on this one even though I created a border radius for one of the corners it doesn't display.

#box { -webkit-border-radius: 0px 0px 15px 0px; background-color: #d9e2d7; border: 0px solid #006699; width: 90%; height: 100px; padding: 10px;

Thanks so much,