How to use Radgrid control in MOSS?

[Saad]

Hi,

I have followed the documentation and googled to find way to how to deploy radgrid in my sharepoint page. But I am unable to do it.....can anyone give me a sample code + a webpart file to just upload it in sharepoint and use it? From this, I could get an idea to how to populate Radgrid from within Sharepoint.

And one thing more, do I need to tell Sharepoint like to make Telerik components being used? Well, I know how to add safe controls in web.config.

[frank guoyd]

HI,
I don't know,But I well done it now:>

[Abrash]

Hi Saadi,

Were you able to get it to work. I am having similar issues.

 

http://www.telerik.com/community/forums/sharepoint-2007/controls/radgrid-in-sharepoint.aspx

Please do help me if you are on your way to a wonderful end.

Thanks!

[Sebastian]

Hi guys,

How to use our AJAX controls in SharePoint 2007/2010 web parts you can see from the following online resources:

Overview page + SharePoint 2010/2007 demo sites
http://www.telerik.com/products/sharepoint.aspx

Documentation
http://www.telerik.com/help/aspnet-ajax/moss-overview.html

Best regards,
Sebastian
the Telerik team

[Abrash]

Hi Sebastian,
You are showing us the demo site. Question is how to make things working? I think it is not the code that is bothering most people. It is how to configure RadControls or RadGrid with SharePoint with SharePoint 2007/WSS 3.0.  It would be awesome if you can show us steps by step instead of documentations or demo that don't tell us a whole lot.

Thanks!
Abrash

[Sebastian]

Hello Abrash,

I think that the information/samples you request are present in our SharePoint demo sites/documentation pages. Let us know if you still have difficulties with some particular implementation after familiarizing with them.
 
Regards,
Sebastian
the Telerik team

[Abrash]

Sebastian,
I am still having trouble with the RadGrid in MOSS 2007 environment. RadGrid works great in my normal ASP.NET application. It fails to work in the WebPart in MOSS 2007 environment.

http://www.telerik.com/community/forums/sharepoint-2007/controls/radgrid-in-sharepoint.aspx

In a nutshell, I want my RadGrid to look like a ASP.NET application or your samples site.

http://sharepoint2007.telerik.com/Products/RadControlsAjax/Pages/RadGrid.aspx

However, it is not doing that. I am uploading the comparison screen-shots for you.

Nothing is working, there is no code change at all.

Thanks

[Sebastian]

Hello Abrash,

From the screenshot you provided it seems that you use a custom skin for your grid which is not applied when you use it in SharePoint 2007. Can you check whether you specified the appropriate settings for the grid in SharePoint 2007 environment to serve the styles and images for the skin as expected? You may also check the web resouces troubleshooting tips from this topic.

Regards,
Sebastian
the Telerik team

[Abrash]

Hello Sebastian,
Thanks! I tried to follow the instructions and got the error on the first one.

http://{myserver}/WebResource.axd?d=aSE4Bk0H0acxNZQmi9jITx6_S_QQq58AsDa2E42QFxCGTjIT34vsvJNTLcgovWtfJ_1EkfA9-UE61s7xASO5N40J5Yk1&t=634221114821795000


I believe that I am missing something in the webresources

C:\Program Files\Common Files\Microsoft Shared\web server extensions\wpresources

I am sure it is a configuration issue problem. Since the same code works in a normal ASP.NET applcation. It just does not work in a SharePoint webpart.

I have installed telerik.web.ui dll in the assembly. It's version is 2009.3.1103.20.    I am using custom  settings that work well with ASP.NET app. I have following entries in the master page.

<%

@ Register TagPrefix="telerik" Assembly="Telerik.Web.UI, Version=2009.3.1103.20, Culture=neutral, PublicKeyToken=121fae78165ba3d4" Namespace="Telerik.Web.UI" %>

 

<

 

link href="~/_layouts/global/css/global.css" rel="stylesheet" type="text/css" runat="server"/>

 

<

 

link href="~/_layouts/global/radcontrols/Dock/Dock.MyApp.css" rel="stylesheet" type="text/css" runat="server" />

 

<

 

link href="~/_layouts/global/radcontrols/Grid/Grid.MyApp.css" rel="stylesheet" type="text/css" runat="server" />

 

<

 

link href="~/_layouts/global/radcontrols/TabStrip/TabStrip.MyApp.css" rel="stylesheet" type="text/css" runat="server" />

 

<

 

link href="~/_layouts/global/radcontrols/TabStrip/TabStrip.ViewEdit.css" rel="stylesheet" type="text/css" runat="server" />

 

<

 

link href="~/_layouts/global/radcontrols/ToolTip/ToolTip.MyApp.css" rel="stylesheet" type="text/css" runat="server" />

 

<

 

link href="~/_layouts/global/radcontrols/ToolTip/ToolTip.MyApp_RollOver.css" rel="stylesheet" type="text/css" runat="server"/>


Please help me and tell me what am I doing wrong?

Thanks!

 

[Sebastian]

Hello Abrash,

It seems that your custom style sheet you register with this link tag:

<link href="~/_layouts/global/radcontrols/Grid/Grid.MyApp.css" rel="stylesheet" type="text/css" runat="server" />

for the grid is not is not picked up in your SharePoint 2007 configuration and the Default grid skin is applied.

Make sure that the style sheet is registered as expected and you have associated a custom skin for the grid as explained here (setting the EnableEmbeddedSkins property of the control to false). You may also use IE developer toolbar to inspect the rendered html of the page and see how the styles are served and propagated for the grid html table.

Regards,
Sebastian
the Telerik team

[Abrash]

Hi Sebastian,
Thanks for your help on this one.  I am more of a SharePoint implementer as opposed to a typical .NET develop. I am kind of a  confused about exacts steps tp do.

You mentioned
"Make sure that the style sheet is registered as expected and you have associated a custom skin for the grid as explained here (setting the EnableEmbeddedSkins property of the control to false). "

CSS stylesheet is configured. Webpart is reading all other things. So I am ruling it out. How do I associate the custom skin that you mentioned to  a SharePoint based telerik control. The document that you gave me talks more about  ASP.NET. I already have custom skin working in my ASP.NET application without any issue.

However, I get an error in the SharePoint when I use the same code.

http://myserver/WebResource.axd?d=aSE4Bk0H0acxNZQmi9jITx6_S_QQq58AsDa2E42QFxCGTjIT34vsvJNTLcgovWtfJ_1EkfA9-UE61s7xASO5N40J5Yk1&amp;t=634221114821795000

When I run the above mention url through fiddler, I do not see any thing in there.


I would appreciate if you can help me with custom skins under the context of SharePoint!

[Sebastian]

Hello Abrash,

If you register the styles in SharePoint environment as depicted in the article (referencing them from the resources SharePoint folder), they should be picked up and applied as expected. There is nothing different than how these styles are propagated in standard ASP.NET site than the place from which you reference them in SharePoint.

If this does not help, let me know what your findings are when you used IE developer toolbar to examine the grid's html table styles. Thus I will be able to assist you further.

Best regards,
Sebastian
the Telerik team

[Abrash]

I still do not have any supportive answer for my issues. I am not sure why simple mundane things are taking time. I was expecting that Gurus at Telerik should be able to provide me the answer.

I had two major issues:

1. Styles and skins not showing up properly
2. Sorting behavior not working properly.

 

I did following things in order to make it working.

 

1. For my first issues, I found the fix. I still do not have any definitive solution from their end.

I was using the skin file in App_theme folder of my ASP.NET application.

 

<telerik:RadGrid runat="server" EnableEmbeddedBaseStylesheet="True" EnableEmbeddedSkins="false" ImagesPath="~/global/radcontrols/Grid/MyLink" Skin="BrokerLink">

</telerik:RadGrid>

 

I took the code from the skin file and put in the individual grid of my ACSX page which goes into the SharePoint.

 

<telerik:RadGrid ID="uiUserGrid" runat="server" AutoGenerateColumns="False" GridLines="None" 

                AllowPaging="True" AllowSorting="true" PageSize="20" EnableEmbeddedBaseStylesheet="True" EnableEmbeddedSkins="false" ImagesPath="~/_layouts/global/radcontrols/Grid/MyLink" Skin="MyLink">

 

I know this is not the best approach since I have to do it for all RadGrids in my application. However, this is what I came up as a fix.

 

I am still looking for telerik help.

 

 

2. For my second issues, I found that the issue was with the <ASP:UpdatePanel> tag in the following code. If I take it out, sorting begins to work.

 

<asp:UpdatePanel ID="UpdatePanel1" runat="server">

        <ContentTemplate>

           <telerik:RadGrid ID="uiUserGrid" runat="server" AutoGenerateColumns="False" GridLines="None"

                AllowPaging="True" AllowSorting="true" PageSize="20">

 

 

I am not sure why UpdatePanel does not work inside a user control embedded within a SharePoint web part.

 

 

In one place, I noticed people talking about using Telerik RadAjaxManager. I used the following block of code. However, it still did not work.

 

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" >

            <AjaxSettings>

                <telerik:AjaxSetting AjaxControlID="uiUserGrid" >

                    <UpdatedControls>

                        <telerik:AjaxUpdatedControl ControlID="uiUserGrid"   />

                     </UpdatedControls>

                 </telerik:AjaxSetting>

             </AjaxSettings>

    </telerik:RadAjaxManager>  

   

 

 

At this time, I am desparately looking for Telerik to help me resolve UpdatePanel issues related to a RadGrid.

 

PLEASE HELP!!!

[Sebastian]

Hi Abrash,

1. As long as you register your external styles in SharePoint to be accessed and consumed by the grid on your page/web part, they should be applied appropriately. Most probably the best place for this would be the wpresources SharePoint folder (see details about its location in this forum entry).
2. Can you check whether the same scenario works when the MS UpdatePanel hosting the grid is outside of the user control instance? Moreover, you can use Fiddler to detect whether the ajax request and response are processed properly between the client and the server and share the Fiddler trace with us in order to advice you further.

Regards,

Sebastian
the Telerik team

[vijila]

How to use update panel for telerik radgrid.. If I use update panel for this telerik ended with JavaScript error. If I remove this updatepanel I'm not getting issue. Please suggest how to use upsatepanel for telerik radgrid