TON of errors

[kriskramer]

Ok, I upgraded from RADControls Q3 2007 to the new ASP.NET AJAX controls, and I'm fighting through a lot of errors and quirks in the new controls. I understand things have changed, but I'm having trouble with some of these items and I can't for the life of me figure them out:

1. RadToolBar - I added a toolbar to a test page, and a script block that include the following:

var toolBar = $find("<%= toolbar1.ClientID %>");

alert(toolBar);

and this NEVER returns anything excecpt null. I've tried every possible combination I can think of, and I get nothing. I'm trying to capture the click events client side, and if I can't get past this, I'll just have to get rid of the toolbar and use hyperlinks.

2. RadPanelBar - How do I align the images added to a panel bar item? They seem to auto align to the top of the item, yet the text seems to default to the center, and this looks bad. Where in the skin css can I change this, if at all? All I'm trying to do is duplicate the ImageAlign="absmiddle" attribute of .net controls.

3. RadGrid - I noticed the new grid control has a few eccentricities that I think are holdovers from prior versions. I only bring these up because I was hoping they'd be fixed by now: The grouping feature causes the first column displayed, which is empty, to be about an inch or so wide, and the grouped column still shows up in the grid, which seems redundant to me. Filtering doesn't seem to work at all.

These are just the ones I can think at the moment. But don't get me wrong, I'm not trying to rip the controls or the work you guys put into them, I'm just incredibly frustrated after trying to upgrade and getting stuck with what seems to be very simple issues that I just can't get past, especially the first two.

Any help is appreciated.
Thanks.

[kriskramer]

Some additional questions...

1. When I use the Telerik skin for the Grid, if there are any tables declared within the grid row templates, I see borders for the tables, no matter what size they are. I can switch everything to divs to get rid of them, but should I really have to?

2. The toolbars always sit aligned to the left of any div or table cell I declare them in. I'm guessing they're being created in a div, but is there any built in way to keep them from always doing that? I can probably override that in css, but again, should I have to?

[Alex Gyoshev]

Hi kriskramer,

I'm truly sorry for the frustration you got. I hope we will manage helping you get the best experience with this reply:

1. the var toolBar = $find("<%=RadToolBar1.ClientID %>"); code is correct, but if placed directly on the page, it results in null. This happens, because of the specifics of the ASP.NET AJAX convention - controls are created in a special page event, named init. The easiest way to add some code to be executed in the very beginning is to move it to the body of a pageLoad function - this is a shortcut handler for the Sys.Application.add_load event.
2. The images within a RadPanelBarItem can be aligned using the following CSS:
   

   .RadPanelBar .rpImage
   {
       margin-top: 2px; /* adjust this value to suit your needs */
   }

3. The column which is displayed as first in the grid is the GridGroupSplitterColumn which controls internally the item separation in groups: 
   
   http://www.telerik.com/help/aspnet-ajax/grdcolumntypes.html (see the paragraph before the last one)
   
   This column is mandatory for the grid and can not be removed. If you would like to hide the grouped column after the end user drops it in the group panel, consider the approach presented in this code library thread:
   
   http://www.telerik.com/community/code-library/submission/b311D-hkbdt.aspx
4. The filtering feature should be work properly with the Q1 2008 version of RadGrid for ASP.NET AJAX. In case you use the .NET 3.5 build of the assembly, check whether setting EnableLinqExpressions = false for the grid makes a difference.
5. Unfortunately, the RadToolBar div-s are created with a style of "float:left"; you'll have to override it using css to change that behavior, e.g. with
   

   div.RadToolBar
   {
       float:none;
   }

Let us know if further questions arise.

Best wishes,
Alex
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center