
Jeremy T. Fuller
Top achievements
Rank 1
Jeremy T. Fuller
asked on 18 Dec 2009, 01:10 AM
What is your stated level of support for Firefox 2.x? Your control suite all works great in it, with the huge exception of the Toolbar control. This isn't new to Q3 2009, it's been an issue for several releases. The Toolbar is completely broken in many ways on Fx2, and although I was able to doctor up the CSS in previous releases to make it work, with Q3 2009 SP1 I am so far unable to get it fully working in Fx2. I'm concerned that Telerik is no longer supporting Fx2, and that I will have to end-of-life the browser with my clients, many of which are still using it.
6 Answers, 1 is accepted
0
Hello Jeremy,
What are the issues you encounter with RadToolBar in Firefox 2? We are trying to support it fully, but sometimes issues are bound to show up (since it doesn't support display: inline-block). Can you send a live URL or a screenshot and a detailed description? Thank you in advance.
Best wishes,
Kamen Bundev
the Telerik team
Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.
What are the issues you encounter with RadToolBar in Firefox 2? We are trying to support it fully, but sometimes issues are bound to show up (since it doesn't support display: inline-block). Can you send a live URL or a screenshot and a detailed description? Thank you in advance.
Best wishes,
Kamen Bundev
the Telerik team
Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.
0

Jeremy T. Fuller
Top achievements
Rank 1
answered on 18 Dec 2009, 07:54 PM
Kamen, thanks for your response. The display: inline-block issue is indeed the reason Fx2 refuses to behave well. My application deals with sensitive medical data, so I can't offer an external link or sample code.
I am working through the CSS a bit more today with Firebug. I've applied the same changes to Q3 2009 SP1 that I did to Q2 2009, and it almost works, but for some reason when I enable a disabled button on the client, the entire button disappears! That's the only remaining issue I need to solve.
If I do get this worked out, I'll post the modified CSS. It could be useful for your team. Meanwhile, if you have any insight as to why a button would disappear when it is enabled on the client, let me know. (The button becomes invisible but still takes up space.)
0

Jeremy T. Fuller
Top achievements
Rank 1
answered on 18 Dec 2009, 08:19 PM
I appear to have gotten it to work, pending some more thorough testing. Firefox 2 is just extremely picky when it comes to inline boxes. The rendering engine is horribly buggy with these, and will do all kinds of fun indeterminate things with them depending on various situations. For our application, I believe these fixes will do the trick.
I can send you the revised CSS if you wish, but this forum only allows image attachments.
0
Accepted
Hi Jeremy,
You can post the CSS here as Format Code Block or with applied code insert CSS class. I will give you some Telerik points when you do so. Meanwhile I fixed one bug in the Firefox 2 rendering (the missing images on first load) which will appear with the next internal build - you can try to see if it helps.
That said, Firefox 2 is in End of Life status - Mozilla doesn't support it anymore. We still offer support for it, but since Firefox 2 is old, slow and buggy, we advise our clients to upgrade to newer Firefox versions. You may want to do so too.
Kind regards,
Kamen Bundev
the Telerik team
Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.
You can post the CSS here as Format Code Block or with applied code insert CSS class. I will give you some Telerik points when you do so. Meanwhile I fixed one bug in the Firefox 2 rendering (the missing images on first load) which will appear with the next internal build - you can try to see if it helps.
That said, Firefox 2 is in End of Life status - Mozilla doesn't support it anymore. We still offer support for it, but since Firefox 2 is old, slow and buggy, we advise our clients to upgrade to newer Firefox versions. You may want to do so too.
Kind regards,
Kamen Bundev
the Telerik team
Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.
0

Jeremy T. Fuller
Top achievements
Rank 1
answered on 22 Dec 2009, 06:12 PM
The base CSS is:
/* RadToolBar / base */ |
/* <wrappers and common styles> */ |
.RadToolBar |
{ |
margin: 0; |
padding: 0; |
} |
.RadToolBar |
{ |
cursor: default; |
text-align: left; |
} |
.RadToolBar_rtl |
{ |
text-align: rightright; |
float: rightright; |
} |
.RadToolBar, |
.RadToolBar .rtbUL, |
.RadToolBar .rtbItem, |
.RadToolBar .rtbTemplate, |
.RadToolBar .rtbWrap, .RadToolBar .rtbOut, .RadToolBar .rtbMid, .RadToolBar .rtbIn |
{ |
whitewhite-space: nowrap; |
vertical-align: top; |
display: inline-block; |
zoom: 1; |
*display: inline; |
} |
.RadToolBar, |
.RadToolBar .rtbItem, |
.RadToolBar .rtbWrap, |
.RadToolBar .rtbOut, |
.RadToolBar .rtbMid, |
x:-moz-any-link |
{ |
display: table-cell; |
} |
.RadToolBar .rtbUL, |
.RadToolBar .rtbIn, |
x:-moz-any-link |
{ |
display: table; |
} |
/*div.RadToolBar .rtbOuter, x:-moz-any-link { display: -moz-inline-box; }*/ /* fix the toolbar borders in FF2 */ |
/*div.RadToolBar .rtbOuter, x:-moz-any-link, x:default { display: block; }*/ /* restore for FF3+ (affects set width) */ |
.RadToolBar .rtbSplBtn .rtbSplBtnActivator, .RadToolBar .rtbChoiceArrow |
{ |
whitewhite-space: nowrap; |
vertical-align: top; |
display: inline-block; |
zoom: 1; |
*display: table-cell; |
} |
.RadToolBar .rtbSplBtn .rtbSplBtnActivator, .RadToolBar .rtbChoiceArrow, |
x:-moz-any-link { |
display: table-cell; |
} |
.RadToolBar .rtbInner |
{ |
padding: 1px; |
} |
.RadToolBar .rtbUL, |
.RadToolBar .rtbItem |
{ |
list-style-position: outside; |
list-style-type: none; |
margin: 0; |
padding: 0; |
vertical-align: middle; |
} |
* html .RadToolBar .rtbUL, |
* html .RadToolBar .rtbItem { vertical-align: top; } |
*+html .RadToolBar .rtbUL, |
*+html .RadToolBar .rtbItem { vertical-align: top; } |
/* </wrappers and common styles> */ |
/* <items> */ |
.RadToolBar .rtbItem |
{ |
margin: 0 1px; /* spacing between items */ |
} |
.RadToolBar_Vertical .rtbUL |
{ |
display: table; |
} |
.RadToolBar_Vertical .rtbItem |
{ |
display: block; |
zoom: normal; |
margin: 0; |
} |
.RadToolBar .rtbWrap |
{ |
text-decoration: none; |
vertical-align: top; |
outline: 0; |
cursor: pointer; |
} |
.RadToolBar .rtbDisabled .rtbWrap |
{ |
cursor: default; |
} |
.RadToolBar .rtbMid |
{ |
padding: 0 3px 3px 0; |
} |
.RadToolBar .rtbIn |
{ |
padding: 3px 0 0 3px; |
overflow: hidden; |
} |
.RadToolBar .rtbIn, |
.RadToolBar .rtbIn * |
{ |
vertical-align: middle; |
} |
.RadToolBar .rtbIcon |
{ |
border: 0; |
padding: 2px; |
} |
.RadToolBar .rtbIcon+.rtbText, |
x:-moz-any-link |
{ |
margin-top: 2px; |
vertical-align: middle; |
} |
.RadToolBar_Vertical .rtbIcon+.rtbText, |
.RadToolBar .rtbDropDown.rtbDisabled .rtbIcon+.rtbText, |
x:-moz-any-link |
{ |
margin-top: -5px; |
vertical-align: middle; |
} |
.RadToolBar .rtbText { padding: 0 3px; } |
.RadToolBar .rtbText, x:-moz-any-link { padding: 0 1px 0 0; } |
.RadToolBar .rtbText, x:-moz-any-link, x:default { padding: 0 3px; } |
.RadToolBar .rtbDropDown .rtbText, |
.RadToolBar .rtbSplBtn .rtbText { padding: 0 0 0 3px; } |
.RadToolBar_rtl .rtbDropDown .rtbText, |
.RadToolBar_rtl .rtbSplBtn .rtbText { padding: 0 3px 0 0; } |
.RadToolBar .rtbText u /* accesskeys */ |
{ |
vertical-align: baselinebaseline; |
} |
/* <disabled states> */ |
.RadToolBar .rtbDisabled |
{ |
-moz-opacity: .4; |
opacity: .4; |
} |
/* Opacity hack for IE */ |
.RadToolBar .rtbDisabled .rtbIcon, |
.RadToolBar .rtbDisabled .rtbChoiceArrow |
{ |
filter: alpha(opacity=40)\9; |
-ms-filter: "alpha(opacity=40)"\9; |
} |
@media screen and (-webkit-min-device-pixel-ratio:0) /* Opacity hack for WebKit */ |
{ |
.RadToolBar .rtbDisabled { opacity: 1; } |
.RadToolBar .rtbDisabled .rtbIcon, |
.RadToolBar .rtbDisabled .rtbChoiceArrow { opacity: .4; } |
} |
/* </disabled states> */ |
.RadToolBar .rtbVOriented |
{ |
text-align: center; |
} |
.RadToolBar .rtbDropDown .rtbVOriented { position: relative; padding-right: 20px; } |
.RadToolBar .rtbSplBtn .rtbVOriented { position: relative; padding-right: 25px; } |
.RadToolBar_rtl .rtbDropDown .rtbVOriented { padding-right: 0; padding-left: 20px; } |
.RadToolBar_rtl .rtbSplBtn .rtbVOriented { padding-right: 0; padding-left: 25px; } |
.RadToolBar .rtbVOriented .rtbIcon |
{ |
display: block; |
margin: 0 auto; |
} |
.RadToolBar .rtbVOriented, |
x:-moz-any-link |
{ |
display: block; |
} |
.RadToolBar .rtbVOriented .rtbChoiceArrow |
{ |
position: absolute; |
top: 50%; |
margin-top: -9px; |
rightright: 0; |
} |
.RadToolBar_rtl .rtbVOriented .rtbChoiceArrow { rightright: auto; left: 0; } |
/* in ie, text-align: center does the trick (and margins fux0r items) */ |
* html .RadToolBar .rtbVOriented .rtbIcon { margin: 0; } |
*+html .RadToolBar .rtbVOriented .rtbIcon { margin: 0; } |
/* <separators> */ |
.RadToolBar .rtbSeparator |
{ |
line-height: 0; |
font-size: 0; |
vertical-align: top; |
} |
* html .RadToolBar_Horizontal .rtbSeparator .rtbText |
{ |
padding: 0; |
} |
.RadToolBar_Horizontal .rtbSeparator |
{ |
height: 25px; |
width: 1px; |
display: inline-block; |
position: relative; |
vertical-align: middle; |
} |
* html .RadToolBar_Horizontal .rtbSeparator { display: inline; vertical-align: middle; top: 50%; margin-top: -20px; } |
*+html .RadToolBar_Horizontal .rtbSeparator { display: inline; vertical-align: middle; top: 50%; margin-top: -20px; } |
.RadToolBar_Vertical .rtbSeparator |
{ |
width: 25px; |
height: 1px; |
} |
/* </separators> */ |
/* <the lovely small arrow> */ |
.RadToolBar .rtbChoiceArrow |
{ |
width: 18px; |
height: 20px; |
margin-left: 7px; |
} |
.RadToolBar_rtl .rtbChoiceArrow { margin-left: 0; margin-right: 7px; } |
.RadToolBar .rtbSplBtnHovered .rtbChoiceArrow, |
.RadToolBar .rtbSplBtnFocused .rtbChoiceArrow, |
.RadToolBar .rtbSplBtnExpanded .rtbChoiceArrow |
{ |
width: 20px; |
margin-left: 5px; |
} |
.RadToolBar_rtl .rtbSplBtnHovered .rtbChoiceArrow, |
.RadToolBar_rtl .rtbSplBtnFocused .rtbChoiceArrow, |
.RadToolBar_rtl .rtbSplBtnExpanded .rtbChoiceArrow { margin-left: 0; margin-right: 5px; } |
/* </the lovely small arrow> */ |
/* <background positions> */ |
.RadToolBar .rtbDropDownExpanded .rtbWrap, |
.RadToolBar .rtbSplBtnExpanded .rtbWrap, |
.RadToolBar .rtbSplBtnFocused .rtbWrap, |
.RadToolBar .rtbChecked .rtbWrap, |
.RadToolBar .rtbItemClicked .rtbWrap, |
.RadToolBar .rtbItemFocused .rtbWrap, |
.RadToolBar .rtbItemHovered .rtbWrap |
{ |
background-position: 0 100%; |
} |
.RadToolBar .rtbDropDownExpanded .rtbOut, |
.RadToolBar .rtbSplBtnExpanded .rtbOut, |
.RadToolBar .rtbSplBtnFocused .rtbOut, |
.RadToolBar .rtbItemFocused .rtbOut, |
.RadToolBar .rtbItemClicked .rtbOut, |
.RadToolBar .rtbChecked .rtbOut, |
.RadToolBar .rtbItemHovered .rtbOut |
{ |
background-position: 100% 0; |
} |
.RadToolBar .rtbDropDownExpanded .rtbMid, |
.RadToolBar .rtbSplBtnExpanded .rtbMid, |
.RadToolBar .rtbSplBtnFocused .rtbMid, |
.RadToolBar .rtbItemFocused .rtbMid, |
.RadToolBar .rtbItemClicked .rtbMid, |
.RadToolBar .rtbChecked .rtbMid, |
.RadToolBar .rtbItemHovered .rtbMid |
{ |
background-position: 100% 100%; |
} |
.RadToolBar .rtbDropDownExpanded .rtbIn, |
.RadToolBar .rtbSplBtnExpanded .rtbIn, |
.RadToolBar .rtbSplBtnFocused .rtbIn, |
.RadToolBar .rtbItemFocused .rtbIn, |
.RadToolBar .rtbItemClicked .rtbIn, |
.RadToolBar .rtbChecked .rtbIn, |
.RadToolBar .rtbItemHovered .rtbIn |
{ |
background-position: 0 0; |
} |
.RadToolBar .rtbSplBtn .rtbChoiceArrow, |
.RadToolBar .rtbSplBtnExpanded .rtbChoiceArrow, |
.RadToolBar .rtbItem .rtbVOriented .rtbChoiceArrow, |
.RadToolBar .rtbChoiceArrow, |
.RadToolBar .rtbSplBtnClicked .rtbVOriented .rtbChoiceArrow, |
.RadToolBar .rtbSplBtnClicked .rtbChoiceArrow, |
.RadToolBar .rtbSplBtnHovered .rtbVOriented .rtbChoiceArrow, |
.RadToolBar .rtbSplBtnHovered .rtbChoiceArrow, |
.RadToolBar .rtbItemHovered .rtbVOriented .rtbChoiceArrow, |
.RadToolBar .rtbItemHovered .rtbChoiceArrow, |
.RadToolBar .rtbItemClicked .rtbVOriented .rtbChoiceArrow, |
.RadToolBar .rtbItemClicked .rtbChoiceArrow { background-position: 100% 50%; } |
.RadToolBar_rtl .rtbSplBtn .rtbChoiceArrow, |
.RadToolBar_rtl .rtbSplBtnExpanded .rtbChoiceArrow, |
.RadToolBar_rtl .rtbItem .rtbVOriented .rtbChoiceArrow, |
.RadToolBar_rtl .rtbChoiceArrow, |
.RadToolBar_rtl .rtbSplBtnClicked .rtbVOriented .rtbChoiceArrow, |
.RadToolBar_rtl .rtbSplBtnClicked .rtbChoiceArrow, |
.RadToolBar_rtl .rtbSplBtnHovered .rtbVOriented .rtbChoiceArrow, |
.RadToolBar_rtl .rtbSplBtnHovered .rtbChoiceArrow, |
.RadToolBar_rtl .rtbItemHovered .rtbVOriented .rtbChoiceArrow, |
.RadToolBar_rtl .rtbItemHovered .rtbChoiceArrow, |
.RadToolBar_rtl .rtbItemClicked .rtbVOriented .rtbChoiceArrow, |
.RadToolBar_rtl .rtbItemClicked .rtbChoiceArrow { background-position: 0 50%; } |
/* </background positions> */ |
/* </items> */ |
/* <drop-down> */ |
.RadToolBarDropDown |
{ |
border-style: solid; |
border-width: 1px; |
position: relative; |
text-align: left; |
cursor: default; |
background-repeat: repeat-y; |
background-position: 0 0; |
padding: 0; |
margin: 0; |
} |
.RadToolBarDropDown_rtl |
{ |
text-align: rightright; |
background-position: 100% 0; |
} |
.rtbScrollWrap |
{ |
position: absolute; |
overflow: hidden; |
left: 0; |
} |
.RadToolBarDropDown .rtbGroup |
{ |
display: block; |
padding: 0; |
margin: 0; |
} |
.RadToolBarDropDown .rtbSlide |
{ |
position: absolute; |
overflow: hidden; |
display: none; |
_height: 0; |
text-align: left; |
padding: 0; |
margin: 0; |
} |
.RadToolBarDropDown_rtl .rtbSlide |
{ |
text-align: rightright; |
} |
.RadToolBarDropDown .rtbGroup |
{ |
padding: 1px 0; |
} |
.RadToolBarDropDown .rtbItem, |
.RadToolBarDropDown .rtbSeparator |
{ |
position: relative; |
list-style-type: none; |
display: block; |
} |
.RadToolBarDropDown .rtbItem |
{ |
margin: 0; |
padding: 0 0 0 2px; |
outline: 0; |
} |
.RadToolBarDropDown .rtbWrap, |
.RadToolBarDropDown .rtbTemplate |
{ |
line-height: 22px; |
position: relative; |
} |
.RadToolBarDropDown .rtbWrap |
{ |
overflow: hidden; |
display: block; |
text-decoration: none; |
cursor: pointer; |
padding: 0 0 0 32px; |
margin: 0; |
} |
.RadToolBarDropDown_rtl .rtbWrap { padding: 0 32px 0 0; } |
* html div.RadToolBarDropDown .rtbWrap { position: static; line-height: 22px; } |
* html div.RadToolBarDropDown_rtl .rtbWrap { zoom: 1; } |
.RadToolBarDropDown .rtbIcon |
{ |
border: 0; |
vertical-align: top; |
position: absolute; |
left: 5px; |
top: 2px; |
display: block; |
} |
.RadToolBarDropDown_rtl .rtbIcon { left: auto; rightright: 5px; } |
* html .RadToolBarDropDown .rtbIcon { margin-left: -35px; } /* ie6 */ |
* html .RadToolBarDropDown_rtl .rtbIcon { margin-left: 0; float: rightright; } /* ie6 */ |
.RadToolBarDropDown .rtbText |
{ |
padding: 0 30px 0 3px; |
display: block; |
*display: inline; |
zoom: 1; |
} |
.RadToolBarDropDown_rtl .rtbText { padding: 0 3px 0 30px; } |
.RadToolBarDropDown .rtbDisabled .rtbWrap |
{ |
cursor: default; |
} |
.RadToolBarDropDown .rtbItemHovered, |
.RadToolBarDropDown .rtbItemFocused |
{ |
background-color: transparent; |
background-repeat: no-repeat; |
background-position: 0 0; |
} |
.RadToolBarDropDown .rtbItemHovered .rtbWrap, |
.RadToolBarDropDown .rtbItemFocused .rtbWrap |
{ |
background-color: transparent; |
background-repeat: no-repeat; |
background-position: 100% -22px; |
} |
.RadToolBar .rtbWrap:hover, |
.RadToolBar .rtbWrap:focus, |
.RadToolBarDropDown .rtbWrap:hover, |
.RadToolBarDropDown .rtbWrap:focus |
{ |
outline: 0; |
} |
.RadToolBarDropDown .rtbDisabled .rtbIcon |
{ |
filter: alpha(opacity=40); |
opacity: 0.4; |
-moz-opacity: 0.4; |
} |
.RadToolBarDropDown .rtbSeparator |
{ |
font-size: 0; |
line-height: 0; |
padding: 0; |
margin: 0; |
margin: 1px 1px 1px 30px; |
border-top-style: solid; |
border-top-width: 1px; |
} |
.RadToolBarDropDown_rtl .rtbSeparator { margin: 1px 30px 1px 1px; } |
/* </drop-down> */ |
And the Windows 7 skin CSS is:
/* <RadToolBar / Telerik> */ |
/* <tool wrapper> */ |
/* <horizontal> */ |
.RadToolBar_Windows7 .rtbOuter |
{ |
border: 1px solid #cddaea; |
} |
.RadToolBar_Windows7 .rtbMiddle |
{ |
border: 1px solid #fbfdfe; |
background: #e4edf8 url('Images/Telerik/Toolbar7/rtbControlBg.png') repeat-x 0 0; |
} |
/* </horizontal> */ |
/* <vertical> */ |
.RadToolBar_Windows7_Vertical .rtbMiddle |
{ |
background: #ebf3fb url('Images/Telerik/Toolbar7/rtbVerticalControlBg.png') repeat-y 0 0; |
} |
/* </vertical> */ |
/* </tool wrapper> */ |
/* <buttons> */ |
.RadToolBar_Windows7 .rtbWrap, |
.RadToolBar_Windows7 .rtbTemplate |
{ |
color: #1e395b; |
font: normal 12px/20px "Segoe UI", Arial, sans-serif; |
} |
/* <button states> */ |
.RadToolBar_Windows7 .rtbSplBtnFocused .rtbWrap, .RadToolBar_Windows7 .rtbSplBtnFocused .rtbOut, .RadToolBar_Windows7 .rtbSplBtnFocused .rtbMid, .RadToolBar_Windows7 .rtbSplBtnFocused .rtbIn, |
.RadToolBar_Windows7 .rtbItemFocused .rtbWrap, .RadToolBar_Windows7 .rtbItemFocused .rtbOut, .RadToolBar_Windows7 .rtbItemFocused .rtbMid, .RadToolBar_Windows7 .rtbItemFocused .rtbIn, |
.RadToolBar_Windows7 .rtbItemHovered .rtbWrap, .RadToolBar_Windows7 .rtbItemHovered .rtbOut, .RadToolBar_Windows7 .rtbItemHovered .rtbMid, .RadToolBar_Windows7 .rtbItemHovered .rtbIn |
{ |
background-color: transparent; |
background-repeat: no-repeat; |
background-image: url('Images/Telerik/Toolbar7/rtbHoverBg.png'); |
} |
.RadToolBar_Windows7 .rtbSplBtnExpanded .rtbWrap, .RadToolBar_Windows7 .rtbSplBtnExpanded .rtbOut, .RadToolBar_Windows7 .rtbSplBtnExpanded .rtbMid, .RadToolBar_Windows7 .rtbSplBtnExpanded .rtbIn, |
.RadToolBar_Windows7 .rtbDropDownExpanded .rtbWrap, .RadToolBar_Windows7 .rtbDropDownExpanded .rtbOut, .RadToolBar_Windows7 .rtbDropDownExpanded .rtbMid, .RadToolBar_Windows7 .rtbDropDownExpanded .rtbIn, |
.RadToolBar_Windows7 .rtbChecked .rtbWrap, .RadToolBar_Windows7 .rtbChecked .rtbOut, .RadToolBar_Windows7 .rtbChecked .rtbMid, .RadToolBar_Windows7 .rtbChecked .rtbIn |
{ |
background-color: transparent; |
background-repeat: no-repeat; |
background-image: url('Images/Telerik/Toolbar7/rtbActiveBg.png'); |
} |
.RadToolBar_Windows7 .rtbItemClicked .rtbWrap, .RadToolBar_Windows7 .rtbItemClicked .rtbOut, .RadToolBar_Windows7 .rtbItemClicked .rtbMid, .RadToolBar_Windows7 .rtbItemClicked .rtbIn |
{ |
background-color: transparent; |
background-repeat: no-repeat; |
background-image: url('Images/Telerik/Toolbar7/rtbActiveBg.png'); |
} |
/* </button states> */ |
/* <Drop Down Arrows> */ |
.RadToolBar_Windows7 .rtbSplBtn .rtbChoiceArrow, |
.RadToolBar_Windows7 .rtbItem .rtbVOriented .rtbChoiceArrow, |
.RadToolBar_Windows7 .rtbChoiceArrow |
{ |
background-image: url('Images/Telerik/Toolbar7/rtbDropArrows.png'); |
} |
.RadToolBar_Windows7 .rtbSplBtn .rtbExpandUp .rtbChoiceArrow, |
.RadToolBar_Windows7 .rtbExpandUp .rtbChoiceArrow |
{ |
background-image: url('Images/Telerik/Toolbar7/rtbUpArrows.png'); |
} |
.RadToolBar_Windows7 .rtbSplBtnClicked .rtbVOriented .rtbChoiceArrow, |
.RadToolBar_Windows7 .rtbSplBtnClicked .rtbChoiceArrow, |
.RadToolBar_Windows7 .rtbItemClicked .rtbVOriented .rtbChoiceArrow, |
.RadToolBar_Windows7 .rtbItemClicked .rtbChoiceArrow |
{ |
background-color: transparent; |
background-repeat: no-repeat; |
background-image: url('Images/Telerik/Toolbar7/rtbClickedDropArrows.png'); |
} |
.RadToolBar_Windows7 .rtbSplBtnClicked .rtbExpandUp .rtbChoiceArrow, |
.RadToolBar_Windows7 .rtbItemClicked .rtbExpandUp .rtbChoiceArrow |
{ |
background-image: url('Images/Telerik/Toolbar7/rtbClickedUpArrows.png'); |
} |
/* </Drop Down Arrows> */ |
.RadToolBar_Windows7_Horizontal li.rtbSeparator |
{ |
border-left: 1px solid #d1dce9; |
background: #e7eef7; |
} |
.RadToolBar_Windows7_Vertical li.rtbSeparator |
{ |
border-top: 1px solid #d1dce9; |
background: #e7eef7; |
} |
/* </buttons> */ |
/* <disabled states> */ |
.RadToolBar_Windows7 .rtbDisabled .rtbWrap:hover, |
.RadToolBar_Windows7 .rtbDisabled .rtbWrap:hover .rtbOut, |
.RadToolBar_Windows7 .rtbDisabled .rtbWrap:hover .rtbMid, |
.RadToolBar_Windows7 .rtbDisabled .rtbWrap:hover .rtbIn |
{ |
background: none; |
} |
.RadToolBar_Windows7 .rtbDisabled .rtbWrap { color: #8BA1AE\9; } |
@media screen and (-webkit-min-device-pixel-ratio:0) /* WebKit alpha + opacity/cleartype bug, like IE wasn't enough... */ |
{ |
.RadToolBar_Windows7 .rtbDisabled .rtbWrap { color: #8BA1AE; } |
} |
/* </disabled states */ |
/* <drop-down> */ |
div.RadToolBarDropDown_Windows7 |
{ |
border-color: #a5b3c5; |
background-color: #fff; |
background-image: url('Images/Telerik/Toolbar7/rtbDropDownBg.png'); |
background-position: -1px 0; |
} |
div.RadToolBarDropDown_Windows7_rtl |
{ |
background-position: 101% 0; |
} |
.RadToolBarDropDown_Windows7 .rtbWrap, |
.RadToolBarDropDown_Windows7 .rtbTemplate |
{ |
color: #000; |
font-weight: normal; |
font-size: 12px; |
font-family: "Segoe UI", Arial, sans-serif; |
} |
.RadToolBarDropDown_Windows7 .rtbItemHovered, |
.RadToolBarDropDown_Windows7 .rtbItemFocused, |
.RadToolBarDropDown_Windows7 .rtbItemHovered .rtbWrap, |
.RadToolBarDropDown_Windows7 .rtbItemFocused .rtbWrap |
{ |
color: #4c607a; |
background-image: url('Images/Telerik/Toolbar7/rtbDropDownHover.png'); |
} |
.RadToolBarDropDown_Windows7 .rtbDisabled .rtbWrap |
{ |
color: #999; |
} |
.RadToolBarDropDown_Windows7 .rtbSeparator |
{ |
border-color: #e0e0e0; |
background: #fff; |
} |
/* </drop-down> */ |
/* </RadToolBar / Telerik> */ |
You can do a diff between this and the default CSS to see what changed (it isn't very much).
Thanks for your help. We are activating a 3 month end-of-life for Firefox 2 with our customers starting now.
0
Hello Jeremy,
Thank you for the CSS files, we will check what effect would have your changes and integrate them if possible. I've updated your Telerik points.
Sincerely yours,
Kamen Bundev
the Telerik team
Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.
Thank you for the CSS files, we will check what effect would have your changes and integrate them if possible. I've updated your Telerik points.
Sincerely yours,
Kamen Bundev
the Telerik team
Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.