This is a migrated thread and some comments may be shown as answers.

border not displaying

1 Answer 69 Views
ComboBox
This is a migrated thread and some comments may be shown as answers.
MBEN
Top achievements
Rank 2
Veteran
MBEN asked on 29 Jan 2014, 05:43 PM
I am using Telerik version 2013.3.1015.40 and working with Visual Studio 2010.
I recently migrated my code to VS 2010 from VS 2008.

In 2010 I don't see the border and the dropdown image for my combobox. I am using custom skin.
Below is my combobox declaration and my custom skin:

<telerik:RadComboBox ID="rcbPlans" runat="server" DataSourceID="_dataSrcPlans" DataTextField="PlanName" EnableEmbeddedSkins="false" Skin="MBen"  OnDataBound="rcbPlans_DataBound" DataValueField="PlanInfo" OnSelectedIndexChanged="rcbPlans_SelectedIndexChanged"  AutoPostBack="true" Width="250px">
</telerik:RadComboBox>

.RadComboBox_MBen {
  color: black;
  font: normal 12px Verdana, Arial, Helvetica, sans-serif; }
  .RadComboBox_MBen .rcbInputCell,
  .RadComboBox_MBen .rcbArrowCell {
    background-image: url('Common/radFormSprite.png');
    _background-image: url('Common/radFormSpriteIE6.png'); }
  .RadComboBox_MBen .rcbInputCellLeft {
    background-position: 0 0; }
  .RadComboBox_MBen .rcbInputCellRight {
    background-position: 100% 0; }
  .RadComboBox_MBen .rcbInput {
    color: black;
    font: normal 12px Verdana, Arial, Helvetica, sans-serif;
    line-height: 16px; }
  .RadComboBox_MBen .rcbEmptyMessage {
    color: #a7a7a7;
    font-style: italic; }
  .RadComboBox_MBen .rcbArrowCellLeft {
    background-position: 0 -176px; }
  .RadComboBox_MBen .rcbArrowCellRight {
    background-position: -18px -176px; }
  .RadComboBox_MBen .rcbArrowCellLeft.rcbArrowCellHidden {
    background-position: 0 0; }
  .RadComboBox_MBen .rcbArrowCellRight.rcbArrowCellHidden {
    background-position: 100% 0; }
  .RadComboBox_MBen .rcbHovered .rcbInputCellLeft {
    background-position: 0 -22px; }
  .RadComboBox_MBen .rcbHovered .rcbInputCellRight {
    background-position: 100% -22px; }
  .RadComboBox_MBen .rcbHovered .rcbInput {
    color: black; }
  .RadComboBox_MBen .rcbHovered .rcbArrowCellLeft {
    background-position: -36px -176px; }
  .RadComboBox_MBen .rcbHovered .rcbArrowCellRight {
    background-position: -54px -176px; }
  .RadComboBox_MBen .rcbHovered .rcbArrowCellLeft.rcbArrowCellHidden {
    background-position: 0 -22px; }
  .RadComboBox_MBen .rcbHovered .rcbArrowCellRight.rcbArrowCellHidden {
    background-position: 100% -22px; }
  .RadComboBox_MBen .rcbFocused .rcbInputCellLeft {
    background-position: 0 -44px; }
  .RadComboBox_MBen .rcbFocused .rcbInputCellRight {
    background-position: 100% -44px; }
  .RadComboBox_MBen .rcbFocused .rcbInput {
    color: black; }
  .RadComboBox_MBen .rcbFocused .rcbArrowCellLeft {
    background-position: -72px -176px; }
  .RadComboBox_MBen .rcbFocused .rcbArrowCellRight {
    background-position: -90px -176px; }
  .RadComboBox_MBen .rcbFocused .rcbArrowCellLeft.rcbArrowCellHidden {
    background-position: 0 -44px; }
  .RadComboBox_MBen .rcbFocused .rcbArrowCellRight.rcbArrowCellHidden {
    background-position: 100% -44px; }
  .RadComboBox_MBen .rcbDisabled .rcbInputCellLeft {
    background-position: 0 -66px; }
  .RadComboBox_MBen .rcbDisabled .rcbInputCellRight {
    background-position: 100% -66px; }
  .RadComboBox_MBen .rcbDisabled .rcbInput {
    color: #a7a7a7; }
  .RadComboBox_MBen .rcbDisabled .rcbArrowCellLeft {
    background-position: -108px -176px; }
  .RadComboBox_MBen .rcbDisabled .rcbArrowCellRight {
    background-position: -126px -176px; }
  .RadComboBox_MBen .rcbDisabled .rcbArrowCellLeft.rcbArrowCellHidden {
    background-position: 0 -66px; }
  .RadComboBox_MBen .rcbDisabled .rcbArrowCellRight.rcbArrowCellHidden {
    background-position: 100% -66px; }
  .RadComboBox_MBen .rcbReadOnly .rcbInputCellLeft {
    background-position: 0 -88px; }
  .RadComboBox_MBen .rcbReadOnly .rcbInputCellRight {
    background-position: 100% -88px; }
  .RadComboBox_MBen .rcbReadOnly .rcbInput {
    color: #1e395b; }
  .RadComboBox_MBen .rcbReadOnly .rcbArrowCellLeft {
    background-position: -144px -176px; }
  .RadComboBox_MBen .rcbReadOnly .rcbArrowCellRight {
    background-position: -162px -176px; }
  .RadComboBox_MBen .rcbReadOnly .rcbArrowCellLeft.rcbArrowCellHidden {
    background-position: 0 -88px; }
  .RadComboBox_MBen .rcbReadOnly .rcbArrowCellRight.rcbArrowCellHidden {
    background-position: 100% -88px; }
  .RadComboBox_MBen .rcbHovered .rcbReadOnly .rcbInputCellLeft {
    background-position: 0 -110px; }
  .RadComboBox_MBen .rcbHovered .rcbReadOnly .rcbInputCellRight {
    background-position: 100% -110px; }
  .RadComboBox_MBen .rcbHovered .rcbReadOnly .rcbInput {
    color: #1e395b; }
  .RadComboBox_MBen .rcbHovered .rcbReadOnly .rcbArrowCellLeft {
    background-position: -180px -176px; }
  .RadComboBox_MBen .rcbHovered .rcbReadOnly .rcbArrowCellRight {
    background-position: -198px -176px; }
  .RadComboBox_MBen .rcbHovered .rcbReadOnly .rcbArrowCellLeft.rcbArrowCellHidden {
    background-position: 0 -110px; }
  .RadComboBox_MBen .rcbHovered .rcbReadOnly .rcbArrowCellRight.rcbArrowCellHidden {
    background-position: 100% -110px; }
  .RadComboBox_MBen .rcbFocused .rcbReadOnly .rcbInputCellLeft {
    background-position: 0 -132px; }
  .RadComboBox_MBen .rcbFocused .rcbReadOnly .rcbInputCellRight {
    background-position: 100% -132px; }
  .RadComboBox_MBen .rcbFocused .rcbReadOnly .rcbInput {
    color: #1e395b; }
  .RadComboBox_MBen .rcbFocused .rcbReadOnly .rcbArrowCellLeft {
    background-position: -216px -176px; }
  .RadComboBox_MBen .rcbFocused .rcbReadOnly .rcbArrowCellRight {
    background-position: -234px -176px; }
  .RadComboBox_MBen .rcbFocused .rcbReadOnly .rcbArrowCellLeft.rcbArrowCellHidden {
    background-position: 0 -132px; }
  .RadComboBox_MBen .rcbFocused .rcbReadOnly .rcbArrowCellRight.rcbArrowCellHidden {
    background-position: 100% -132px; }
  .RadComboBox_MBen .rcbDisabled .rcbReadOnly .rcbInputCellLeft {
    background-position: 0 -154px; }
  .RadComboBox_MBen .rcbDisabled .rcbReadOnly .rcbInputCellRight {
    background-position: 100% -154px; }
  .RadComboBox_MBen .rcbDisabled .rcbReadOnly .rcbInput {
    color: #a7a7a7; }
  .RadComboBox_MBen .rcbDisabled .rcbReadOnly .rcbArrowCellLeft {
    background-position: -252px -176px; }
  .RadComboBox_MBen .rcbDisabled .rcbReadOnly .rcbArrowCellRight {
    background-position: -270px -176px; }
  .RadComboBox_MBen .rcbDisabled .rcbReadOnly .rcbArrowCellLeft.rcbArrowCellHidden {
    background-position: 0 -154px; }
  .RadComboBox_MBen .rcbDisabled .rcbReadOnly .rcbArrowCellRight.rcbArrowCellHidden {
    background-position: 100% -154px; }
 
.RadComboBoxDropDown_MBen {
  border-color: #c1dbfc;
  color: black;
  background: white;
  font: normal 12px/16px "Segoe UI", Arial, Helvetica, sans-serif; }
  .RadComboBoxDropDown_MBen .rcbHeader,
  .RadComboBoxDropDown_MBen .rcbFooter {
    color: black;
    background-color: #f1f5fb; }
  .RadComboBoxDropDown_MBen .rcbHeader {
    border-bottom-color: #c1dbfc; }
  .RadComboBoxDropDown_MBen .rcbFooter {
    border-top-color: #c1dbfc; }
  .RadComboBoxDropDown_MBen .rcbHovered {
    color: #1e395b;
    background: #eef6ff; }
  .RadComboBoxDropDown_MBen .rcbDisabled {
    color: #a7a7a7;
    background-color: transparent; }
  .RadComboBoxDropDown_MBen .rcbLoading {
    color: #1e395b;
    background: #eef6ff; }
  .RadComboBoxDropDown_MBen .rcbItem em,
  .RadComboBoxDropDown_MBen .rcbHovered em {
    color: #1e395b;
    background: #eef6ff; }
  .RadComboBoxDropDown_MBen .rcbCheckAllItems {
    color: black;
    background-color: #f1f5fb; }
  .RadComboBoxDropDown_MBen .rcbCheckAllItemsHovered {
    color: black;
    background-color: #f1f5fb; }
  .RadComboBoxDropDown_MBen .rcbMoreResults {
    border-top-color: #b8cbde;
    color: black;
    background-color: #f1f5fb; }
    .RadComboBoxDropDown_MBen .rcbMoreResults a {
      background-image: url('Common/radFormSprite.png');
      _background-image: url('Common/radFormSpriteIE6.png');
      background-position: -308px -181px; }
  .RadComboBoxDropDown_MBen .rcbSeparator {
    color: #ffffff;
    background: #8a8a8a; }

Please help.

1 Answer, 1 is accepted

Sort by
0
MBEN
Top achievements
Rank 2
Veteran
answered on 30 Jan 2014, 06:06 PM
I figured it out. I didn't have the file it was looking for to show the dropdown image. The Q3 devfix folder did not have that file. I went to the installation folder and found it there.
Tags
ComboBox
Asked by
MBEN
Top achievements
Rank 2
Veteran
Answers by
MBEN
Top achievements
Rank 2
Veteran
Share this question
or