Hello all,

I've read some similar posts regarding some of the other atlas controls, but with no real solution.  I have an accordion control w/ two accordion panes.  Each pane has a few asp controls on it like Labels, Buttons etc.  Everything works fine until I resize the browser window.  This causes all of the images and most of the controls that are not within div & span tags to disappear.  After the resizing, once a different accordion pane is selected, and just before the transistion to the newly selected pane, the content reappears and works fine again until the browser is resized.

 Does this sound familiar to anyone?  Does anyone know if there is atlas-related javascript that might be meddling in my affairs?  Thanks in advance

Matt

 

1    <atlas:scriptmanager id="ScriptManager" runat="server" enablepartialrendering="true" />
2                                    <cc1:Accordion ID="Accordion1" runat="server" 
3                                        Height="275px" Width="127px" SelectedIndex="0" OnLoad="Accordion_Load"
4                                        AutoSize="Fill" EnableViewState="true" FadeTransitions="true" TransitionDuration="250" FramesPerSecond="40" CssClass="accmain">
5                                        <Panes>
6                                          
7                                          <cc1:AccordionPane ID="AccordionPane1" runat="server" 
8                                            HeaderCssClass="accheader" ContentCssClass="acccontent">
9                                            
10                                           <Header>Current Weather</Header>
11                                           <Content>
12                                             
13                                               <div class="weatherlogo">  
14                                                   <image id="WCLogo" />
15                                               </div>
16                                               
17                                               <atlas:UpdatePanel ID="UpdatePanel2" Mode="Always" runat="server">
18                                                   <ContentTemplate>
19                                                   <asp:Image ID="WeatherImg" runat="server" />
20                                                   
21                                                       <div class="cityname">
22                                                           <asp:Label ID="LocId" runat="server"></asp:Label>
23                                                       </div>
24                                                       
25                                                       <h5>Temp:    Feels Like:</h5>
26                                                       <div class="temperature">
27                                                           <span style="padding-right: 10px; padding-left: 8px;">
28                                                               <asp:Label ID="TempId" runat="server"></asp:Label>
29                                                           </span> 
30                                                           <span style="padding-left: 10px;">
31                                                               <asp:Label ID="FlikId" runat="server"></asp:Label>
32                                                           </span>
33                                                           
34                                                       </div>
35                                                    </ContentTemplate>
36                                               </atlas:UpdatePanel>
37                                           </Content>
38                                       
39                                       </cc1:AccordionPane>
40                                       
41                                       <cc1:AccordionPane ID="AccordionPane2" runat="server" 
42                                           HeaderCssClass="accheader" ContentCssClass="acccontent">
43                                           
44                                           <Header>Weather by ZIP</Header>
45                                           <Content>
46                                               <asp:Image ID="ZipImage" CssClass="zipimage" runat="server" ImageUrl="~/App_Themes/Granite2/Images/Sunset2.jpg" />
47   				                            <br />
48   				                            
49   				                             <div id="weatherBox">   
50                                                   <fieldset style="width: 100px;">
51   				                                    <legend>Traveling?</legend>
52   				                                    <br />
53   				                                        <label id="ZipLabel">Enter a ZIP Code:</label>
54                                                           <br />
55                                                           <br />
56                                                           <atlas:UpdatePanel ID="UpdatePanel1" Mode="conditional" runat="server">
57                                                               <Triggers>
58                                                                   <atlas:ControlEventTrigger ControlID="ZipButton" EventName="Click" />
59                                                               </Triggers>
60                                                               <ContentTemplate>
61                                                                   <asp:TextBox ID="ZipText" runat="server" Width="35"></asp:TextBox>
62                                                                   <asp:Button ID="ZipButton" SkinID="searchButton" 
63                                                                               runat="server" Text="Submit" 
64                                                                               OnClick="ZipButton_Click" OnClientClick="fireHiddenButton();" />   
65                                                               </ContentTemplate>
66                                                           </atlas:UpdatePanel>
67                                                   </fieldset>
68                                                   </div>
69                                           </Content>
70                                           
71                                       </cc1:AccordionPane>
72                                       </Panes>
73                                   </cc1:Accordion>

 

Sorry, I don't have the answer, but I'm pushing it back up because I have the same problem.  I have an accordion pane with multiple ASP panels on it, but only one shows at a time.  They vary in size, so when I load a panel that was larger than the one before it, it cuts off the bottom.  I then click the other pane, and then back to the original pane and it loads correctly.  Any solution for this?

Again sorry dont have answer, pushing this back up the list as I am having the issue with the latest release based on Ajax RC 01.  Can someone please look at this!

 

I am having the same exact problem.. Any suggestions are appreciated.

i have a similar issue with the accordion control being resized inside of a frame. The lower pane is covered up and i have to click a different pane for things to sort out. you can watch the text just chop off as the browser has to expand the pane beyond the styles of the control before the frame/window is resized. If i decrease the size of the frame dramatically even when i click a new pane to reset and click a pane with larger content the bottom headerpane is cut in half to where you cant see the text. that said im pumped about the control the animations are quite snazzy but im hesitant putting out because i know user confusion is bound to happen

 

Thanks for any help that we can get

Are you all using Fill as your size? I noticed since switching from fill to limit I have had no issues. The other thing I noticed is that when using Fill, I had not issues where the content activated the need for scroll bars. The only time for me content would disappear is when I had little content and the scroll bars were invisible.

I have autosize fill and yes little content so the scrollbars are not visible.

<

cc1:Accordion ID="accordContainer" runat="server" SelectedIndex="0" HeaderCssClass="accordionHeader"

ContentCssClass="accordionContent" FadeTransitions="false" FramesPerSecond="40"

TransitionDuration="250" AutoSize="Fill" Height="400px" OnItemDataBound="accordContainer_OnItemDataBound">

<HeaderTemplate>

<asp:Label ID="lblHeader" runat="server"></asp:Label>

</HeaderTemplate>

<ContentTemplate>

<span>

<inno:LinkButtonList ID="lnkButtonList1" runat="Server" DataGroupField="Command"

DataNavigateField="WebPage" DataTextField="Omschrijving" DataValueField="FunctieID"

DataParentField="ParentVolgNr" OnLinkButtonClicked="lnkButtonClick">

</inno:LinkButtonList>

</span>

</ContentTemplate>

</cc1:Accordion>

I have autosize fill and yes little content so the scrollbars are not visible.

<

cc1:Accordion ID="accordContainer" runat="server" SelectedIndex="0" HeaderCssClass="accordionHeader"

ContentCssClass="accordionContent" FadeTransitions="false" FramesPerSecond="40"

TransitionDuration="250" AutoSize="Fill" Height="400px" OnItemDataBound="accordContainer_OnItemDataBound">

<HeaderTemplate>

<asp:Label ID="lblHeader" runat="server"></asp:Label>

</HeaderTemplate>

<ContentTemplate>

<span>

<inno:LinkButtonList ID="lnkButtonList1" runat="Server" DataGroupField="Command"

DataNavigateField="WebPage" DataTextField="Omschrijving" DataValueField="FunctieID"

DataParentField="ParentVolgNr" OnLinkButtonClicked="lnkButtonClick">

</inno:LinkButtonList>

</span>

</ContentTemplate>

</cc1:Accordion>

I have the exact same problem. My set-up is a little different. I have an accordion with 3 panes, and a few controls in each pane. I have the accordion wrapped in a resize panel, which let's me resize the Accordion width kind of like OWA. I lose the content when I resize the browser window, and also when I have css actions set to ANY a:hover event anywhere on the page. The strangest thing is that I don't lose all of the content. Some of it stays in place, but any asp control always disappears. I think it has to do with the way the CSS overlays are implemented in the control, combined with IE's reflow, and pertains to some funky CSS that is used to make the Accordion stretch all the way down when AutoSize is set to Fill. I cannot find a workaround, but the answer will be in the CSS.

I created a work item in CodePlex. Vote for it if you are having this issue and it will get higher priority to be fixed.

 

http://www.codeplex.com/CodePlex/WorkItem/View.aspx?WorkItemId=7380 

Sorry, not a hyperlink in above post.

http://www.codeplex.com/CodePlex/WorkItem/View.aspx?WorkItemId=7380

Unfortunately you created the item in the wrong project, thus it was closed.  I have created in the correct project.

Please to all who are having this problem VOTE. 

 http://www.codeplex.com/AtlasControlToolkit/WorkItem/View.aspx?WorkItemId=7402

bump