Sizing GridButton Columns

[Reid]

Hello,

I am using the ColumnCreated handler in a RadGrid to set the .ButtonType and Alignment of the Edit and Delete Autogenerated columns.  This is working but when I try to size the columns the alignment shifts left.

 protected void grdSponsoredLinks_ColumnCreated(object sender, GridColumnCreatedEventArgs e)
    {
        // Set the LinkButtons to show as Edit / Delete icons instead
        foreach ( GridColumn column in grdSponsoredLinks.MasterTableView.Columns )
        {
            if ( column.ColumnType == "GridButtonColumn" )
            {
                (column as GridButtonColumn).ButtonType = GridButtonColumnType.ImageButton;
              //  (column as GridButtonColumn).ItemStyle.Width = Unit.Point(C_DEFAULT_EDITCOMMAND_COLUMN_WIDTH);
                (column as GridButtonColumn).ItemStyle.HorizontalAlign = HorizontalAlign.Center;


            }
            if ( column.ColumnType == "GridEditCommandColumn" )
            {
                (column as GridEditCommandColumn).ButtonType = GridButtonColumnType.ImageButton;
                (column as GridEditCommandColumn).ItemStyle.HorizontalAlign = HorizontalAlign.Center;
            }
        }

If I uncomment out the line above the buttons align to the left.

Any suggestions would be welcomed.

Thanks

[Shinu]

Hi Reid,

Try setting the width of the column in pixels and see whether it is working.

CS:

protected void RadGrid1_ColumnCreated(object sender, GridColumnCreatedEventArgs e)
    {
        // Set the LinkButtons to show as Edit / Delete icons instead
        foreach (GridColumn column in RadGrid1.MasterTableView.Columns)
        {
            if (column.ColumnType == "GridButtonColumn")
            {
                (column as GridButtonColumn).ButtonType = GridButtonColumnType.ImageButton;
                (column as GridButtonColumn).ItemStyle.Width = Unit.Pixel(50);
                (column as GridButtonColumn).ItemStyle.HorizontalAlign = HorizontalAlign.Center;


            }
            if (column.ColumnType == "GridEditCommandColumn")
            {
                (column as GridEditCommandColumn).ButtonType = GridButtonColumnType.ImageButton;
                (column as GridEditCommandColumn).ItemStyle.HorizontalAlign = HorizontalAlign.Center;
            }
        }
    }

Shinu

[Reid]

Hello Shinu,

I tried to size using Pixels as the unit of measurement instead of points and the result is the same.  And this is the same for either of the 3 grids I have on this page.  Again the columns do not resize and the alignment shifts left.

I wanted to mention that the grids are contained in PageViews.

[Daniel]

Hello Reid,

An alternative approach is shown below:

protected void RadGrid1_PreRender(object sender, EventArgs e)
{
  foreach (GridColumn column in RadGrid1.MasterTableView.RenderColumns)
  {
    if (column.UniqueName == "AutoGeneratedEditColumn" || column.UniqueName == "AutoGeneratedDeleteColumn")
    {
      column.HeaderStyle.Width = Unit.Pixel(100);
      column.ItemStyle.HorizontalAlign = HorizontalAlign.Right;
    }
  }
}

Best regards,
Daniel
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.

[Reid]

Hello Daniel and Shinu,

This solved it.  I believe there are two issues that needed addressing.

1. Both the OnColumnCreated and OnPreRender event need to be deployed.
2. The Column.HeaderStyle needs to be resized along with the Column itself.

Thank you