Dropdown boxes loose their style in Update Panel

Posted on 2011-04-26
Last Modified: 2012-05-11
I use some css / javascript templates to style my site.  When I have dropdown boxes in an update panel, they loose their style after posting back.  See the screen shot attached - The dropdowns on the left are NOT in a update panel, so they look correct.  The 4 dropdowns on the right are the ones that lost their style.  (The looked like the ones on the left before posting back).

Does anyone have any general thoughts on why this would occur?  Or do you need to see all my css / javascript?  There's a lot of it....
Question by:JT_SIRO
    LVL 9

    Accepted Solution

    I seem to recall running into this a while back. Have you read this?

    Author Comment

    Hmmm, that looked like it should have worked but it didn't for me.  I tried to set up the App_Theme like they mentioned, but it didn't work either.  But I don't know if I did it right.  The template that I use to style my site consists of several css and js files and subfolders that seem to work in tandem.  So I wasn't exactly sure what folders I needed to put in my App_Themes folder.  I'm not at all familiar with App_Themes.  I just include this in my MasterPage:

          <link rel="stylesheet" href="../css/screen.css" type="text/css" media="screen" title="no title" charset="utf-8" />      
          <link rel="stylesheet" href="../css/plugin.css" type="text/css" media="screen" title="no title" charset="utf-8" />      
          <link rel="stylesheet" href="../css/custom.css" type="text/css" media="screen" title="no title" charset="utf-8" />      
          <link rel="stylesheet" href="../css/ContentStyle.css" type="text/css" media="screen" title="no title" charset="utf-8" />      
        <script  type="text/javascript" src="../js/jquery/jquery.1.4.2.min.js"></script>
        <script  type="text/javascript" src="../js/slate/slate.js"></script>    <!-- NOTE: This one styles the dropdowns that are losing style -->
        <script  type="text/javascript" src="../js/slate/slate.portlet.js"></script>
        <script  type="text/javascript" src="../js/plugin.js"></script>
        <script type="text/javascript" charset="utf-8">
        $(function ()
              slate.init ();
              slate.portlet.init ();      

    Please let me know if you see anything else I should try.  thanks -

    LVL 14

    Expert Comment

    r u using reponse.write in ur code? as mentioned in that link

    Featured Post

    Why You Should Analyze Threat Actor TTPs

    After years of analyzing threat actor behavior, it’s become clear that at any given time there are specific tactics, techniques, and procedures (TTPs) that are particularly prevalent. By analyzing and understanding these TTPs, you can dramatically enhance your security program.

    Join & Write a Comment

    Introduction A frequently asked question goes something like this:  "I am running a long process in the background and I want to alert my client when the process finishes.  How can I send a message to the browser?"  Unfortunately, the short answer …
    So you have coded your own WordPress plugin and now you want to allow users to upload images to a folder in the plugin folder rather than the default media location? Follow along and this article will show you how to do just that!
    In this tutorial viewers will learn how to define a gradient in CSS. Create a new HTML document with an internal stylesheet.: Create a div in CSS and name it Gradient. Define the background as "linear-gradient(to right, #ee3668, black)". Ensure you …
    In this tutorial viewers will learn how to style elements, such a divs, with a "drop shadow" effect using the CSS box-shadow property Start with a normal styled element, such as a div.: In the element's style, type the box shadow property: "box-shad…

    746 members asked questions and received personalized solutions in the past 7 days.

    Join the community of 500,000 technology professionals and ask your questions.

    Join & Ask a Question

    Need Help in Real-Time?

    Connect with top rated Experts

    15 Experts available now in Live!

    Get 1:1 Help Now