May 30, 2014, 3:02 PM
CardLayout issue
Hello.. I have a strange behavior on a panel with CardLayout.. I hope some one can help me.. :)
the panel 3 disappear some controls..:(
Server side:
Thanks!
the panel 3 disappear some controls..:(
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Cardlayout.aspx.cs" Inherits="SudCalifornianos.Web.Issues.Cardlayout" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
</head>
<body>
<form id="form1" runat="server">
<ext:ResourceManager ID="ResourceManager1" runat="server" DisableViewState="true" AjaxViewStateMode="Disabled" Theme="Slate" />
<ext:Hidden ID="step3SelectCathegoryHidden" runat="server" />
<ext:Panel ID="regWizardPanel" runat="server" Border="true" BodyPadding="0" Layout="CardLayout" ActiveIndex="0" StyleSpec="margin-left:30px;margin-right:30px;margin-bottom:30px;">
<Items>
<ext:Panel ID="step2Panel" runat="server" Border="false" Header="false" AutoHeight="true">
<Items>
<ext:Panel ID="step2HeaderPanel" runat="server" Border="false" Header="false" AnchorHorizontal="100%" Html="<h2 class='contentheading'>Paso 2 de 4:<BR />Seleccione las localidades donde se publicar? su anuncio gratis y al finalizar de click en Siguiente.</h2>" />
<ext:Panel ID="step2ContainerPanel" runat="server" Border="false" Header="false" AnchorHorizontal="100%" Margin="5" Height="400" Layout="ColumnLayout">
<Items>
<ext:TextField ID="emPwdTextField" runat="server" FieldLabel="This panel is ok" AllowBlank="false" Text="" MaxLength="50" />
</Items>
</ext:Panel>
</Items>
<Buttons>
<ext:Button ID="step2NextButton" runat="server" Text="SIGUIENTE" Icon="ResultsetLast" Pressed="true">
<DirectEvents>
<Click OnEvent="Step2NextButton_Click">
<EventMask ShowMask="true" Target="CustomTarget" CustomTarget="#{regWizardPanel}" />
</Click>
</DirectEvents>
</ext:Button>
</Buttons>
</ext:Panel>
<ext:Panel ID="step3Panel" runat="server" Border="false" Header="false" AutoHeight="true">
<Items>
<ext:Panel ID="step3HeaderPanel" runat="server" Border="false" Header="false" AnchorHorizontal="100%" Html="where is TextField1?" />
<ext:Panel ID="step3ContainerPanel" runat="server" Border="false" Header="false" AnchorHorizontal="100%" Margin="5" Layout="ColumnLayout" AutoHeight="true" StyleSpec="height: auto !important;">
<Items>
<ext:TextField ID="TextField1" runat="server" FieldLabel="Contrase?a del Certificado" AllowBlank="false" Text="" MaxLength="50" />
</Items>
</ext:Panel>
</Items>
<Buttons>
<ext:Button ID="step3BackButton" runat="server" Text="REGRESAR" Icon="ResultsetFirst" Pressed="true">
<DirectEvents>
<Click OnEvent="step3BackButton_Click">
<EventMask ShowMask="true" Target="CustomTarget" CustomTarget="#{regWizardPanel}" />
</Click>
</DirectEvents>
</ext:Button>
<ext:Button ID="Button1" runat="server" Text="SIGUIENTE" Icon="ResultsetLast" Pressed="true">
<DirectEvents>
<Click OnEvent="Step3NextButton_Click">
<EventMask ShowMask="true" Target="CustomTarget" CustomTarget="#{regWizardPanel}" />
</Click>
</DirectEvents>
</ext:Button>
</Buttons>
</ext:Panel>
<ext:Panel ID="step4Panel" runat="server" Border="false" Header="false" AutoHeight="true">
<Items>
<ext:Panel ID="step4HeaderPanel" runat="server" Border="false" Header="false" AnchorHorizontal="100%" Html="<h2 class='contentheading'>Paso 4 de 4:<BR />Ingresa la informacion del anuncio.</h2>" />
<ext:Panel ID="step4ContainerPanel" runat="server" Border="false" Header="false" AnchorHorizontal="100%" Margin="10" Layout="ColumnLayout" Height="800">
<Items>
<ext:Panel ID="step4SummaryPanel" runat="server" Border="false" Width="280" Layout="FormLayout" Padding="10" Height="700">
<Items>
<ext:Panel ID="step4SummaryCountryPanel" runat="server" Border="true" />
</Items>
</ext:Panel>
<ext:Panel ID="step4AnnouncementPanel" runat="server" Border="true" Title="Completa tu anuncio gratis!" Width="600" Height="700" Layout="FormLayout" Padding="10" LabelAlign="Top">
<Items>
<ext:TextField ID="step4TitleTextField" runat="server" FieldLabel="1.- Titulo" AnchorHorizontal="100%" LabelAlign="Top" MaxLength="100" />
<ext:TextArea ID="step4DescriptionTextArea" runat="server" FieldLabel="2.- Descripcion" AnchorHorizontal="100%" LabelAlign="Top" PaddingSpec="0 15 0 15" MaxLength="1000" />
<ext:RadioGroup ID="step4TypeGroup" runat="server" ColumnsNumber="1" FieldLabel="3.- ? Que quieres hacer ? " Border="true" LabelAlign="Top" Layout="FormLayout">
<Items>
<ext:Radio ID="step4Type1Radio" runat="server" BoxLabel="Quiero Vender" Checked="true" HideLabel="true" LabelStyle="display:none;" HideLabels="true" />
<ext:Radio ID="step4Type2Radio" runat="server" BoxLabel="Quiero Comprar" HideLabel="true" LabelStyle="display:none;" HideLabels="true" />
</Items>
<Listeners>
<Change Handler="if (step4Type1Radio.checked){ step4TargetRadioGroup.setFieldLabel('4.- ? A quien le quieres vender ?'); } else{ step4TargetRadioGroup.setFieldLabel('4.- ? A quien le quieres comprar ?'); }" />
</Listeners>
</ext:RadioGroup>
<ext:RadioGroup ID="step4TargetRadioGroup" runat="server" ColumnsNumber="1" FieldLabel="4.- ? A quien le quieres vender ? " Border="true" LabelAlign="Top" Layout="FormLayout">
<Items>
<ext:Radio ID="step4Target1Radio" runat="server" BoxLabel="A un particular" LabelStyle="display:none;" HideLabel="true" HideLabels="true" />
<ext:Radio ID="step4Target2Radio" runat="server" BoxLabel="A un negocio o empresa" LabelStyle="display:none;" HideLabel="true" HideLabels="true" />
<ext:Radio ID="step4Target3Radio" runat="server" BoxLabel="Ambos" Checked="true" LabelStyle="display:none;" HideLabel="true" HideLabels="true" />
</Items>
</ext:RadioGroup>
<ext:Panel runat="server" ID="ImagePanel" Header="false" Cls="images-view" AnchorHorizontal="100%" Border="false" Flex="1">
<Items>
<ext:Label ID="step4PhotoLabel" runat="server" Text="5. Fotos" />
<ext:DataView ID="DataView1" runat="server" MultiSelect="false" TrackOver="false" ItemSelector="div.thumb-wrap" EmptyText="Usted a?n no ha agregado ninguna imagen." Height="60">
<Store>
<ext:Store ID="Store1" runat="server">
<Reader>
<ext:JsonReader>
<Fields>
<ext:RecordField Name="Id_Announcement_Photo" />
<ext:RecordField Name="Url" />
</Fields>
</ext:JsonReader>
</Reader>
</ext:Store>
</Store>
<Template ID="Template1" runat="server">
<Html>
<tpl for=".">
<div class="thumb-wrap">
<div class="thumb"><img src="{Url}" title=""></div>
<div class="deleteImage" onmouseover="this.style.cursor='pointer';"><img title="" src="/icons/cross-png/ext.axd" title="Eliminar foto"></div>
</div>
</tpl>
</Html>
</Template>
</ext:DataView>
</Items>
</ext:Panel>
<ext:Panel ID="mailNamePanel" runat="server" Border="false" Header="false" Padding="0" Layout="ColumnLayout" LabelAlign="Top" AnchorHorizontal="100%" Height="50">
<Items>
<ext:TextField ID="step4EmailTextField" runat="server" FieldLabel="Correo Electronico" Width="200" LabelAlign="Top" MaxLength="100" EnforceMaxLength="true" Text="mcpbcs@gmail.com" />
<ext:DisplayField ID="empty2DisplayField" runat="server" FieldLabel=" " LabelAlign="Top" Width="20" LabelSeparator=" " />
<ext:TextField ID="step4NameTextField" runat="server" FieldLabel="Nombre" Width="200" LabelAlign="Top" MaxLength="80" EnforceMaxLength="true" Text="Arturo" />
</Items>
</ext:Panel>
<ext:Panel ID="celTelPanel" runat="server" Border="false" Header="false" Padding="0" Layout="ColumnLayout" LabelAlign="Top" AnchorHorizontal="100%" Height="50">
<Items>
<ext:TextField ID="step4TelTextField" runat="server" FieldLabel="7.- Telefono del contacto" Width="200" LabelAlign="Top" MaxLength="20" EnforceMaxLength="true" Text="3314501796" />
<ext:DisplayField ID="empty3DisplayField" runat="server" FieldLabel=" " LabelAlign="Top" Width="20" LabelSeparator=" " />
<ext:TextField ID="step4CelTextField" runat="server" FieldLabel="8.- Telefono Celular del contacto" Width="200" LabelAlign="Top" MaxLength="20" EnforceMaxLength="true" Text="" />
</Items>
</ext:Panel>
</Items>
<Buttons>
<ext:Button ID="step4BackButton" runat="server" Text="REGRESAR" Icon="ResultsetFirst" Pressed="true">
<DirectEvents>
<Click OnEvent="step4BackButton_Click">
<EventMask ShowMask="true" Target="CustomTarget" CustomTarget="#{regWizardPanel}" />
</Click>
</DirectEvents>
</ext:Button>
<ext:Button ID="prePublishButton" runat="server" Text="PUBLICAR" Icon="Star" Pressed="true">
</ext:Button>
</Buttons>
</ext:Panel>
</Items>
</ext:Panel>
</Items>
</ext:Panel>
</Items>
</ext:Panel>
</form>
</body>
Server side:
protected void Step2NextButton_Click(object sender, DirectEventArgs e)
{
this.regWizardPanel.ActiveIndex = 1;
}
protected void step3BackButton_Click(object sender, DirectEventArgs e)
{
this.regWizardPanel.ActiveIndex = 0;
}
protected void step4BackButton_Click(object sender, DirectEventArgs e)
{
this.regWizardPanel.ActiveIndex = 1;
}
protected void Step3NextButton_Click(object sender, DirectEventArgs e)
{
this.regWizardPanel.ActiveIndex = 2;
}
Thanks!
Last edited by xtremexploit; May 31, 2014 at 6:20 PM.