# GraphicsView disables NativeViewHost visual elements

**URL:** <https://forums.fusetools.com/t/graphicsview-disables-nativeviewhost-visual-elements/1338>\
**Category:** General\
**Created:** [November 4, 2017, 6:23pm UTC](https://forums.fusetools.com/t/graphicsview-disables-nativeviewhost-visual-elements/1338 "2017-11-04T18:23:12Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![solomun.marko](https://avatars.discourse-cdn.com/v4/letter/s/b782af/32.png) [@solomun.marko](https://forums.fusetools.com/u/solomun.marko)\
**Post date:** [November 4, 2017, 6:23pm UTC](https://forums.fusetools.com/t/graphicsview-disables-nativeviewhost-visual-elements/1338/1 "2017-11-04T18:23:12Z")

</div>

Hi there,  
I would like to report strange behavior of `NativeViewHost` when `GraphicsView` is used on the same page.  
I have google maps (which require NativeViewHost to work) and few elements on top of that. I would like to add shadows to that elements.  
Shadows works only on emulator, but not on real device. I also have one `<Button>` element and by system default shadows are enabled and visible when I run preview on real device.  
When ever I include `GraphicsView`, google maps disappears and `<Button>` element loose its shadow and style (Android Native UI).  
Here is example of my code.

```auto
<NativeViewHost>

    <DockPanel>
        <GraphicsView>
            <StackPanel Dock="Top" Alignment="Top" Height="55" Width="100%" Background="#fff">
                <!-- //#07B5B5 -->
                <Panel Height="56">
                    <Grid Columns="56,1*,56,56,56">
                        <Panel Height="30" Width="30">
                            <Button Opacity="0.0" Color="#ffcc00" Clicked="{openMenu}" />
                            <Icon File="Assets/Icons/menu.png" Size="30" />
                        </Panel>
                        <!-- <Text Value="Search for friends" Color="#8e979e" FontSize="20" Alignment="Center" />-->
                        <Rectangle Background="#f4f4f4" Height="30" CornerRadius="5">
                            <TextInput PlaceholderText="Search friends..." Width="100%" Padding="7,0,5,0" ActionStyle="Next" PlaceholderColor="#8e979e"
                                Alignment="Center" TextColor="#383838" FontSize="18" CaretColor="#383838" Value="" />
                            <Stroke Color="#f4f4f4" Width="2" />
                        </Rectangle>
                        <Icon File="Assets/Icons/search.png" Size="30" Alignment="Right" Padding="0,4,0,0" />
                        <Panel Height="35" Width="35" Alignment="Right">
                            <Text Value="{onlineStatistics}" Color="#fff" FontSize="10" Alignment="Center" Padding="0,4,1,0" />
                            <Icon File="Assets/Icons/pinB.png" Size="32" Margin="0,0,0,0" Alignment="Center" />
                        </Panel>
                        <Icon File="Assets/Icons/more90.png" Size="30" />
                    </Grid>
                    <Rectangle Height="1" Alignment="Bottom" Color="#e6e9f0" />
                    <!-- #e6e9f0 -->
                </Panel>

                <Scaling Factor="1.0" />
                <AddingAnimation>
                    <Scale Factor="0.01" Duration="0.2" Easing="QuadraticInOut" />
                    <Move RelativeTo="Size" Duration=".3" Y="0.7" />
                </AddingAnimation>
                <Shadow Distance="3" Size="3" />
            </StackPanel>
        </GraphicsView>
       
    </DockPanel>

    <MapView Latitude="59.911567" Longitude="10.741030" Zoom="11">
        <!--	<MapMarker Latitude="59.911567" Longitude="10.741030" Label="Fuse HQ"/> -->
        <MapMarker Latitude="{premjestiMeLati}" Longitude="{testnaVariabla}" Label="Fuse HQ" />
        <Each Items="{data}">
            <MapMarker Latitude="{colorName}" Longitude="{hexValue}" Label="Fuse HQ" />
        </Each>
    </MapView>
</NativeViewHost>

```

If I wrap Maps only in NativeView, StackPanel on top of that is not showing up on real device.

Any ideas?