We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. (Last updated on: November 16, 2018).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

Splitter size

Thread ID:

Created:

Updated:

Platform:

Replies:

121196 Nov 18,2015 11:21 AM UTC Nov 19,2015 05:00 PM UTC ASP.NET Web Forms 1
loading
Tags: Splitter
Jorge Pampin
Asked On November 18, 2015 11:21 AM UTC

Hello,

I have a Sppliter control and I need it fits to the free space of the page. On each pane I have a Grid control, and I need they show the scrollbar if it will be necessary. This is my code, but it doesn't work:

<ej:splitter runat="server" ID="SPMain" enableautoresize="false" height="100%" Orientation="Vertical" width="100%" EmptyDataText="">
        <ej:SplitPane >
            <PaneContent>
            <ej:splitter runat="server" enableautoresize="false" height="600px" width="100%">
                    <ej:SplitPane  panesize="200" >
                        <PaneContent>
                            <div>
                                <div>
                                    <asp:ImageButton runat="server" CssClass="BotonHerramientas" Width="35" Height="35" ID="BtnNuevaCarpeta" ImageUrl="~/images/carpeta.png" UseSubmitBehavior="false"   />
                                    <asp:ImageButton runat="server" CssClass="BotonHerramientas" Width="35" Height="35" ID="BtnEliminarCarpeta" ImageUrl="~/images/delete.png" UseSubmitBehavior="false"   />
                                </div>
                                <div>
                                    <ej:treegrid id="TGCarpetas" runat="server" IdMapping="IdCuenta" ParentIdMapping="IdPadre"  >
                                        <Columns>
                                            <ej:TreeGridColumn HeaderText="Nombre" Field="Nombre" IsTemplateColumn="true" TemplateID="customColumnTemplate"  />
                                            <ej:TreeGridColumn HeaderText="ID" Field="ID" />
                                            <ej:TreeGridColumn HeaderText="IdCuenta" Field="IdCuenta" />
                                            <ej:TreeGridColumn HeaderText="IdPadre" Field="IdPadre" />
                                        </Columns>
                                    </ej:treegrid>
                                </div>
                            </div>
                            </PaneContent>
                </ej:SplitPane>
                <ej:SplitPane  >
                    <PaneContent>
                                <div>
                                    <div>
                                            <asp:ImageButton runat="server" CssClass="BotonHerramientas" Width="35" Height="35" ID="BtnNuevaCuenta" OnClientClick="return false;" UseSubmitBehavior="false"   />
                                            <asp:ImageButton runat="server" CssClass="BotonHerramientas" Width="35" Height="35" ID="BTnEliminar" ImageUrl="~/images/delete.png" OnClientClick="return false;" UseSubmitBehavior="false"   />
                                            <asp:ImageButton runat="server" CssClass="BotonHerramientas" Width="35" Height="35" ID="BtnTrazabilidad" ImageUrl="~/images/Trazabilidad.png" OnClientClick="return false;" UseSubmitBehavior="false"   />
                                            <asp:ImageButton runat="server" CssClass="BotonHerramientas" Width="35" Height="35" ID="BtnEliminarImpactos" ImageUrl="~/images/Eliminar_Impactos.png" OnClientClick="alert('Todavía no disponible');return false;" UseSubmitBehavior="false"   />
                                            <asp:ImageButton runat="server" CssClass="BotonHerramientas" Width="35" Height="35" ID="BtnOrdenarAutomaticamente" ImageUrl="~/images/Ordenar_Automatico.png" OnClientClick="alert('Todavía no disponible');return false;" UseSubmitBehavior="false"   />
                                    </div>
                                    <div>
                                        <ej:grid runat='server' ID="GdCuentas" AllowScrolling="true">
                                            <EditSettings RowPosition="Bottom"     />
                                            <ClientSideEvents ActionBegin="beginCuentas"  QueryCellInfo="cellEventCuentas" CellSave="cellSaveCuentas" CellEdit="cellEditCuentas" />
                                        </ej:grid>
                                    </div>
                                </div>
                        </PaneContent>
                    </ej:SplitPane>
            </ej:splitter>
                </PaneContent>
        </ej:SplitPane>

        <ej:SplitPane >
            <PaneContent>
        <ej:splitter runat="server" enableautoresize="true" >
            <ej:SplitPane >
                <PaneContent>
                <div>
                    <div runat="server" id="DivImpactos" style="width:100%;background-color: rgb(123, 177, 255);">
                        <asp:Label runat="server" ID="TituloImpactos" BackColor="#FD7BB1FF"></asp:Label>
                    </div>
                    <div>
                        <ej:grid runat='server' ID="GdcImpactos">
                                <ClientSideEvents QueryCellInfo="QueryCellInfoImpacDist"  />
                        </ej:grid>
                    </div>
                </div>
                    </PaneContent>
            </ej:SplitPane>
                <ej:SplitPane >
                    <PaneContent>
                    <div>
                        <div runat="server" id="DivDistribuciones" style="width:100%;background-color: rgb(0, 128, 18);">
                            <asp:Label runat="server" ID="TituloDistribuciones" BackColor="#AB008012"></asp:Label>
                        </div>
                 
                        <div>
                            <ej:grid runat='server' ID="GdcDistribuciones">
                                  <ClientSideEvents QueryCellInfo="QueryCellInfoImpacDist"  />
                         
                            </ej:grid>
                        </div>
                    </div>
                        </PaneContent>
            </ej:SplitPane>
        </ej:splitter>
                </PaneContent>
    </ej:SplitPane>
</ej:splitter>

Thanks!




















































































Thanks!

Arun Palaniyandi [Syncfusion]
Replied On November 19, 2015 05:00 PM UTC

Hi Jorge,

Thank you for contacting Syncfusion support.

We were unable to reproduce your issue . We have prepared a sample by using your shared code and placed a Treegrid and Grid with the Datasource and resized the Splitter and thus the Scrollbar appears in the Grid. Could you please share us more details on your requirement on the scroller that is needed in Splitter or in Grid? So that we can help you out better.

Please find the attached sample below.

http://www.syncfusion.com/downloads/support/forum/121196/ze/SplitterGrid1070902594

Please let us know if you have any other queries.


Regards,

Arun P


CONFIRMATION

This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

Please sign in to access our forum

or the page will be automatically redirected to sign-in page in 10 seconds.

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon

;