Intersoft Community - WebTreeView - WebTreeView (as Navigation): Problem during Browser Resize

WebTreeView (as Navigation): Problem during Browser Resize

yudi — Fri, 29 Oct 2010 17:07:05 GMT

I have forwarded the issue to WebDesktop development team.

The issue is filed under work item #838. I’ll keep you updated with any news I heard from the team regarding work item #838.

For your information, during my test, I found out that the Javascript error not persists if the Height and Width property of WebTreeView is not set to “100$ispct;”. In my case, I set the Height and Width with an integer value.

Thank you for your valuable feedback.

WebTreeView (as Navigation): Problem during Browser Resize

kenny.yung — Thu, 28 Oct 2010 22:25:35 GMT

Thanks Yudi.

I tried you suggestion and it does work.

However, as i have stated in my original post. The reason why i load the content using Flypostback and javascript is I want to have the 'loading screen' to inform the user what's going on rather than a blank screen and the content suddenly comes up. As our pages need some time to render

Please see the attached graphic for my expected result.

Many Thanks.

Kenny

WebTreeView (as Navigation): Problem during Browser Resize

yudi — Thu, 28 Oct 2010 11:21:19 GMT

I made a minor modification on your sent sample in order to avoid the issue. Below is the detail of the changes.

TestWebDesktop.aspx

Add and set the NavigateURL and Target property over the WebTreeViewNode collection.

Original version:

<Nodes>
    <ISWebTreeView:WebTreeViewNode Name="node_NewNode1" Text="Home">
        <ISWebTreeView:WebTreeViewNode Name="node_NewNode2" 
            Text="Yahoo" Tag="http://www.yahoo.com/">
        </ISWebTreeView:WebTreeViewNode>
        <ISWebTreeView:WebTreeViewNode Name="node_NewNode4" 
            Tag="http://www.google.com/" Text="Google">
        </ISWebTreeView:WebTreeViewNode>
        <ISWebTreeView:WebTreeViewNode Name="node_NewNode5" 
            Tag="http://www.microsoft.com/" Text="Microsoft">
        </ISWebTreeView:WebTreeViewNode>
    </ISWebTreeView:WebTreeViewNode>
</Nodes>

Modified version:

<Nodes>
    <ISWebTreeView:WebTreeViewNode Name="node_NewNode1" Text="Home">
        <ISWebTreeView:WebTreeViewNode Name="node_NewNode2" Text="Yahoo" Tag="http://www.yahoo.com/"
            NavigateURL="http://www.yahoo.com/" Target="panContent">
        </ISWebTreeView:WebTreeViewNode>
        <ISWebTreeView:WebTreeViewNode Name="node_NewNode4" Tag="http://www.google.com/"
            Text="Google" NavigateURL="http://www.google.com/" Target="panContent">
        </ISWebTreeView:WebTreeViewNode>
        <ISWebTreeView:WebTreeViewNode Name="node_NewNode5" Tag="http://www.microsoft.com/"
            Text="Microsoft" NavigateURL="http://www.microsoft.com/" Target="panContent">
        </ISWebTreeView:WebTreeViewNode>
    </ISWebTreeView:WebTreeViewNode>
</Nodes>

Removes OnNodeSelect client-side event of WebTreeView.

Original version:

<ClientSideEvents OnNodeSelect="wtvNav_OnNodeSelect" OnInitialize="wtvNav_OnInitialize" />

Modified version:

<ClientSideEvents OnInitialize="wtvNav_OnInitialize" />

TestWebDesktop.aspx.vb

Add and set the ServiceType property and FlyPostBackSettings collection, enable EnableUIMode property.

Original version:

    Protected Sub Page_Load(ByVal sender As Object, ByVal e As EventArgs)

        listener = New WebFlyPostBackListener(Me)

        WebFlyPostBackManager1.ServiceUrl = Request.Url.PathAndQuery
    End Sub

Modified version:

    Protected Sub Page_Load(ByVal sender As Object, ByVal e As EventArgs)

        listener = New WebFlyPostBackListener(Me)

        WebFlyPostBackManager1.ServiceUrl = Request.Url.PathAndQuery
        WebFlyPostBackManager1.ServiceType = ServiceType.WebForm
        WebFlyPostBackManager1.EnableUIMode = True

        WebFlyPostBackManager1.FlyPostBackSettings.PostInputControls = True
        WebFlyPostBackManager1.FlyPostBackSettings.PostViewState = True
    End Sub

I utilize the NavigateURL and Target property of WebTreeView in order to avoid the issue when resizing the browser. NavigateURL is a property which will allow you to set the URL when a node is clicked, while the Target property allows you to set in which window the URL will be displayed. You can direct it to an iFrame or even a new window.

By using NavigateURL and Target property, the OnNodeSelect client-side event that is used to execute LoadContent() method is no longer needed.

Hope this helps.

WebTreeView (as Navigation): Problem during Browser Resize

kenny.yung — Wed, 27 Oct 2010 23:53:54 GMT

Dear,

I am using WebTreeView as a Site Navigation, It is placed inside a WebPaneManager.

After I have loaded the populated my content pane by clicking one of the node, I received Javascript Error when I try to resize (Minimize/Maximize) the Browser. This error only comes out when I am using IE8, no problem in other browser like Firefox/Opera. In Google Chrome, the WebTreeView just simply doesn't work!

Please also note that I am using a WebFlypostback to perform the content loading, the reason for that is I want to show the Loading Animation during the content load.

Please help me out to eliminate this Javascript error.

Thanks.

Kenny