Rad Grid Scroll Arrows Not Working

6 posts, 0 answers
  1. Holly
    Holly avatar
    14 posts
    Member since:
    Feb 2012

    Posted 23 Jun 2015 Link to this post

    Hi!
                    We have
    a version of the Telerik AJAX controls from a few years ago, 2012, and there’s
    something that’s come up now that we need to fix. We have a grid that displays
    data to the users, and we have it nested within a RadPane on a page that is
    divided up with a RadSplitter. Since we have so many different items that we
    nest things within, I’ve been using percentages to say what percentage of the
    page a control should take up. Our grid uses frozen header columns and we set the
    width and height to 100% of the divs that it’s in.

    The problem is that the scroll
    arrows on the horizontal scroll bar don’t work. You have to drag the bar to get
    it to move. I’ve narrowed the problem down to the properties that I can change to
    get it to work. If I set the width and height to specific values, like 800px or
    300px, the scroll arrows work just fine. However, when I try to set it to a percentage,
    like 100%, then the arrow buttons don’t work anymore. I’ve pasted the code
    snippet below.

    If anyone could tell me what it is
    I’m doing wrong and how I can get the width and height to fill the div and
    still have the arrows work, I would greatly appreciate it! Thank you so much!

                                    Holly

     

    <tr style="height: 75%">
        <td style="height: 85%">
            <div id="Div1" style="height: 90%; width: 100%">
                <Telerik:RadGrid ID="RadGrid1" runat="server" GridLines="Both" CellSpacing="0"
                    CellPadding="2" width="100%" Height="100%" EnableViewState="false">
                    <MasterTableView TableLayout="Fixed" CssClass="AutoShrink">
                        <HeaderStyle Width="120px"/>
                    </MasterTableView>                                              
                    <ClientSettings>
                        <Scrolling FrozenColumnsCount="2" AllowScroll="True" UseStaticHeaders="True" SaveScrollPosition="True">
                        </Scrolling>
                        <Resizing AllowColumnResize="false"  ClipCellContentOnResize="true" AllowResizeToFit="false" ResizeGridOnColumnResize="true"/>
                    </ClientSettings>
                </Telerik:RadGrid
            </div>
            <div style="font-size: 10pt">
                This is our grid.</div
                                                                                
        </td>
    </tr>

     

  2. Pavlina
    Admin
    Pavlina avatar
    6187 posts

    Posted 26 Jun 2015 Link to this post

    Hi,

    I would recommend you upgrade to the latest Telerik UI version and let me know if you still encounter the same problem.

    Regards,
    Pavlina
    Telerik
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
  3. Holly
    Holly avatar
    14 posts
    Member since:
    Feb 2012

    Posted 13 Jul 2015 in reply to Pavlina Link to this post

    Dear Pavlina,

                Hi! I finally got a chance to download a trial version of the latest version, and,
    yes, that did fix the scroll arrow problems. The arrows work just fine with the
    new version.

                After I upgraded, I was able to make changes here and there to accommodate most of the
    differences between the versions. There were only a couple of problems I came
    across while upgrading, so if I can get these ironed out, my boss should be
    okay with buying the new version to fix the scroll problems.

                The first problem has to do with the grid widths. For a couple of our pages, we set the
    grid width to be 100% because the data that fills it can vary from page to
    page. When the number of columns is larger than the grid and it has a scroll
    bar, that looks just fine because it fills the space up and you just need to
    scroll to get to the end. (I’ve attached a sample image of that.) The problem
    comes up when the data doesn’t actually fill the entire space that the grid can
    occupy. In that case, there’s what looks like an empty Header line that extends
    to the end of the grid space. (I’ve attached an example.) It didn’t do that in
    our previous version, so is there some setting that I can change to not have it
    do that? (We also upgraded skins because we’re using Transparent in our current
    version.)

                The second problem has to do with filters. We have a grid that filters some dates, and
    when you click on the filter item, it shows the correct filter items, but
    they’re all spaced out, kind of like they would be if you just took out the
    filter options that wouldn’t apply to the date but didn’t remove the extra
    spaces. (I’ve attached an example of that, too.) Our application runs in
    compatibility mode, and it does look like the filter looks a little better
    outside of compatibility mode, but we do need to keep it in compatibility mode
    for a while longer because of other factors.

                If you have
    any idea of what settings I could change to fix these two problems, I would
    really appreciate it! (I can also send a sample project or post the web page code
    demonstrating these two problems, if you’d like.) Thank you so much for your
    help!

                            Holly
  4. Pavlina
    Admin
    Pavlina avatar
    6187 posts

    Posted 16 Jul 2015 Link to this post

    Hello,

    May I ask you to isolate the described problems in a sample project and send it to us, so we can test it locally and advice you how to fix them. Also specify which is the version of Telerik UI for ASP.NET AJAX you are using now. Does the same problems persist with the latest Q2 2015 version of the controls?

    Regards,
    Pavlina
    Telerik
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
  5. Holly
    Holly avatar
    14 posts
    Member since:
    Feb 2012

    Posted 16 Jul 2015 in reply to Pavlina Link to this post

    Dear Pavlina,
                Hi! Thanks! I responded to your e-mail and sent you a zip file of the sample web-page files. If you let me know where I can attach the whole project for you to see, I can do that, too. I just couldn't fit it in my e-mail.

                Yes, I did upgrade to a trial version of the latest controls, so that should be up to date. Thank you so much for your help!
                            Holly

  6. Pavlina
    Admin
    Pavlina avatar
    6187 posts

    Posted 21 Jul 2015 Link to this post

    Hi Holly,

    You can submit support ticket, following the steps below, where you will be able to attach your project:

    - Login to your account (trial/ paid) on telerik.com
    - Click on “Get Support” from your account page (after logging in)
    - Then "Contact Support Team" at the botton left corner
    - Choose the product you want support for and click "Submit support ticket" button

    Regards,
    Pavlina
    Telerik
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
Back to Top