PDA

View Full Version : sencha example problem



caseyd
27 Dec 2010, 10:28 PM
I was trying to follow the tutorial here:
http://dev.sencha.com/deploy/touch/getting-started.html#DetCreatingJS

I downloaded the code and went through the steps,
and my tabs don't look like the example displayed...

i see a psd file in the example code, but the styles don't seem to be there, and the js file doesn't seem to do it either....

does anyone have this exact example code?

jay@moduscreate.com
28 Dec 2010, 6:58 AM
the tab styles changed.

caseyd
28 Dec 2010, 9:14 AM
so, to get the tabpanel's tabs to look like tabs instead of buttons, I modified sencha-css.css lines 935-951 to be like below:

.x-tabbar.x-docked-top {
border-bottom:.1em solid;
height:2.6em;
padding:0 .8em;
}
.x-tabbar.x-docked-top .x-tab {
/*margin:.4em .4em .2em; */
margin:.4em .4em 0 0;
padding:.4em .8em;
height:1.8em;
-webkit-border-radius:.9em;
border-radius:.9em .9em 0 0;
-webkit-box-shadow:rgba(255, 255, 255, 0.1) 0 .1em .1em, inset rgba(0, 0, 0, 0.3) 0 .1em .2em;
}
.x-tabbar.x-docked-top .x-tab-active {
-webkit-box-shadow:rgba(255, 255, 255, 0.2) 0 .1em .1em, inset rgba(0, 0, 0, 0.3) 0 .1em .2em;
}