Hi,
I need to apply a custom header layout on my grid. This includes actual html implementation to place filter and sorting icons within the header cell in custom positions, and not just replacing the default icon images or colors. How do I do this?
I've spent a lot of time trying to understand how to achieve this with either UltraGridColumn or with TemplatedColumn with no success. With UltraGridColumn this seems to be impossible, and with TemplatedColumn I can provide a HeaderTemplate, but then again, it seems like I have to actually implement the client-side events for the filter and sorting images.
Is it not possible just to instruct the grid that a certain image is the filter or sort image, and have it render the client scripts accordingly?
What's more frustrating, is that I can't seem to find a single example for implementing a HeaderTemplate with Filter or Sort icons.
Here's the code sample for the HeaderTemplate:
<HeaderTemplate><table cellpadding="0" cellspacing="0" border="0" width="100%" class="tbl_header_data"> <tr> <td> Name </td> <td> <table cellpadding="0" cellspacing="0" border="0" width="" class="tbl_header_icons"> <tr> <td><!-- this image should trigger the client filtering --> <asp:Image runat="server" ImageUrl="~/images/icons/filter_normal.png" /> </td> </tr> <tr> <td> <a href=""><!-- this image should trigger the client sorting --><asp:Image runat="server" ImageUrl="~/images/icons/arrow_sort_down.png" /> </a> </td> </tr> </table> </td> </tr></table> </HeaderTemplate>
Thanks.
Hi ewolfman,
I am facing some sort of similar issue and post it here.
http://community.infragistics.com/forums/p/55538/285451.aspx#285451
Have you find the answer of your question? and which version of UltraWebGrid you are using?
Thanks,
M.Yousuf
In this particular issue I'm afraid that I eventually decided to give up on customizing a header, and used jQuery and CSS to tweak the rendered builtin header's html to my needs.
If you're refactoring your code, you may consider switching to IG's newer WebDataGrid over the older UltraWebGrid, although I'm uncertain if the newer grid will supply a solution. IG claims that they want to "retire" UltraWebGrid, so it's not the best bet. You could also try a different 3rd party grid if you haven't purchased IG yet.
Thanks for your reply. I am waiting to hear a solution or final statement from IG team. Thanks for sharing your experience. Your experience is valuable for me because I have track your other post and you have always raise positive and critical question.
Thanks again!
Thanks for your feedback.
I must say that unfortunately my experience with IG, both the controls and their handling of this IE9 situation, was quite poor. True, they did send me the 10.3 SR for testing IE9 fixes, but I believe it shouldn't have come to that at all, should they have bothered to address IE9 sooner. With IE10 now in development, one can only hope that IG have learned a lesson here.
I've also developed using other 3rd party alternatives but I'm afraid that I've had my share of disappointments from them as well.
That's why nowadays in new developments I try to stick to open source alternatives if possible. Although this seems like somewhat a risky alternative, I find it easy to use most components, I can replace them with better alternatives without feeling obligated to use 3rd party controls that the company purchased, and the development community is very supporting. As you can see from this post and others, having commercial 3rd party controls doesn't assure you that they will provide adequate support and solutions, neither does it guarantee a quality product. I have spent countless hours in developing workarounds for IG controls.
Finally, having 3rd party controls doesn't also guarantee that their controls are "everlasting". As IG declared their intentions to "retire" UltraWebGrid, it will take efforts to migrate to their new grid. If this is the case, I think it's not so different from choosing an open source solution and switching to a different solution if you require it. More or less the same effort.