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

RadGrid Row Vertical Alignment issue

3 Answers 194 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Petrofac
Top achievements
Rank 1
Petrofac asked on 01 Oct 2011, 10:14 PM
Hi,

There is some issue with row Vertical alignment for dynamically created Radgrid when its hosted on IIS7. Please refer the screen shot attached.  The header rows are not getting aligned with the data row.

1) RadGrid_development_pc.JPG
This screenshot is taken on the local development PC. This is no issue with aligment.

2) RadGrid_hosted_on_IIS7.JPG
This screenshot was taken after hosting the same RadGrid in IIS7. The data row is NOT aligned with the Header row.

Here are more details
Telerik Version : 2011.1.519.35
IIS Version : 7
.Net Framework : 3.5 SP1

Please provide a solution ASAP, since we are in deployment stage.

Thanks
Petrofac

3 Answers, 1 is accepted

Sort by
0
Petrofac
Top achievements
Rank 1
answered on 02 Oct 2011, 08:49 AM
Hi,

Please ignore the preview issue, it has resolved. Actually i have set the padding only for row but i forgot to set the padding for header as well. It was set in the CSS file.

Here come another issue while editing. There is vertical alignment issue only on the 1st row of the RadGrid only editing, the other row editing are fine.
 
Please refer the screen shot attached. Also please let know how to set the padding for row items in edit mode.

Thanks
Petrofac

0
Princy
Top achievements
Rank 2
answered on 03 Oct 2011, 01:37 PM
Hello Petrofac,

I have tried to reproduce the same issue but no avail. One suggestion is move Textbox in edit mode by setting the padding.Here is the sample code.

C#:
protected void grid1_ItemCreated(object sender, GridItemEventArgs e)
{
  if (e.Item is GridEditableItem && e.Item .IsInEditMode)
   {
       GridEditableItem it = (GridEditableItem)e.Item;
       if (it.ItemIndex == 0)
        {
           TableCell cell = it["columnUniquename"];
           cell.Style["padding-left"] = "30px";
        }
   }
}

Thanks,
Princy.

0
Kavitha
Top achievements
Rank 1
answered on 09 May 2012, 05:17 PM
I am also having same issue with vertical alignment when I modify first line of the grid and if the grid columns are fixed by a width.
 When i modify the rows other than first row, header is well aligned with rows.
The problem occurs only with first row.
Any solutions?
Thanking you.
Tags
Grid
Asked by
Petrofac
Top achievements
Rank 1
Answers by
Petrofac
Top achievements
Rank 1
Princy
Top achievements
Rank 2
Kavitha
Top achievements
Rank 1
Share this question
or