Rad Window height impacted by Rows in a grid inside window

5 posts, 0 answers
  1. Karthik
    Karthik avatar
    7 posts
    Member since:
    Apr 2013

    Posted 25 Oct 2013 Link to this post

    Hi,

    I have RadGrid control inside RadWindow. when the rows are less in grid RadWindow doesnot show any scroll. but when the grid has more results, this is pushing RadWindows height.

    in the attached images you can notice the empty space in radwindow is bcoz of the rows in grid.

    Please help!

    Thanks in advance!
  2. Marin Bratanov
    Admin
    Marin Bratanov avatar
    3600 posts

    Posted 29 Oct 2013 Link to this post

    Hello Karthik,

    This is most likely due to the generic layout prepared for the RadWIndow contents. For example. if the grid has 100% height set and it has a sibling that also has some height you are likely to get such scrollbars.
    Just attaching images will not help us see the problem, sharing the problematic code so we can see the issue will help you get a better response.
    At this point I cannot say anything certain based on images, so I would advise reducing the complexity of the page by following this blog post. This will let you see which part of the page/content is causing this behavior so you can fix it.

    Regards,
    Marin Bratanov
    Telerik
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to the blog feed now.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Karthik
    Karthik avatar
    7 posts
    Member since:
    Apr 2013

    Posted 19 Nov 2013 Link to this post

    Thank you Marin Bratanov,

    its not possible to share the entire code on the page as there is much dependency on the database and let me confirm first that the grid is used to simply display the list of students information and its doesn't  have any other siblings which impact the data or grid structure, I'm facing this problem when I'm opening the page over a Rad window

    her's the structure of the grid

    <telerik:RadGrid ID="gvStudents" runat="server" AllowMultiRowSelection="true" AutoGenerateColumns="false"
        OnItemCreated="gvStudents_ItemCreated" Skin="Office2007" GridLines="None" Height="400">
        <PagerStyle AlwaysVisible="false" />
        <MasterTableView ShowHeader="true" DataKeyNames="stuid" ClientDataKeyNames="stuid"
            Height="400">
            <Columns>
                <telerik:GridTemplateColumn ItemStyle-HorizontalAlign="Left" ItemStyle-Width="60px"
                    HeaderStyle-HorizontalAlign="Left" HeaderStyle-Width="60px">
                    <HeaderTemplate>
                        <asp:CheckBox ID="CheckBox1" runat="server" Checked="true" onclick="CheckAllNew(this.id);" />
                    </HeaderTemplate>
                    <ItemTemplate>
                        <asp:CheckBox runat="server" ID="chkStuid" onclick="CheckedRow(this.id);" />
                    </ItemTemplate>
                </telerik:GridTemplateColumn>
                <telerik:GridNumericColumn DataField="SSNo" HeaderText="S.S.No" HeaderStyle-Width="100px"
                    FilterControlWidth="50px" Visible="true" />
                <telerik:GridNumericColumn DataField="sfirst" HeaderText="First Name" HeaderStyle-Width="100px"
                    FilterControlWidth="50px" UniqueName="FirstName" />
                <telerik:GridNumericColumn DataField="slast" HeaderText="Last Name" HeaderStyle-Width="100px"
                    FilterControlWidth="50px" UniqueName="LastName" />
            </Columns>
        </MasterTableView>
        <ClientSettings>
            <Selecting AllowRowSelect="true" />
            <Scrolling AllowScroll="true" ScrollHeight="300" />
            <ClientEvents />
        </ClientSettings>
    </telerik:RadGrid>


    Depending on security reasons i can't share complete code or the page as attachment,
    Please let me know is there any option to have a live session with any of the telerik experts hence we can explain the issue in detail.      
  5. Marin Bratanov
    Admin
    Marin Bratanov avatar
    3600 posts

    Posted 20 Nov 2013 Link to this post

    Hi Karthik,

    You can open a support ticket where you can send us a sample. Note that actual logic and datasource are not needed, just the layout, a dummy datasource (e.g., a List or array, created in a simple loop) would suffice. Note that the RadWindow declaration and the way you open it will also be needed.

    In the meantime I would advise that you review your layout in a simple page outside of a RadWindow, once that works as expected with the size you use for RadWindow, put the page in an iframe with that size. Once that works as expected, things should be fine withing a RadWindow as well.

    In order to open a support ticket you will need a valid subsription. For assistance with a purchase you can contact our sales team via sales (at) telerik _(dot)_ com.
    On the subject of a live session - this is usually a last resort measure if we cannot work with any other code. Details on that are available here.

    Regards,
    Marin Bratanov
    Telerik
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to the blog feed now.
  6. Karthik
    Karthik avatar
    7 posts
    Member since:
    Apr 2013

    Posted 20 Nov 2013 Link to this post

    HI Marin Bratanov,
    Thank you Very much,

    we are using the same user-control over a page and on a rad window, I'm able to hide the scroll bar on the page with below code

    .masterbody
            {
                display: block;
                overflow-y: hidden;
            }

    as u might be aware of this hides the scroll bar on the page, However this too fails on a rad window,

    Hopefully i make my time to create a sample project with same implementation of logic and raise a support ticket,


    Regards,
    Karthik Puppala
    Tecnics.
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017