:: Forum >>

Styling issue on the UI.Grid

Hello,

I am having an issue where the content inside of the Grid is being shifted to the right slightly. Everything from the scrollbar to the columns and text is moved over slightly. I have this implemented on other pages and it doesn't appear there. Any ideas?

Thanks in advance.
jLH
Monday, March 16, 2009
When you say you have it implemented on other pages, do you mean the style settings are the same on the other pages?

Can you reproduce the problem with just one or two columns? Are you able to post some example code that demonstrates the problem?

What AW version are you using and which browser(s)?
Anthony
Monday, March 16, 2009
2.5.3 is the version that I am using.

From what I can tell the style settings are the same on other pages.

I have it set up like this:

obj.setSelectionMode("single-row");

The only key difference is I have the obj set up in a multi-row-marker configuration on the other pages.

It seems like all the pages that are "single-row" have this bug where instead of sitting direclty inside the frame of the grid there is a very thin column of blank space on the left side pushing it over to the right.
jLH
Tuesday, March 17, 2009
Hmm .. I haven't noticed that. What browser is it with?

If you changed the selection mode, does it go away?
Anthony
Tuesday, March 17, 2009
I am using IE7.

Unfortunately. I did change selection mode and cleared the browser cache and it still appears.

Any ideas on what type of css code would cause it to shift to the right like that?
jLH
Tuesday, March 17, 2009
I finally figured it out. The object was being placed into a <td> and that td had a text-indent style set on it.

Thanks for looking into it, Anthony.
jLH
Tuesday, March 17, 2009
Er .. I'm a little confused. Why would you be using table construct tags in a grid?
Anthony
Tuesday, March 17, 2009
Oh, the grid is placed inside of a YUI Panel.
jLH
Tuesday, March 24, 2009

This topic is archived.


Back to support forum

Forum search