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

Formatting problems when using scroll

7 Answers 121 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Alex
Top achievements
Rank 2
Alex asked on 18 Jul 2008, 06:56 PM
I'm having some problems getting my formatting right (maybe formatting is not the right word).

I have a grid that's 600px wide but only have 400px to display it in.

So I'm setting the width of the grid to 400px and have the scroll option on.

My grid is 400px and get the H-Scroll bar and you get to scroll left and right in the browser, where I have the issue is the next object on the page is being pushed right 200px (well it looks like it's 200px).

If I change the width of the grid to 600px (or completly remove the width and let it use the size it needs) and disable the scroll everything looks good. The next object is not being pushed and everything lines up correctly, my page now exceeds the desired resolution width which causes the browser to be scrollable.

What am I missing or doing wrong?

Thanks

7 Answers, 1 is accepted

Sort by
0
Sebastian
Telerik team
answered on 21 Jul 2008, 02:39 PM
Hello Alex,

Can you please check whether your grid resides in an html table cell and the issue is present under IE browser only? If this is the case, try setting the table-layout property of the wrapping table to fixed as explained under the description section of this online demo:

http://www.telerik.com/DEMOS/ASPNET/Prometheus/Grid/Examples/Client/Scrolling/DefaultCS.aspx

If the problem seems to be elsewhere, I suggest you use IE developer toolbar or FireBug (under FireFox browser) to troubleshoot the issue, find the source of it and eliminate it accordingly.

Best regards,
Stephen
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center
0
Alex
Top achievements
Rank 2
answered on 21 Jul 2008, 03:54 PM
Thank you for the reply and without looking at it, which I will do in a few, this is my scenario (html tables and all).

Thanks
0
Alex
Top achievements
Rank 2
answered on 07 Aug 2008, 08:06 PM
Finally got around to looking at this issue.

Looked at the example on line.

Works great if the columns are auto-generate, doesn't work very well when the columns are template columns.

If I use Template Columns even though the scoll width/height are right and the scroll bars appear the physical space used in the browser window is the actual space the grid would be using if it wasn't scroll enabled.

If I use auto-generated columns the width of my grid is 400px wide and I scroll left and right and the physical spaced used is 400px

If I use template columns the width of my grid is 400px wide and I can scroll left and right but the physcial space used in the web browser window is 600px. This last is true in Design mode, there's this 200px area next to my grid that I can't put anything.
0
Alex
Top achievements
Rank 2
answered on 07 Aug 2008, 09:36 PM
Addendum to my previous post.

One of the programmers asked me to test it in Firefox.

This issue does not happen in Firefox, seems to be related to IE and the version we use here is IE 6.0.

It is our corporate standard (at least 80%, other 20% is Safari for Macs).
0
Sebastian
Telerik team
answered on 08 Aug 2008, 06:33 AM
Hi Alex,

I conclude that the table-layout: fixed setting for the wrapper html table does not eliminate the glitch in this case under IE. To progress in our investigation, can you please provide a live url or a sample project (attached to a support ticket) which illustrates the abnormality? Thus we will do everything possible to give you more to-the-point answer/fix.

Kind regards,
Stephen
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.
0
Alex
Top achievements
Rank 2
answered on 11 Aug 2008, 10:11 PM
Thanks for the reply Stephen.

When I am able to I will provide a project for you to review, at the moment I owe your team 4 projects for issues that I am having.

I have a quick workaround.

What I've done is I've wrapped the Radgrid within a DIV and made the DIV a fixed width/height.

This has temporarely solved my problem with the extra space being created.
0
Alex
Top achievements
Rank 2
answered on 18 Aug 2008, 08:59 PM
I have opened a ticket as requested and have submitted a small project that simulates my issue.

Thank you for your attention
Tags
Grid
Asked by
Alex
Top achievements
Rank 2
Answers by
Sebastian
Telerik team
Alex
Top achievements
Rank 2
Share this question
or