I have a custom skin, and cannot seem to get my custom arrows to show. I'd like bigger arrows for people browsing on touch devices. Is this possible? I tried amending the background-position values in the skin css, but to no avail. Currently, the images used seem to be coming from a fixed place in the sprite image, but not where I'm trying to point in the css.
NB: Even though this the RadTabStrip has ScrollChildren set to true, the tabs wrap in IE9 and Chrome, though never in Firefox (all Win7). Note that sometimes the tab strip becomes a single line strip as I remove and add tabs.
Any help would be welcome.
See an example at http://an.rsl.wustl.edu/radcontrolswebapp1/default.aspx
Here is part of my custom skin css (named "an12")
NB: Even though this the RadTabStrip has ScrollChildren set to true, the tabs wrap in IE9 and Chrome, though never in Firefox (all Win7). Note that sometimes the tab strip becomes a single line strip as I remove and add tabs.
Any help would be welcome.
See an example at http://an.rsl.wustl.edu/radcontrolswebapp1/default.aspx
Here is part of my custom skin css (named "an12")
.RadTabStrip_an
12
.rtsLI,
.RadTabStrip_an
12
.rtsLink
{
color
:
#000
;
font
:
12px
/
26px
"Segoe UI"
,
Arial
,
sans-serif
;
}
.RadTabStripLeft_an
12
.rtsSeparator,
.RadTabStripRight_an
12
.rtsSeparator
{
background
:
#828282
;
}
/* <disabled tabs> */
.RadTabStrip_an
12
.rtsDisabled
{
color
:
#aaa
;
}
/* </disabled tabs> */
/* <scrolling arrows> */
.RadTabStrip_an
12
.rtsNextArrow,
.RadTabStrip_an
12
.rtsPrevArrow,
.RadTabStrip_an
12
.rtsPrevArrowDisabled,
.RadTabStrip_an
12
.rtsNextArrowDisabled
{
background-image
:
url
(
'TabStrip/TabStripStates.png'
);
height
:
48px
;
width
:
32px
;
}
.RadTabStrip_an
12
.RadTabStripTop_an
12
.rtsNextArrow {
background-position
:
0
-288px
; }
.RadTabStrip_an
12
.RadTabStripTop_an
12
.rtsPrevArrow {
background-position
:
-32px
-288px
; }
.RadTabStrip_an
12
.RadTabStripTop_an
12
.rtsPrevArrowDisabled{
background-position
:
-64px
-288px
; }
.RadTabStrip_an
12
.RadTabStripTop_an
12
.rtsNextArrowDisabled{
background-position
:
-96px
-288px
; }
/* </scrolling arrows> */