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. Image for the cookie policy date

Splitter size

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!

1 Reply

AP Arun Palaniyandi Syncfusion Team 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


Loader.
Up arrow icon