[CLOSED] Usercontrol textArea not shown it is behind Usercontrol gridpanel

[daavila]

Hello,

I have a WebForm that load two usercontrols, there is a text area txtComentariosObservaciones in the UCDatosSolicitudSolicitante that is not visible because of the UCAdjuntos how to make it visible.

WEBFORM:

<%@ Page Title="Nueva Solicitud" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="IngresarSolicitud.aspx.cs" Inherits="IngresarSolicitud" %>

<%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>

<%@ Register Src="~/UserControls/UCDatosSolicitudSolicitante.ascx" TagPrefix="uc" TagName="UCDatosSolicitudSolicitante" %>
<%@ Register Src="~/UserControls/UCAdjuntos.ascx" TagPrefix="uc" TagName="UCAdjuntos" %>


<asp:Content ID="Content1" ContentPlaceHolderID="MainContent" runat="server">
            <form runat="server">
                <ext:ResourceManager runat="server" Locale="es-PA" />
                <ext:Hidden runat="server" ID="Loader" Text="0">
                    <Listeners>
                        <Change Handler="ShowHideLoader(this.getValue().toUpperCase());this.setValue('')" />
                    </Listeners>
                </ext:Hidden>
                <ext:FormPanel runat="server" ID="FormPanelSolicitud" Title="Solicitud de AsesorÃ*a Legal" BodyStyle="padding:10px 20px;" DefaultAnchor="100%">
                    <Tools>
                    </Tools>
                    <Items>

                        <ext:Panel runat="server" ID="panelDatosSolicitudSolicitante" Layout="FitLayout" AutoDoLayout="true" Border="false">
                            <Content>
                                <uc:UCDatosSolicitudSolicitante runat="server" ID="UCDatosSolicitudSolicitante" />
                            </Content>
                        </ext:Panel>



                        <%--
                    =============================================================
                    ARCHIVOS ADJUNTOS
                    =============================================================
                        --%>
                        <ext:Panel runat="server" ID="panelDocumentacionAdjunta" Layout="FitLayout" AutoDoLayout="true" Border="false">

                            <Content>
                                <uc:UCAdjuntos ID="UCAdjuntos" runat="server" />
                            </Content>
                        </ext:Panel>

                    </Items>
                    <Buttons>
                        <ext:Button runat="server" Text="Reiniciar formulario" OnClientClick="#{FormPanelSolicitud}.getForm().reset();" />
                        <ext:Button runat="server" Text="Validar" OnClientClick="#{FormPanelSolicitud}.getForm().isValid();" />
                        <ext:Button runat="server" Text="Guardar" Icon="Disk">
                            <DirectEvents>
                                <Click OnEvent="btnSave_Click" />
                            </DirectEvents>
                        </ext:Button>

                        <ext:Button runat="server" Text="Enviar" Icon="EmailGo">
                            <DirectEvents>
                                <Click OnEvent="btnSend_Click" />
                            </DirectEvents>
                        </ext:Button>
                    </Buttons>

                    <DirectEvents>
                        <AfterRender OnEvent="FormRendered" />
                    </DirectEvents>
                </ext:FormPanel>

            </form>

            <%--************************************************************************************************************************--%>

</asp:Content>

UserControls #1 UCDatosSolicitudSolicitante:

<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="UCDatosSolicitudSolicitante.ascx.cs" Inherits="UserControls.UCDatosSolicitudSolicitante" %>

<%@ Register assembly="Ext.Net" namespace="Ext.Net" tagprefix="ext" %>

<ext:FieldContainer runat="server" Layout="HBoxLayout">
    <Items>
        <ext:DisplayField runat="server" FieldLabel="No. de Solicitud" Name="noSolicitud" ID="dfNoSolicitud" Flex="1" Text="" />
        <ext:DisplayField runat="server" FieldLabel="Fecha" Name="fechaSolicitud" ID="dfFechaSolicitud" Flex="1" Text="" />
        <ext:DisplayField runat="server" FieldLabel="Estado" Name="noSolicitud" ID="dfEstadoSolicitud" Flex="1" Text="" />
        <ext:DisplayField runat="server" FieldLabel="#ID" Name="idSolicitud" ID="dfIDSolicitud" Flex="1" Text="" />
    </Items>
</ext:FieldContainer>

<ext:FieldSet runat="server" Title="Datos del Solicitante" MinHeight="50" Collapsible="true" DefaultAnchor="100%">
    <Items>
        <ext:FieldContainer
            runat="server"
            CombineErrors="false"
            MsgTarget="Qtip"
            FieldLabel=""
            Layout="HBoxLayout">
            <Defaults>
                <ext:Parameter Name="margin" Value="0 5 0 0" Mode="Value" />
            </Defaults>
            <Items>
                <ext:TextField runat="server" ID="txtSolicitante" FieldLabel="Solicitante" Name="solicitante" Flex="1" Text="" AllowBlank="false" BlankText="El campo solicitante es mandatorio" EmptyText="ej." Disabled="true" />
                <ext:Button ID="btnSearch" runat="server" Text="Buscar" Icon="UserMagnify" MarginSpec="0 20 0 0" Disabled="true">
                </ext:Button>
                <ext:TextField runat="server" ID="txtReferidaPor" FieldLabel="Referida por" Name="referidaPor" Flex="1" Text="" Disabled="true" />
            </Items>
        </ext:FieldContainer>
        <ext:TextField runat="server" ID="txtpuntoDeContacto" FieldLabel="Punto de Contacto" Name="puntodecontacto" MaxWidth="600" AllowBlank="false" BlankText="El campo punto de contacto es mandatorio" Disabled="true" />
        <ext:FieldContainer
            runat="server"
            CombineErrors="false"
            MsgTarget="Qtip"
            FieldLabel=""
            Layout="HBoxLayout">
            <Defaults>
                <ext:Parameter Name="margin" Value="0 5 0 0" Mode="Value" />
            </Defaults>
            <Items>
                <ext:TextField runat="server" ID="txtTelefono" FieldLabel="Teléfono" Name="telefono" Flex="1" Text="" AllowBlank="true" EmptyText="ej. ###-####" Disabled="true" />
                <ext:TextField runat="server" ID="txtEmail" FieldLabel="E-mail" Name="email" Flex="1" Text="" Disabled="true" />
            </Items>
        </ext:FieldContainer>
    </Items>
</ext:FieldSet>

<ext:TextArea runat="server" ID="txtDescripcionBreve" FieldLabel="Descripción breve" Name="descripcionbreve" AllowBlank="false" BlankText="El campo descripción breve es mandatorio" LabelWidth="200" MarginSpec="20 0 20 0" Disabled="true" />

<ext:FieldContainer runat="server" CombineErrors="false" MsgTarget="Qtip" FieldLabel="Comenatarios u Observaciones" Layout="HBoxlayout">
    <Items>
        <ext:TextArea runat="server" ID="txtComentariosObservaciones" Name="comentariosobservaciones" AllowBlank="true" LabelWidth="200" Flex="1" Height="250" ReadOnly="true" />
        <ext:Button ID="btnAddComment" runat="server" Text="Nuevo" Icon="Add" MarginSpec="0 20 0 20">
            <Listeners>
                <Click Handler="#{winComment}.show();" />
            </Listeners>
        </ext:Button>
    </Items>
</ext:FieldContainer>

UserControls #2 UCAgregarAdjunto:

<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="UCAdjuntos.ascx.cs" Inherits="UserControls.UCAdjuntos" %>

<%@ Register assembly="Ext.Net" namespace="Ext.Net" tagprefix="ext" %>


<style>
    #UCAdjuntos_GridPanelListaAdjuntos .x-panel-body {
        height: 270px;
    }

    .listaAdjuntosPanel2 {
        margin-left: 5px;
        margin-right: 5px;
        margin-top: 10px;
        border: 1px solid #99bbe8;
    }
</style>
                     
                          <ext:GridPanel ID="GridPanelListaAdjuntos" runat="server" Width="638" Height="158"  Layout="FitLayout" Icon="Money"  Title="Lista de Adjuntos" Border="false" Cls="listaAdjuntosPanel2" AutoScroll="false" >                       
                                <Store>
                                    <ext:Store  ID="StoreListaAdjuntos" runat="server" AutoLoad="true" >
                                        <Model>
                                            <ext:Model runat="server" IDProperty="AdjuntoId" Name="modelAdjunto">
                                                <Fields>
                                                    <ext:ModelField Name="AdjuntoId"  Type="Int">
                                                    </ext:ModelField>
                                                    <ext:ModelField Name="Nombre"  Type="String">
                                                    </ext:ModelField>
                                                    <ext:ModelField Name="Comentario" Type="String" />
                                                </Fields>
                                            </ext:Model>
                                        </Model>
                                    </ext:Store>
                                </Store>
                               
                                <View>
                                    <ext:GridView ID="GridLista"  runat="server" MarkDirty="false" />
                                </View>

                                <ColumnModel ID="ColumnModelListaAdjuntos" runat="server">
                                     <Columns>
                                         <ext:RowNumbererColumn runat="server" Width="25" />
                                        <ext:Column runat="server" ColumnID="Nombre" DataIndex="Nombre" Header="Nombre del archivo"  Width="170">
                                            <Filter>
                                                <ext:StringFilter />
                                            </Filter>
                                        </ext:Column>
                                        <ext:Column runat="server" ColumnID="Comentario"  DataIndex="Comentario" Header="Comentarios"  Width="342" >
                                            <Filter>
                                                <ext:StringFilter />
                                            </Filter>
                                        </ext:Column>
                                        <ext:Column runat="server" ColumnID="AdjuntoId" DataIndex="AdjuntoId" Hidden="true" />
                                    </Columns>
                                </ColumnModel>
                                <SelectionModel>
                                    <ext:RowSelectionModel ID="RowSelectionModelListaAdjuntos" runat="server" />
                                </SelectionModel>
               
                                <Plugins>
                                    <ext:GridFilters runat="server" ID="GridFiltersListaAdjuntos" Local="true" />
                                </Plugins>
                        <BottomBar>
                            <ext:PagingToolbar 
                                runat="server" 
                                PageSize="6" 
                                DisplayInfo="true" 
                                DisplayMsg="Mostrando adjuntos {0} - {1} de {2}" 
                                EmptyMsg="No hay adjuntos que mostrar" 
                                HideRefresh="true"
                                />
                        </BottomBar>
                              <DirectEvents>
                                  <AfterRender OnEvent="GridRender_Event" />
                              </DirectEvents>
                        </ext:GridPanel>

Thanks!

[fabricio.murta]

Hello @daavila! And welcome to Ext.NET forums!

We've got your message and we are analyzing your code sample. If we can run it on our side we'll post an update here with the solution for your issue, or at least log the problem in our bug tracker if that's a bug.

As I see your code sample, it does not look simplified and runnable. For that I'd advise you for reading our forums' guidelines for they have important information on posting test cases the way we can run them on our side and provide you support with your issue the best way possible. So again, take your time to review those guidelines as they would help us both a lot:

- Tips for creating simplified code samples
- More Information Required
- Forum Guidelines

Thanks for your time, we'll get back to you when we have a position about the provided code sample.

[fabricio.murta]

Hello again, @daavila!

Have just gave a try to your test case and it couldn't be helped. I can't run it on my side, as it has several references (like server-side calls) that are not present and probably are not related to the problem.

Back to our last post, we'll require the simplified test case in order we can precisely help you with the issue.

But in general lines, I see you use a lot of <Content> on your code. This can usually break Ext.NET's layout as these blocks are supposed to contain general-purpose HTML or ASP code, so in some circumstances Ext.NET can't lead the layout within those blocks.

The issue probably will require you to either drop the <Content> block in favor to <Items>, or use CSS rules to fix broken layouts, like it probably is your case.

I hope this helps! We could further elaborate on our reply if we had means to reproduce on our side the exact issue you are facing.

[daavila]

Hello Fabricio,

thanks for your reply. I fixed the problem by wrapping the UsersControl#1 with

<ext:Container runat="server" Layout="AnchorLayout">
    <Items>
    </Items>
</ext:Container>

Regards

[fabricio.murta]

Hello @daavila!

Thanks for the feedback! Glad you could find a layout combination that suits your use scenario! Also, thanks for sharing the outcome; that eventually helps other people facing similar issues.