Strange behaviour in markup

  1. #1

    Strange behaviour in Panel markup

    Hello!

    I've got a strange trouble when moved my markup from 0.8 to 1.0 RC version:
    When form is loaded, a panel with marked up controls is displayed as empty panel (white area with panel title), but if I start to resize browser window, controls appearing immediately. I'm slightly confused with such behaviour...

    I will be appreciated for any ideas!

    Here is markup code:
    [.aspx]
    	<ext:TabPanel runat="server" 
    		ActiveTabIndex="0">
    		<Items>
    			<ext:Panel runat="server"
    				ID="InsertToWebsite_Tab" IDMode="Static"
    				Title="<%$ Resources:Tab_Subjects %>">
    				<Items>
    					<ext:ColumnLayout runat="server" FitHeight="true" Split="true" >
    						<Columns>
    							<ext:LayoutColumn ColumnWidth="0.25">
    								<ext:TreePanel runat="server" 
    									ID="Categories_TP" IDMode="Static" 
    									RootVisible="false"
    									AutoScroll="true" 
    									Title="<%$ Resources:Category_Categories %>"
    									Icon="ChartOrganisation">
    									<TopBar>
    										<ext:Toolbar runat="server" IDMode="Ignore" >
    											<Items>
    												<ext:Button runat="server" 
    													ID="CategoryAdd_Button" IDMode="Static" 
    													Text="<%$ Resources:Category_Add %>" 
    													Icon="Add">
    													<Listeners>
    														<Click Handler="Category_AddNew()" />
    													</Listeners>
    												</ext:Button>
    												<ext:Button runat="server" 
    													ID="CategoryDelete_Button" IDMode="Static"
    													Text="<%$ Resources:GlobalResource, Delete %>" 
    													Icon="Delete" 
    													Hidden="true">
    													<Listeners>
    														<Click Handler="Category_ConfirmDelete();" />
    													</Listeners>
    												</ext:Button>
    											</Items>
    										</ext:Toolbar>
    									</TopBar>
    									<Root>
    									</Root>
    									<Tools>
    										<ext:Tool Type="Plus" 
    											Qtip="<%$ Resources:GlobalResource, ExpandAll %>" 
    											Handler="#{Categories_TP}.expandAll();" />
    										<ext:Tool Type="Minimize" 
    											Qtip="<%$ Resources:GlobalResource, CollapseAll %>" 
    											Handler="#{Categories_TP}.collapseAll();" />
    										<ext:Tool Type="Refresh" Qtip="Refresh" Handler="UpdateCategories();" />
    									</Tools>
    									<Listeners>
    										<Click Handler="CategorySelect(node);" />
    									</Listeners>
    								</ext:TreePanel>
    							</ext:LayoutColumn>
    							<ext:LayoutColumn ColumnWidth="0.75">
    								<ext:Panel runat="server"
    									IDMode="Ignore" AutoScroll="true">
    									<Items>
    										<ext:Panel runat="server" 
    											Title="<%$ Resources:Category_ChatServerURL %>">
    											<Items>
    												<ext:Hidden runat="server" ID="Category_ValMsg_EmptyName_HF" IDMode="Static" Text="<%$ Resources:Category_ValMsg_EmptyName %>" />
    												<ext:Hidden runat="server" ID="Category_NewCategory_HF" IDMode="Static" Text="<%$ Resources:Category_NewCategory %>" />
    												<ext:TextField runat="server" 
    													ID="ChatServerURL_TB" IDMode="Static" 
    													SelectOnFocus="true"
    													LabelStyle="width:150px;" StyleSpec="width:100%;border-style:none;">
    													<ToolTips>
    														<ext:ToolTip runat="server" 
    															IDMode="Ignore" 
    															Title="<%$ Resources:Category_ChatServerURL_Hint %>" />
    													</ToolTips>
    													<DirectEvents>
    														<Change OnEvent="UpdateConfig" />
    													</DirectEvents>
    													<Listeners>
    														<Change Handler="fillCode();" />
    													</Listeners>
    												</ext:TextField>
    											</Items>
    										</ext:Panel>
    										<ext:Panel runat="server"
    											ID="CategoryDetailsComment_Panel" IDMode="Static" 
    											Cls="DefaultHelp">
    											<Items>
    												<ext:Label runat="server"
    													IDMode="Ignore"  
    													Html="<%$ Resources:Category_DefaultComment %>" />
    											</Items>
    										</ext:Panel>
    										<ext:Panel runat="server" 
    											ID="CategoryDetails_Panel" IDMode="Static"
    											Title="Details" 
    											BodyStyle="padding:10px;" StyleSpec="margin-top:10px;"
    											Cls="invisibleBlock">
    											<Items>
    												<ext:TextField runat="server" 
    													ID="CategoryName_TB" IDMode="Static" 
    													AllowBlank="false" ValidationGroup="CategoryVG"
    													FieldLabel="<%$ Resources:Category_Name %>" 
    													LabelStyle="width:150px;" Width="300px">
    													<ToolTips>
    														<ext:ToolTip runat="server"
    															IDMode="Ignore"
    															Title="<%$ Resources:Category_Name_Hint %>" />
    													</ToolTips>
    												</ext:TextField>
    												<ext:TextField runat="server" 
    													ID="CategoryButtonText_TB" IDMode="Static" 
    													FieldLabel="<%$ Resources:Category_ButtonText %>"
    													LabelStyle="width:150px;" Width="300px">
    													<ToolTips>
    														<ext:ToolTip runat="server" 
    															IDMode="Ignore"
    															Title="<%$ Resources:Category_ButtonText_Hint %>" />
    													</ToolTips>
    													<Listeners>
    														<Change Handler="fillCode()" />
    													</Listeners>
    												</ext:TextField>
    													
    												<ext:Panel runat="server" IDMode="Ignore">
    													<Items>
    														<ext:TableLayout runat="server" Columns="2">
    															<Cells>
    																<ext:Cell>
    																	<ext:MultiSelect runat="server" 
    																		ID="AllSubjects_MS" IDMode="Static" 
    																		Legend="<%$ Resources:Category_AllSubjecs %>"
    																		DragGroup="AllSubjects_gr" 
    																		DropGroup="IncludedSubjects_gr" 
    																		MultiSelect="true"
    																		Width="200px" Height="200px">
    																		<TopBar>
    																			<ext:Toolbar runat="server" Flat="true">
    																				<Items>
    																					<ext:Button runat="server" IDMode="Ignore"
    																						Text="<%$ Resources:GlobalResource, SelectNone %>">
    																						<Listeners>
    																							<Click Handler="#{AllSubjects_MS}.reset();" />
    																						</Listeners>
    																					</ext:Button>
    																				</Items>
    																			</ext:Toolbar>
    																		</TopBar>
    																		<Items>
    																		</Items>
    																	</ext:MultiSelect>
    																</ext:Cell>
    																<ext:Cell>
    																	<ext:MultiSelect runat="server" 
    																		ID="IncludedSubjects_MS" IDMode="Static" 
    																		Legend="<%$ Resources:Category_IncludedSubjecs %>"
    																		DragGroup="IncludedSubjects_gr" 
    																		DropGroup="AllSubjects_gr" 
    																		MultiSelect="true"
    																		Width="200px" Height="200px">
    																		<TopBar>
    																			<ext:Toolbar runat="server" Flat="true">
    																				<Items>
    																					<ext:Button runat="server" IDMode="Ignore"
    																						Text="<%$ Resources:GlobalResource, SelectNone %>">
    																						<Listeners>
    																							<Click Handler="#{IncludedSubjects_MS}.reset();" />
    																						</Listeners>
    																					</ext:Button>
    																				</Items>
    																			</ext:Toolbar>
    																		</TopBar>
    																		<Items>
    																		</Items>
    																	</ext:MultiSelect>
    																</ext:Cell>
    															</Cells>
    														</ext:TableLayout>
    													</Items>
    												</ext:Panel>
    												
    												<ext:FieldSet runat="server" IDMode="Ignore"
    													Title="<%$ Resources:Category_CodeToInsert %>" 
    													Width="500px" Layout="Form">
    													<Items>
    														<ext:TextArea runat="server" 
    															ID="ButtonCode_TA" IDMode="Static" 
    															FieldLabel="<%$ Resources:Category_ButtonCode %>"
    															LabelStyle="width:150px;" Width="300px" Height="50" 
    															SelectOnFocus="true" 
    															ReadOnly="true">
    															<ToolTips>
    																<ext:ToolTip runat="server" IDMode="Ignore" 
    																	Title="<%$ Resources:Category_ButtonCode_Hint %>" />
    															</ToolTips>
    														</ext:TextArea>
    														<ext:TextArea runat="server" 
    															ID="HyperlinkCode_TA" IDMode="Static" 
    															FieldLabel="<%$ Resources:Category_HyperlinkCode %>"
    															LabelStyle="width:150px;" Width="300px" Height="50"
    															SelectOnFocus="true"
    															ReadOnly="true">
    															<ToolTips>
    																<ext:ToolTip runat="server" IDMode="Ignore" 
    																	Title="<%$ Resources:Category_HyperlinkCode_Hint %>" />
    															</ToolTips>
    														</ext:TextArea>
    													</Items>
    												</ext:FieldSet>
    												<ext:Panel runat="server" 
    													ID="CategoryButtonsContainer" IDMode="Static" 
    													Hidden="true">
    													<Items>
    														<ext:TableLayout ID="TableLayout1" runat="server" Columns="2">
    															<Cells>
    																<ext:Cell>
    																	<ext:Button ID="Button1" runat="server" 
    																		ValidationGroup="CategoryVG" CausesValidation="true"
    																		Text="<%$ Resources:GlobalResource, Save %>" 
    																		Icon="Accept">
    																		<Listeners>
    																			<Click Handler="Category_Save();" />
    																		</Listeners>
    																	</ext:Button>
    																</ext:Cell>
    																<ext:Cell>
    																	<ext:Button ID="Button2" runat="server" Text="<%$ Resources:GlobalResource, Cancel %>" Icon="Decline">
    																		<Listeners>
    																			<Click Handler="Category_ClearlDetails();" />
    																		</Listeners>
    																	</ext:Button>
    																</ext:Cell>
    															</Cells>
    														</ext:TableLayout>
    													</Items>
    												</ext:Panel>
    											</Items>
    										</ext:Panel>
    									</Items>
    								</ext:Panel>
    							</ext:LayoutColumn>
    						</Columns>
    					</ext:ColumnLayout>
    				</Items>
    			</ext:Panel>
    		</Items>
    		<Listeners>
    			<TabChange Fn="MainTabChange" />
    		</Listeners>
    	</ext:TabPanel>
    Thanks again for any help!
    Last edited by Paul D; Nov 10, 2010 at 1:33 PM.
  2. #2
    Hm... After some experiments, I found such behaviour in 0.8 version too.
    But the problem is still doesn't solved

Similar Threads

  1. Replies: 5
    Last Post: Apr 12, 2011, 1:16 PM
  2. [CLOSED] Strange behaviour of ComboBox in Grid Toolbar
    By macap in forum 1.x Legacy Premium Help
    Replies: 10
    Last Post: Sep 01, 2009, 6:45 AM
  3. Replies: 7
    Last Post: May 09, 2009, 8:06 AM
  4. [CLOSED] strange ComboBox behaviour
    By alexp in forum 1.x Legacy Premium Help
    Replies: 3
    Last Post: May 01, 2009, 10:13 AM
  5. Gridpanel with combobox, strange behaviour
    By Jurke in forum 1.x Legacy Premium Help
    Replies: 6
    Last Post: Dec 17, 2008, 5:59 AM

Tags for this Thread

Posting Permissions