RadComboBox arrow and border disappeared when I moved website to server

5 posts, 0 answers
  1. Joshua
    Joshua avatar
    35 posts
    Member since:
    May 2012

    Posted 05 Jul 2012 Link to this post

    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!
  2. Joshua
    Joshua avatar
    35 posts
    Member since:
    May 2012

    Posted 06 Jul 2012 Link to this post

    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.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Joshua
    Joshua avatar
    35 posts
    Member since:
    May 2012

    Posted 07 Jul 2012 Link to this post

    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.
  5. Kate
    Admin
    Kate avatar
    1898 posts

    Posted 10 Jul 2012 Link to this post

    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
    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.
  6. Kevin
    Kevin avatar
    4 posts
    Member since:
    Aug 2011

    Posted 17 Sep 2013 Link to this post

    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.
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017