When i was running this under debug mode in VS everything looked perfect, so I moved everything on to my webserver and when I did the arrows and borders for the radcombobox is gone.
Here is the import of the css
<head id="Head1" runat="server">
<title></title>
<link href="css/signup.css" rel="stylesheet" type="text/css" />
<telerik:RadStyleSheetManager ID="RadStyleSheetManager1" runat="server" />
<style type="text/css">
.body
{
}
</style>
</head>
Here is the aspx for the RadComboBox
<div class="ControlContainerContainer">
<telerik:RadComboBox ID="StateComboBox" Runat="server" Width="250px">
</telerik:RadComboBox>
</div>
This is what I noticed, when I renamed the css everything broke, so I know it's picking up the css, when I removed <telerik:RadStyleSheetManager ID="RadStyleSheetManager1" runat="server" />
<style type="text/css">
.body
{
}
</style>
what happeneded was the css broke, however the border showed up for the radcombobox but the arrow still did not.
Below is my entire css
/* CSS Document */
body{
background:url(images/bg.gif) repeat-x 0 0 #F7F7F7; color:#171717;
font:normal 13px/20px Georgia, "Times New Roman", Times, serif;
margin:0; padding:0;}
div, h1, h2, h3, h4, h5, h6, form, label, input, span, ul, li, p, a{
margin:0; padding:0;}
ul{
list-style:none;}
.spacer{
font-size:0; line-height:0; clear:both;}
/* -- top navigation start -- */
#topNav{
width:683px; margin:0 auto; height:45px;}
#topNav ul{
width:620px; margin:0 auto;}
#topNav ul li{
height:37px; float:left;
background:url(images/bg.gif) repeat-x 0 0 #292929; color:#C1C1C1;
font:bold 16px/37px Arial, Helvetica, sans-serif;}
#topNav ul li a{
padding:0 18px; height:37px; float:left; text-decoration:none; display:block;
background:url(images/bg.gif) repeat-x 0 0 #292929; color:#C1C1C1;
font:bold 16px/37px Arial, Helvetica, sans-serif;}
#topNav ul li a:hover{
background:url(images/top_btn_h.gif) no-repeat center bottom;}
#topNav ul li a.hover{
padding:0 18px; height:37px; float:left; text-decoration:none; display:block;
background:url(images/top_btn_h.gif) no-repeat center bottom; color:#C1C1C1;
font:bold 12px/37px Arial, Helvetica, sans-serif;}
/* -- top navigation start -- */
#userCreate div.userCreationouter
{
width: 100%;
height:auto;
}
#userCreate div.userCreationleft{
margin-left:auto;
margin-right:auto;
width: 53%;
height:auto;
}
#userCreate div.userCreationleft h2{
font:bold italic 16px/20px Georgia, "Times New Roman", Times, serif; color:#800080; text-align:left; padding-left:19px;}
#userCreate div.userCreationleft h2 span{
color:#000000; background-color:#800080}
#userCreate div.userCreationmiddle{
margin-left:auto;
margin-right:auto;
width:50%;
height:auto;
}
#userCreate div.ControlOuterContainer{
margin: 0 auto 2px auto;
width: 100%;
height:auto;
float: left;
border-top-style:solid;
border-top-color:Black;
padding-top:10px;
padding-bottom:10px;
padding-right:10px;
padding-left:10px;
border-width:thin;
}
#userCreate div.ControlLabelContainer{
width: 35%;
height:auto;
float: left;
text-align:right;
padding-right:1em;
padding-bottom:8px;
font-size:8pt;
}
#userCreate div.ControlContainerContainer{
width: 60%;
height:auto;
float: left;
padding-bottom:8px;
}
#userCreate div.LoginBox{
margin-left:auto;
margin-right:auto;
width: 53%;
height:auto;
border-style:solid;
border-top-color:Black;
padding-top:10px;
padding-bottom:10px;
padding-right:10px;
padding-left:10px;
border-width:thin;
background:url(../images/blue_bg.gif);color:#4B2B3E;
}
#userCreate div.LoginBoxFont
{
font:bold 8px/12px Georgia, "Times New Roman", Times, serif; padding:0 9px 0 22px; color#F7F7F7;
}
/* -- body start -- */
#body{
width:683px; margin:0 auto; padding:0 0 60px 0;
background:url(../images/header_bg.gif) no-repeat right top #F7F7F7; color:#171717;}
#body img.logo{
border:none; margin:30px 0 0 0;}
#body h1{
background:url(../images/punch_line.gif) no-repeat 0 0 #F7F7F7; color:#171717;
width:142px; height:49px; text-indent:-20000px;}
/*--Body end -- */
Thanks!
Here is the import of the css
<head id="Head1" runat="server">
<title></title>
<link href="css/signup.css" rel="stylesheet" type="text/css" />
<telerik:RadStyleSheetManager ID="RadStyleSheetManager1" runat="server" />
<style type="text/css">
.body
{
}
</style>
</head>
Here is the aspx for the RadComboBox
<div class="ControlContainerContainer">
<telerik:RadComboBox ID="StateComboBox" Runat="server" Width="250px">
</telerik:RadComboBox>
</div>
This is what I noticed, when I renamed the css everything broke, so I know it's picking up the css, when I removed <telerik:RadStyleSheetManager ID="RadStyleSheetManager1" runat="server" />
<style type="text/css">
.body
{
}
</style>
what happeneded was the css broke, however the border showed up for the radcombobox but the arrow still did not.
Below is my entire css
/* CSS Document */
body{
background:url(images/bg.gif) repeat-x 0 0 #F7F7F7; color:#171717;
font:normal 13px/20px Georgia, "Times New Roman", Times, serif;
margin:0; padding:0;}
div, h1, h2, h3, h4, h5, h6, form, label, input, span, ul, li, p, a{
margin:0; padding:0;}
ul{
list-style:none;}
.spacer{
font-size:0; line-height:0; clear:both;}
/* -- top navigation start -- */
#topNav{
width:683px; margin:0 auto; height:45px;}
#topNav ul{
width:620px; margin:0 auto;}
#topNav ul li{
height:37px; float:left;
background:url(images/bg.gif) repeat-x 0 0 #292929; color:#C1C1C1;
font:bold 16px/37px Arial, Helvetica, sans-serif;}
#topNav ul li a{
padding:0 18px; height:37px; float:left; text-decoration:none; display:block;
background:url(images/bg.gif) repeat-x 0 0 #292929; color:#C1C1C1;
font:bold 16px/37px Arial, Helvetica, sans-serif;}
#topNav ul li a:hover{
background:url(images/top_btn_h.gif) no-repeat center bottom;}
#topNav ul li a.hover{
padding:0 18px; height:37px; float:left; text-decoration:none; display:block;
background:url(images/top_btn_h.gif) no-repeat center bottom; color:#C1C1C1;
font:bold 12px/37px Arial, Helvetica, sans-serif;}
/* -- top navigation start -- */
#userCreate div.userCreationouter
{
width: 100%;
height:auto;
}
#userCreate div.userCreationleft{
margin-left:auto;
margin-right:auto;
width: 53%;
height:auto;
}
#userCreate div.userCreationleft h2{
font:bold italic 16px/20px Georgia, "Times New Roman", Times, serif; color:#800080; text-align:left; padding-left:19px;}
#userCreate div.userCreationleft h2 span{
color:#000000; background-color:#800080}
#userCreate div.userCreationmiddle{
margin-left:auto;
margin-right:auto;
width:50%;
height:auto;
}
#userCreate div.ControlOuterContainer{
margin: 0 auto 2px auto;
width: 100%;
height:auto;
float: left;
border-top-style:solid;
border-top-color:Black;
padding-top:10px;
padding-bottom:10px;
padding-right:10px;
padding-left:10px;
border-width:thin;
}
#userCreate div.ControlLabelContainer{
width: 35%;
height:auto;
float: left;
text-align:right;
padding-right:1em;
padding-bottom:8px;
font-size:8pt;
}
#userCreate div.ControlContainerContainer{
width: 60%;
height:auto;
float: left;
padding-bottom:8px;
}
#userCreate div.LoginBox{
margin-left:auto;
margin-right:auto;
width: 53%;
height:auto;
border-style:solid;
border-top-color:Black;
padding-top:10px;
padding-bottom:10px;
padding-right:10px;
padding-left:10px;
border-width:thin;
background:url(../images/blue_bg.gif);color:#4B2B3E;
}
#userCreate div.LoginBoxFont
{
font:bold 8px/12px Georgia, "Times New Roman", Times, serif; padding:0 9px 0 22px; color#F7F7F7;
}
/* -- body start -- */
#body{
width:683px; margin:0 auto; padding:0 0 60px 0;
background:url(../images/header_bg.gif) no-repeat right top #F7F7F7; color:#171717;}
#body img.logo{
border:none; margin:30px 0 0 0;}
#body h1{
background:url(../images/punch_line.gif) no-repeat 0 0 #F7F7F7; color:#171717;
width:142px; height:49px; text-indent:-20000px;}
/*--Body end -- */
Thanks!
4 Answers, 1 is accepted
0
Joshua
Top achievements
Rank 1
Rank 1
answered on 07 Jul 2012, 01:56 AM
The comboboxs have the word select, and they word select is still there even after i completely remove the css.
Also, for the Calander I dont have the picker I have a link of Open the calendar popup.
Also, for the Calander I dont have the picker I have a link of Open the calendar popup.
0
Joshua
Top achievements
Rank 1
Rank 1
answered on 07 Jul 2012, 03:41 PM
So I saw a couple things about tweaks needed for Windows 7 and IIS integrated/classic, so I decided to boot up a test 2008 webserver and give it a go on there. All the issues still are occurring.
0
Hi Joshua,
I tested the code that you provided and I am not able to get the issue that you describe. However, from the information that you provided I can assume that the base and the skin stylesheets applied for the RadComboBox control are not found by the page/application. Please check if there are some errors on the page when you load it, that might be causing the problematic appearance. I would also suggest that you try using our CDN provider (you can enable it in the web.config file as explained in the help article) and check if the issue still persist.
Greetings,
Kate
the Telerik team
I tested the code that you provided and I am not able to get the issue that you describe. However, from the information that you provided I can assume that the base and the skin stylesheets applied for the RadComboBox control are not found by the page/application. Please check if there are some errors on the page when you load it, that might be causing the problematic appearance. I would also suggest that you try using our CDN provider (you can enable it in the web.config file as explained in the help article) and check if the issue still persist.
Greetings,
Kate
the Telerik team
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
0
Kevin
Top achievements
Rank 1
Rank 1
answered on 17 Sep 2013, 06:13 AM
I had the same problem when we deployed the website to our client's test environment. Here is the sequence of the event:
1. Deployed the entire .net solution to the server, including Telerik DLLs
2. Due to the nature of our test, we needed to change the server date back to 2011
3. Worked fine for a few days, then all Telerik combobox down arrows disappeared, all date picker icons disappeared
4. After struggling for two weeks, the penny dropped. We changed the server date back to current date (Sept 2013), everything was back to normal !!!!!
5. If you change date back to an old date again, it will work for a few days before the icon all disappear again.
Conclusion: Telerik DLL's are date sensitive.
Extra info for the long suffering fellow developers :-) The .Net Framework has exactly the same problem, if it's installed on a current date and you want to reset the server to a past date, you get this script error: "'WebForm_PostBackOptions' is undefined". The solution is to reinstall .net framework after your date reset.
1. Deployed the entire .net solution to the server, including Telerik DLLs
2. Due to the nature of our test, we needed to change the server date back to 2011
3. Worked fine for a few days, then all Telerik combobox down arrows disappeared, all date picker icons disappeared
4. After struggling for two weeks, the penny dropped. We changed the server date back to current date (Sept 2013), everything was back to normal !!!!!
5. If you change date back to an old date again, it will work for a few days before the icon all disappear again.
Conclusion: Telerik DLL's are date sensitive.
Extra info for the long suffering fellow developers :-) The .Net Framework has exactly the same problem, if it's installed on a current date and you want to reset the server to a past date, you get this script error: "'WebForm_PostBackOptions' is undefined". The solution is to reinstall .net framework after your date reset.