CollapsiblePanel causing UpdatePanel problems

Last post 04-17-2008 10:54 AM by asifcs. 12 replies.

Sort Posts:

  • CollapsiblePanel causing UpdatePanel problems

    05-25-2006, 11:23 AM
    • Loading...
    • JoDaCoda
    • Joined on 04-25-2006, 5:19 PM
    • Delaware, US
    • Posts 17
    I added a CollapsiblePanel object inside an UpdatePanel, and now all the other functions in the UpdatePanel that cause postbacks make the page "flicker".  Instead of the Atlas style refresh, now the whole page is reloaded.  Has anyone else experienced this behavior?
    JoDaCoda
  • Re: CollapsiblePanel causing UpdatePanel problems

    05-25-2006, 3:59 PM
    Does FAQ #1 help at all?
    This posting is provided "AS IS" with no warranties, and confers no rights.
  • Re: CollapsiblePanel causing UpdatePanel problems

    05-25-2006, 4:53 PM
    • Loading...
    • JoDaCoda
    • Joined on 04-25-2006, 5:19 PM
    • Delaware, US
    • Posts 17

    No, that is a different behavior.  My page loads fine.  The panels show up the way they are suppose to.  I will try to explain my problem in a little more detail...

    Inside each of my panels are gridviews.  When I click on the gridview buttons (new, edit, delete),  the screen goes white, and the entire page is rebuilt.  If I remove the CollapsiblePanelExtender tag, then the UpdatePanel features work, and only the gridview is rebuilt.   Below is a code snippet of what I'm doing.  My UpdatePanel is around the ContentPlaceHolder tag on my master page, and is not shown here.        

     
                                                <asp:Panel ID="pnlPosFund_Header" runat="server" SkinID="pnlHeader" Height="0px" Width="300px">
                                                    <div style="cursor: pointer; vertical-align: middle;" width="100%" class="Separator">
                                                        <asp:Label ID="lblPosFund_Title" SkinID="lblHeader" ForeColor="White" Font-Size="12px"
                                                            runat="server" Width="50%">Funds</asp:Label>
                                                        <!--<asp:Label EnableTheming="false" ID="lblPosFund_Toggle" ForeColor="White" Font-Names="arial" Font-Size="10px"  runat="server">(Show Details...)</asp:Label>&nbsp&nbsp&nbsp-->
                                                        <asp:Image ID="imgPosFund_Toggle" align="right" valign="top" runat="server" ImageUrl="~/images/expand_blue.jpg" />
                                                    </div>
                                                </asp:Panel>
                                                <asp:Panel ID="pnlPosFund_Content" runat="server" SkinID="pnlContent">
                                                    <asp:GridView ID="gvPosFund" runat="server" CellPadding="1" DataSourceID="clsPosFund"
                                                        AutoGenerateColumns="False" GridLines="Horizontal" DataKeyNames="FundID" PageSize="5">
                                                        <Columns>
                                                            <asp:TemplateField InsertVisible="False" ShowHeader="False">
                                                                <EditItemTemplate>
                                                                    <asp:ImageButton ID="ImageButton1" runat="server" CausesValidation="True" CommandName="Update"
                                                                        ImageUrl="~/images/save.png" Text="Update" /> <asp:ImageButton ID="ImageButton2"
                                                                            runat="server" CausesValidation="False" CommandName="Cancel" ImageUrl="~/images/Edit_Undo.png"
                                                                            Text="Cancel" />
                                                                </EditItemTemplate>
                                                                <FooterTemplate>
                                                                    <asp:ImageButton ID="btnPosFundNew_Update" runat="server" CommandName="Insert" ImageUrl="~/images/save.png"
                                                                        ToolTip="Insert" /> 
                                                                    <asp:ImageButton ID="btnPosFundNew_Cancel" runat="server" ImageUrl="~/images/Edit_Undo.png"
                                                                        OnClick="btnPosFundNew_Cancel_Click" ToolTip="Cancel" />
                                                                </FooterTemplate>
                                                                <ItemTemplate>
                                                                    <asp:ImageButton ID="ImageButton1" runat="server" CausesValidation="False" CommandName="Edit"
                                                                        ImageUrl="~/images/EditInfo.png" Text="Edit" />
                                                                </ItemTemplate>
                                                                <HeaderTemplate>
                                                                    <asp:ImageButton ID="btnPosFund_New" runat="server" ImageUrl="~/images/New.png" ToolTip="Add New Fund"
                                                                        OnClick="btnPosFund_New_Click" />
                                                                </HeaderTemplate>
                                                            </asp:TemplateField>                                                                                              
                                                        </Columns>
                                                        <FooterStyle Wrap="False" />
                                                    </asp:GridView>
                                                </asp:Panel>
                                                <atlasToolKit:CollapsiblePanelExtender ID="atlPanelPosFund" runat="Server">
                                                    <atlasToolKit:CollapsiblePanelProperties TargetControlID="pnlPosFund_Content" ExpandControlID="pnlPosFund_Header"
                                                        CollapseControlID="pnlPosFund_Header" Collapsed="False" TextLabelID="lblPosFund_Toggle"
                                                        ExpandedText="(Hide Details...)" CollapsedText="(Show Details...)" ImageControlID="imgPosFund_Toggle"
                                                        ExpandedImage="~/images/collapse_blue.jpg" CollapsedImage="~/images/expand_blue.jpg"
                                                        SuppressPostBack="false" />
                                                </atlasToolKit:CollapsiblePanelExtender>
     
    JoDaCoda
  • Re: CollapsiblePanel causing UpdatePanel problems

    05-25-2006, 7:39 PM
    • Loading...
    • sburke_msft
    • Joined on 04-04-2006, 7:28 PM
    • Redmond, WA
    • Posts 770
    • AspNetTeam
    Not sure what you mean by flicker - but I"m wondering if you're not seeing an IE6 bug.  Try this on FireFox or IE7 to see if you have the same issue.  I notice you're using skins, and the bug I'm referencing affects elements that use a background-image style.
    Don't forget, this posting is provided "AS IS" with no warranties, and confers no rights.
  • Re: CollapsiblePanel causing UpdatePanel problems

    05-26-2006, 11:30 AM
    • Loading...
    • JoDaCoda
    • Joined on 04-25-2006, 5:19 PM
    • Delaware, US
    • Posts 17

    In any standard, non-Atlas website, when you click a button or link, the whole page is reloaded, causing the screen to go blank, then be rebuilt (flicker).  This went away once I enabled Atlas on my website.  When I clicked on a button, the events fired, and only the controls on the page that needed to be updated were reloaded, giving the behavioral appearance of a client application instead of a web based application.  This flicker behavior reappeared once I added the CollapsiblePanelExtender to my page.

    Yes, this does seem to be an IE6 bug.  It worked in Firefox.  I am downloading IE7 now, and will post my results once I try it.

    Thanks for your help!

     

    JoDaCoda
  • Re: CollapsiblePanel causing UpdatePanel problems

    05-26-2006, 2:27 PM
    • Loading...
    • JoDaCoda
    • Joined on 04-25-2006, 5:19 PM
    • Delaware, US
    • Posts 17

    I downloaded IE7 (beta).  It did fix the page refreshing issue, so it seems to be an IE6 issue.  However, just about everything else broke.

    Dropdownlists did not render

    Panels did not format properly

    CollapsiblePanelExtender did not collapse / expand anymore

    If any type of warning or error message popped up, IE7 crashed.

    Gridviews did not render properly.

    I would not recommend trying IE7 until it is fully functional with Atlas and .net 2.0.

    It looks as though there is not a fix for this as of yet.  I will be removing the CollapsiblePanels from my application until all the bugs are worked out.  Thank you for your assistance. 

     

    JoDaCoda
  • Re: CollapsiblePanel causing UpdatePanel problems

    05-26-2006, 3:38 PM
    Did you try IE 7 Beta 2? (http://www.microsoft.com/downloads/details.aspx?FamilyID=6a51eb05-c805-4fec-8e57-3806bd594179&DisplayLang=en) I've been under the impression that things generally worked fine with it, so I'm surprised to hear you report so many problems.
    This posting is provided "AS IS" with no warranties, and confers no rights.
  • Re: CollapsiblePanel causing UpdatePanel problems

    05-26-2006, 4:24 PM
    I've been running IE7.0 Beta 2 and haven't noticed any issues with asp.net/atlas or really anything else for that matter.
  • Re: CollapsiblePanel causing UpdatePanel problems

    06-02-2006, 2:23 PM
    • Loading...
    • JoDaCoda
    • Joined on 04-25-2006, 5:19 PM
    • Delaware, US
    • Posts 17

    Well, this is my third attempt to enter this post.  The first two I tried from IE7 beta 2.  The first time, the browswer crashed and froze my system, and I had to do a hard reboot.  The second time I switched to another application, and tried to re-open the browswer window, and it froze.  I had to uninstall IE7 and rollback to IE6 to post this message.  Anyway, I thought I would post my current versions in case anyone else had these issues:

    Computer: Dell GX270 P4 3.2 GHz 2GB RAM
    Video Card: nVidia GeForce FX5200 driver version 7.7.7.2

    OS: Windows XP SP2 5.1.2600
    Visual Studio 2005 Standard 8.0.50727.42
    SQL Server 2005 Standard 9.00.1399.00
    .net Framework 2.0.50727.42

    JoDaCoda
  • Re: CollapsiblePanel causing UpdatePanel problems

    09-13-2006, 4:00 PM
    • Loading...
    • alkampfer
    • Joined on 07-10-2006, 12:46 PM
    • Posts 45

    Hi, I'm experimenting the same problem.

    I'made a page with an updatepanel with partial rendering enabled, when i use CollapsiblePanelExtender for a panel inside UpdatePanel partial rendering does not work anymore, and the page revert at the standard behaviour, as if scriptmanager has Enablepartialrendering="false".

     It is a known issue?

    Gian Mria.

  • Re: CollapsiblePanel causing UpdatePanel problems

    10-26-2007, 10:36 AM

    in the collapsiblePanel there exists a property called suppresspostback, set that to true.

  • Re: CollapsiblePanel causing UpdatePanel problems

    11-20-2007, 2:32 PM
    • Loading...
    • poklacsek
    • Joined on 11-24-2005, 3:34 PM
    • Hungary
    • Posts 4
    Thank you, this is the solution.
  • Re: CollapsiblePanel causing UpdatePanel problems

    04-17-2008, 10:54 AM
    • Loading...
    • asifcs
    • Joined on 06-05-2003, 5:29 AM
    • Dhaka, Bangladesh
    • Posts 31

    Try adding target panels style  by adding  

    style="height:0px;overflow:hidden;"
    It worked for me!! 
     
    -Syed Moshiur Murshed
Page 1 of 1 (13 items)
Microsoft Communities