Webview on top of all pages

Hi,

My code looks like this

<EdgeNavigator>
<Panel EdgeNavigation.Edge="Left">
</Panel>
<DockPanel>
    <Panel>
        <DirectNavigation ux:Name="MenuNav" Active="{RootMenuState}"/>
        <PageTemplate Name="1"/>
        <PageTemplate Name="2"/>
        <PageTemplate Name="3">

            <DirectNavigation Active="{PlacesMenu}" ux:Name="PlacesNav"/>

            <PageTemplate Name="root"/> <!-- When you click on an element here, it opens the page "item" -->

            <PageTemplate Name="item">

                  <NativeViewHost>
                        <WebView Dock="Fill" Url="http://www.google.com"&gt;
                        <PageLoaded>
                            <EvaluateJS Handler="{onPageLoaded}">
                                var result = {
                                    url : document.location.href
                                };
                                return result;
                            </EvaluateJS>
                        </PageLoaded>
                    </WebView>
                </NativeViewHost>

            </PageTemplate>
        </PageTemplate>
        <PageTemplate Name="4"/>
    </Panel>
</DockPanel>
</EdgeNavigator>

The problem is that the Webwiew is over all other elements, why is that ?

Hey.

I had the same trouble, this fixed it.

https://www.fusetools.com/community/forums/howto_discussions/render_fuse_element_on_top_of_webview?page=1&highlight=2263491b-b8ab-4719-bbae-c3edb79863f7#post-2263491b-b8ab-4719-bbae-c3edb79863f7

Apperently you canĀ“t put anything on top of a NativeViewHost but you can put some other stuff above WebView

Have a nice day!