“Imagination is more important than knowledge. For while knowledge defines all we currently know and understand, imagination points to all we might yet discover and create.” - Albert Einstein


CoolGridView February 2010 Release

The newest release of CoolGridView is available for download. There are a handful enhancements, optimizations and bug fixes in this release. Here are the ones worth mentioning.

DefaultColumnWidth Property

You can now define the default column width of CoolGridView columns through the DefaultColumnWidth property. The value for this property can not be of type UnitType.Percentage. On older releases of CoolControls, if a HeaderStyle-Width is not defined for a data column, it defaults to 100px. This value is hard coded inside the control. Now you can specify your own default column width. I got a lot of requests to allow column and table widths to be specified in percentage. Allowing column or table widths to be in percentage and at the same time making sure that the column widths can still be resized by the properly is a great challenge. However, rest assured that I am not dropping this request and that the development of this functionality is still being considered.

SPAN inside Table Cell

There was a bug in CoolGridView when displayed in IE 6 and 7. It was reported by developers that it seems that the style "white-space:nowrap" does not behave properly when applied to TD and TH element when the "width" is also defined in the style. Consider the following code:
<table style="table-layout:fixed;width:90px" border="1">
 <tr>
  <td style="white-space:nowrap; width:30px; overflow:hidden;">Test inside the cell.</td>
  <td style="white-space:nowrap; width:30px; overflow:hidden;">Test inside the cell.</td>
  <td style="white-space:nowrap; width:30px; overflow:hidden;">Test inside the cell.</td>
 </tr>
</table>
If you view the code above in IE 6 or 7, you will see that the text inside the cell wraps and breaks on white spaces even though the style was set not to wrap on white spaces. The fix for this is to put a SPAN that encloses the text inside the cell and put the style "white-space:nowrap" on the SPAN instead of the TD. The code below now works properly in IE 6 or 7. CoolGridView uses something similar to this but uses CSS instead.

<table style="table-layout:fixed;width:90px" border="1">
 <tr>
  <td style="width:30px; overflow:hidden;"><span style="white-space:nowrap;">Test inside the cell.</span></td>
  <td style="width:30px; overflow:hidden;"><span style="white-space:nowrap;">Test inside the cell.</span></td>
  <td style="width:30px; overflow:hidden;"><span style="white-space:nowrap;">Test inside the cell.</span></td>
 </tr>
</table>

"Gradient" Theme

There is a theme included in the sample project in this release that gives a 3D look on the table headers. In this theme, the white spaces inside the cell is not set to wrapped. When user resizes the column width and if text does not fit inside the cell, ellipsis will appear at the end of the text to indicate that there are portion of the text that is hidden.


To use this theme, you have to copy the "Gradient" folder into your "App_Themes" directory and copy the headerbg.gif file into your website in the location "\images\". Set EnableTheming to "True" for your ASPX page and set the Theme property to "Gradient".



COLGROUP and COL Elements Removed

Older releases of CoolGridView generates COLGROUP and COL html tags to control the column widths. However, the control does not render properly in the browser if the entire cells for a column is hidden using the style "display: none". Therefore, COLGROUP and COL were removed.

For more information of what are the other changes, you can read the release notes included in the latest build.

Have a great week everyone!

Labels: , , , , , , , , ,

 Subscribe to feed

5 Responses to “CoolGridView February 2010 Release”

  1. # Anonymous RaVel

    You're the man, John! Great job!
    Missing the feature of keeping scroll position on callback made me leave your control, but after all these updates and new features, I've returned it in my app. So far, it's ok, I don't have any complaint and my users are happier without paging navigation.
    I'll test more extensively it next period.
    Just a note: if ItemStyle in BoundField has CssClass with padding defined (for example, 10px on the right), and HeaderStyle has none, width of the header and rest of the column is different (for that 10px).  

  2. # Blogger John Eric Sobrepena

    That's great to hear RaVel. And I am taking note and investigating what you reported about ItemStyle and HeaderStyle causing inconsistency in the widths.

    Your feedback is highly appreciated.  

  3. # Blogger Unknown

    Is there an option to freeze the footer at well also? I am going to be needing to sum up certain columns and have them display totals. Thank you.

    Denny  

  4. # Anonymous Anonymous

    Thanks for the great control. I'm having a problem running in IE8 and FF where the scroll bars are not showing when the control is in a panel with a ModalPopupExtender. Without the ModalPopupExtender everthing works great. Everything works good on IE7 and IE8 in IE7 mode.

    pt.  

  5. # Anonymous Anonymous

    How to use this do not able to see any documentation.  

Post a Comment


John Eric Sobrepena

John Eric Sobrepena
Hi, I am an I.T. professional who loves technology. I am right now into Android development. I am also a subject matter expert on C#, ASP.NET, WPF and Silverlight. Photography is one of my many hobbies.
Bookmark and Share

Type your Email

Follow me on Twitter.

Flickr Photostream



 Subscribe to feed


Powered by Blogger



© 2006 IdeaSparx | Blogger Templates by GeckoandFly.
No part of the content or the blog may be reproduced without prior written permission.