This is a migrated thread and some comments may be shown as answers.

Rad Grid Scroll Arrows Not Working

5 Answers 197 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Holly
Top achievements
Rank 1
Holly asked on 23 Jun 2015, 07:54 PM

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>

 

5 Answers, 1 is accepted

Sort by
0
Pavlina
Telerik team
answered on 26 Jun 2015, 03:33 PM
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
0
Holly
Top achievements
Rank 1
answered on 13 Jul 2015, 07:15 PM
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
0
Pavlina
Telerik team
answered on 16 Jul 2015, 04:38 PM
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
0
Holly
Top achievements
Rank 1
answered on 16 Jul 2015, 07:09 PM

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

0
Pavlina
Telerik team
answered on 21 Jul 2015, 11:57 AM
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
Tags
Grid
Asked by
Holly
Top achievements
Rank 1
Answers by
Pavlina
Telerik team
Holly
Top achievements
Rank 1
Share this question
or