Web Parts and Personalization

Re: Workaround for using Web Parts with AJAX 1.0 UpdatePanel

Luz — Thu, 27 Aug 2009 15:04:20 GMT

Thanks for all informaticon, has be very usefull for me... but i have a problem now... in firefox work fine and in opera to but en IE second drag and drop fail...

the error is in the ScriptResource and say "htmlfile: Error no especificado." specific line "var clientRect = element.getBoundingClientRect();".... i have a custom webpartmanager file inherit form Microsoft.Web.Preview.UI.Controls.WebParts.WebPartManager and override the method RegisterClientScript based on Sample.Web.UI.WebParts posted in here

Please any help!

Thanks!

Re: Workaround for using Web Parts with AJAX 1.0 UpdatePanel

mishalas — Sat, 14 Mar 2009 21:46:53 GMT

I am using VS2008 and Ajax 1.0. I am using a master page, and so at first had problems. I have my webpartmanager on the master page (as well as the scriptmanager). All I had to do was place it in its own updatepanel and then I can include zones on any content page inside update panels and it seems to work

Just though this might help someone else.

Great work on figuring this out!

Re: Workaround for using Web Parts with AJAX 1.0 UpdatePanel

stealthboy2600 — Tue, 09 Sep 2008 14:18:29 GMT

I thought that perhaps the 3.5 .NET update would fix the firefox drag, but I can't seem to get it to work, even trying with the July Futures as some of you have. The issue for me is that in Firefox it'll drag *once*, then after that lose the ability. Works fine in IE and Safari. Does anyone else have this issue? What I'm trying to do with all this is fix a web part portal application that I have now that does the evil postback on every action verb, move, etc. I want to use an updatepanel so I can avoid the page reload, hence my trip down this rabbit hole...

Specifically, here's what I have: Visual Studio 2005, ASP.NET 3.5 updates, July 2007 Futures.

The code is very simple:

 <asp:ScriptManager ID="ScriptManager1" runat="server" />
        
        <div>
        
        <asp:UpdatePanel ID="panel" runat="server">
        <ContentTemplate>
        
            <cc1:WebPartManager ID="WebPartManager1" runat="server">
            </cc1:WebPartManager>
            
            <cc1:WebPartZone ID="WebPartZone1" runat="server">
                <ZoneTemplate>
                    <asp:Calendar ID="Calendar1" runat="server"></asp:Calendar>
                </ZoneTemplate>
              
            </cc1:WebPartZone>
            
           
            <cc1:WebPartZone ID="WebPartZone2" runat="server">
            </cc1:WebPartZone>
        
        </ContentTemplate>
        </asp:UpdatePanel>
       
        </div>

Re: Workaround for using Web Parts with AJAX 1.0 UpdatePanel

vinz — Mon, 07 Jul 2008 04:59:54 GMT

Hi Mike,

Drag and Drop of WebParts in different browsers works fine using WebParts Futures in 3.5 version. However i have some issue here.. Actually I have created a Custom CatalogZone that was derive from the base class where it allows user to be a able to drag and drop WebParts from that Catalog to WebZones. This part works fine when i use the Standard WebPartManager on the Page but when I use the FUTURE WebPartManager on the Page then i get a JavaScript error "WebPart_OnDragEnd is undefine"? and because of that error I can no longer drag and drop parts form Catalog to WebZones.. I debug it many times, test it many times, googling a lot with no luck.. I believe that it's something to do with the Future WebPartManager becuase it works fine in standard WPM..

Do you have any idea about this issue Mike?

Re: Workaround for using Web Parts with AJAX 1.0 UpdatePanel

newmajiajia — Thu, 19 Jun 2008 23:12:41 GMT

Mike,

Your code works fine, which is great news for all webpart users!

However, I do got another problem on this in firefox...

I had one user control (implements IWebpart interface) which already use AJAX function. Original I had one updatePanel in it with some javascript, such as (BeginRequestHandler and etc). This works fine with my original webparts program for both IE and Firefox ( I use AJAX future + AJAX extension 1.0). I mean it did partial update well. (The only problem for my previous webparts application is drag/drop full postback for both IE and FF).

When I use your code, I have to change the <asp:ScriptManager> to <asp:ScriptManagerProxy> in my user control, but the usercontrol did full page postback in Firefox ( in IE it is fine.) Did you get chance to test your way will work for FF if you have a complex user control, such as nested update panel?

Thanks

Eric

Re: Workaround for using Web Parts with AJAX 1.0 UpdatePanel

mharder — Thu, 19 Jun 2008 17:42:44 GMT

As I said above, you need to use the latest version of the ASP.NET Futures. It's a separate download available on www.asp.net.

Re: Workaround for using Web Parts with AJAX 1.0 UpdatePanel

karpach96 — Thu, 19 Jun 2008 14:11:03 GMT

Hi,

I am using Visual Studio 2008 Team System (Developer Edition).

I can't find Microsoft.Web.Preview library anywhere, so I used regular Webparts controls and ScriptManager.

I copy paste your code from above. However, drag and drop still doesn't work in Firefox.

Re: Workaround for using Web Parts with AJAX 1.0 UpdatePanel

mharder — Tue, 17 Jun 2008 20:37:45 GMT

My solution should do exactly what you describe.

Re: Workaround for using Web Parts with AJAX 1.0 UpdatePanel

newmajiajia — Tue, 17 Jun 2008 19:04:24 GMT

Hi Mike,

Can you post more for your solution?

I still got problem with that... I need a framework which allow me drag and drop in both IE and FF, Safari, and I do not want to whole page postback for drag/drop activity.

Let me know whether it is true.

Thanks

Eric

Re: Workaround for using Web Parts with AJAX 1.0 UpdatePanel

tyeow — Thu, 10 Apr 2008 19:32:32 GMT

Hi, David,

Thansk for this, it works great using the Sample.Web.UI.WebParts.dll in release folder, however when Compiled using your code in VS2005, drag and drop/verb click stop working after any postback.

I noticed that the reference for System.Web.UI.ScriptManager is missing when first loading the soultion file in vs2005 so I added the reference to System.Web.Extensions back but vs2005 notified that System.Web.Extensions is in framework 3.5 while the project is 2.0, I went ahead and added 3.5 anyway and compiled successfully but as mentioned earlier, this newly compiled DLL doesn't allow drag and drop/verb click after the first postback.

I would really appreciate if anybody that got this working can shed some light here as what I did wrong/missed.

Thanks guys.

* Solved, 2.0 System.Web.Extensions should indeed be used.

Re: Workaround for using Web Parts with AJAX 1.0 UpdatePanel

sivavenugopal — Mon, 31 Mar 2008 07:03:29 GMT

Hi Rob,

Can you send the code written for webparts to work both in IE and Firefox. I did the same thing that you have given but it is not working for me. Please give the sample code for reference and also for the first time loading the Drag n Drop is not working after post back of Updatepanel it is working fine. Can you please tell me the reason for the same if possible.

Re: Workaround for using Web Parts with AJAX 1.0 UpdatePanel

sivavenugopal — Wed, 12 Mar 2008 03:12:31 GMT

Hi,

I am using Webparts in the Ajax 1.0 Update Panel. I have used the workaround to get the Drag and drop in the IE and Firefox also. But I am disabling some or all verbs of the webparts according to the requirement. But i am unable to use WebPartverbRendermode as Menu type i am able to use only titlebar type only. Please let me know the solution for the same.

I am using Infragistics Ultra WebChart controls in the webparts. With this work around of firefox support i could not able to drag and drop the webpart in the IE.Other webparts which doesn't have the chart control can able to drag and drop.

Re: Workaround for using Web Parts with AJAX 1.0 UpdatePanel

mharder — Fri, 08 Feb 2008 02:00:55 GMT

Works for me. I'm using .Net Framework 3.5 RTM and the latest version of the ASP.NET Futures. Here's my sample page:

<%@ Register Assembly="Microsoft.Web.Preview" Namespace="Microsoft.Web.Preview.UI.Controls.WebParts" TagPrefix="cc1" %>

<asp:ScriptManager ID="ScriptManager1" runat="server" />
<asp:UpdatePanel ID="up1" runat="server">
<ContentTemplate>
    <cc1:WebPartManager ID="wpm1" runat="server" />
    <cc1:WebPartZone ID="wpz1" runat="server">
    <ZoneTemplate>
        <asp:Label ID="label1" runat="server" />
        <asp:Label ID="label2" runat="server" />
    </ZoneTemplate>
    </cc1:WebPartZone>
</ContentTemplate>
</asp:UpdatePanel>

Re: Workaround for using Web Parts with AJAX 1.0 UpdatePanel

sivavenugopal — Tue, 29 Jan 2008 06:13:44 GMT

Hi,

I am also using the Webparts in an Update Panel and with the work around Drag and Drop is working fine with IE. But Drag and Drop is not working in FF. I have tried the

public void InitScript()
{
    this.RegisterClientScript();
}

also but it is also not working. I have tried with the Microsoft.Web.Preview.dll and it is also not working.

Please let me know if there any work around to get the Drag and Drop funtionality both in IE and FF.

Re: Workaround for using Web Parts with AJAX 1.0 UpdatePanel

ketaki_pore — Thu, 13 Dec 2007 10:12:15 GMT

This really helped me.

Thanks a lot,

Ketaki