Best Practice for Telerik radGrid Grid and Column widths

asp.netradgridtelerik

I wanted to ask what is the best practice to manage width of the radGrid.

For my application most users are running 1280 x 1024 so I would be happy to set my overall grid width to 1100. However, depending on the form in use, I sometimes have horizantal scroll bars. To solve this, I have been playing with the width of the grid, and also I have played with setting the itemstyle-width for one or two columns. Sometimes I accidentally get it right, and sometimes it is not quite right.

What is the best way to manage this?
Do I set the grid, and then all columns, or just the grid, or just the columns? I guess there is a best practice, so just wondering how you handle it,

thanks

PS. I have posted this on the Telerik forums, I know, of course, that it it not considered acceptable to paste the internet with the same post, but I do want to use stackoverflow, and hope that I am playing by the rules if I post directly on Telerik also.

Mark Breen
Mark Breen
Ireland
BMW R80GS 1987

Best Answer

I set the width on the RadGrid to 99% in the definition, and then if I need to constrain the width, I set the Width explicitly on the RadGrid, or a parent HTML element. You may want to set a percentage instead of an explicit with as another option too. Do you need to adjust the size dependent on the resolution?

Setting the columns helps if you want a specific column of a specific width; as you probably know, table columns can change widths as determined by the browser, and setting the explicit width helps avoiding crunching data that you want to be of a specific width.

HTH.

Related Solutions

Accessing TextBox Column in RadGrid By Telerik

That depends on how those textboxes are being added/created. If by 'not bound' you mean they are in Template columns you should be able to use .FindControl in one of the grid's events to grab that textbox. And again which event will depend on what is causing the postback to happen. For the purpose of this code example I'll assume you are dealing with a Command item on the grid

Private Sub radGrid_ItemCommand(ByVal source As Object, ByVal e As Telerik.WebControls.GridCommandEventArgs) Handles RadGrid1.ItemCommand
  Select Case e.CommandName
    Case "Update"
      Dim txt as Textbox
      txt = e.Item.FindControl("textboxID")
      If Not txt is Nothing Then someObject.someString = txt.Text

    Case Else
      'do something else

End Sub

Hope that helps.

Grid with too many columns in fixed width website

Your choices are a combination of the following:

Smaller fonts
Consolidate some cells to have more than one row (e.g. if you have a "start date" and "end date" put the start date on top and the end date on the bottom.
Widen the window
Make some cells appear conditionally (based on user-defined filters). Maybe the most frequently used cells appear normally and a checkbox unhides the less frequently used cells or groups of cells.
Allow horizontal scrolling
Make the window a fluid width
Popup data in a floating <div> via javascript instead of putting it in a column

Am I missing anything?

Best Answer

Related Solutions

Accessing TextBox Column in RadGrid By Telerik

Grid with too many columns in fixed width website

Related Topic