Welcome Guest Search | Active Topics | Sign In | Register

Grid column alignment issue Options
Saji
Posted: Friday, June 27, 2008 12:24:50 AM
Rank: Advanced Member
Groups: Member

Joined: 1/3/2008
Posts: 32
Hi

I was using the Eo web grid control in my aspx page, everything is working fine except look and feel, there is a column alignment issue between the header column and details column, ie; the column seperator bar of the header row and the detail row is not coming in order. if you would have given an image attaching facility, i would have attached an image.

my grid data

| coumn1 | column2| column3 |

| data1 | data2 | data3 |
| data1 | data2 | data3 |
| data1 | data2 | data3 |


its appearing like above (header column seperator bar alignment)
if you are not under understanding, please send the email id i will forward you the image.

Saji
eo_support
Posted: Saturday, June 28, 2008 8:58:53 AM
Rank: Administration
Groups: Administration

Joined: 5/27/2007
Posts: 24,193
Hi,

Please create a sample project that demonstrates to the project and send it to us. We have sent a private message to you as where to send the project.

Thanks
Saji
Posted: Tuesday, July 1, 2008 5:04:55 AM
Rank: Advanced Member
Groups: Member

Joined: 1/3/2008
Posts: 32
hi

sorry for the trouble, it was due to a css declaration in my custom css

IMG {
margin-top: 5px;
margin-left: 10px;
margin-right: 10px;
}

i realized when i created a new project for you. when i removed the above declaration from CSS it worked well.

sorry for the trouble again. its working absolutely fne

saji
eo_support
Posted: Tuesday, July 1, 2008 9:04:44 AM
Rank: Administration
Groups: Administration

Joined: 5/27/2007
Posts: 24,193
Thanks for letting us know!
mcSquare
Posted: Tuesday, July 8, 2008 3:04:54 AM
Rank: Member
Groups: Member

Joined: 6/10/2008
Posts: 12
Hi,
I have a similar problem, but have no custom CSS. I just put <center> around the grid. The error occurs only with IE 6 (in Firefox 2/3 it works fine). When centered, a resized column moves the common offset of the columns content below the header, so that header and content get misaligned. Can you please fix this.. Thanks in advance.
eo_support
Posted: Tuesday, July 8, 2008 7:51:10 AM
Rank: Administration
Groups: Administration

Joined: 5/27/2007
Posts: 24,193
Hi,

Try to place the Grid into an outer elements and then center that outer element (make sure you give the outer element a correct fix size). Grid itself is a very complicated block of HTML element rather than a single HTML element, so it's not surprising that browser does not handle it well.

Thanks
DH
Posted: Sunday, July 13, 2008 11:36:56 AM
Rank: Member
Groups: Member

Joined: 11/19/2007
Posts: 25
I did a little research about how to center a div with styles and this worked in IE6 and Firefox 2.

<div style="margin-left: auto;margin-right: auto;width: 650px;">

The grid header/cell alignment was correct inside of this div.
eo_support
Posted: Sunday, July 13, 2008 11:45:26 AM
Rank: Administration
Groups: Administration

Joined: 5/27/2007
Posts: 24,193
Thanks for sharing!
mcSquare
Posted: Monday, July 14, 2008 3:19:08 AM
Rank: Member
Groups: Member

Joined: 6/10/2008
Posts: 12
Ok, that works. Thank you very much!


You cannot post new topics in this forum.
You cannot reply to topics in this forum.
You cannot delete your posts in this forum.
You cannot edit your posts in this forum.
You cannot create polls in this forum.
You cannot vote in polls in this forum.