# Inconsistent behavior between Previewer and iOS Simulator for code using Image as background

**URL:** <https://forums.fusetools.com/t/inconsistent-behavior-between-previewer-and-ios-simulator-for-code-using-image-as-background/5179>\
**Category:** Bug Reports\
**Created:** [January 10, 2016, 2:58pm UTC](https://forums.fusetools.com/t/inconsistent-behavior-between-previewer-and-ios-simulator-for-code-using-image-as-background/5179 "2016-01-10T14:58:42Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![Nissan.dookeran](https://yyz1.discourse-cdn.com/flex035/user_avatar/forums.fusetools.com/nissan.dookeran/32/414_2.png) [@Nissan.dookeran](https://forums.fusetools.com/u/Nissan.dookeran)\
**Post date:** [January 10, 2016, 2:58pm UTC](https://forums.fusetools.com/t/inconsistent-behavior-between-previewer-and-ios-simulator-for-code-using-image-as-background/5179/1 "2016-01-10T14:58:42Z")

</div>

I have the following code inside my MainView.ux file

```auto
<App Theme="Basic" ClearColor="#eeeeeeff">
    <StackPanel ux:Class="HamburgerIcon" Width="25" Height="21">
        <Style>
            <Rectangle Margin="0,2" Height="3" CornerRadius="3">
                <SolidColor Color="#000" />
            </Rectangle>
        </Style>
        <Rectangle />
        <Rectangle />
        <Rectangle />
    </StackPanel>
    <FileImageSource File="Assets/herbs_border.jpg" ux:Global="herbs-border" />
    <FileImageSource File="Assets/coconuts.jpg" ux:Global="coconuts" />
    <DockPanel>
        <StatusBarBackground Dock="Top" />
        <BottomBarBackground Dock="Bottom" />
        <HamburgerIcon Alignment="TopLeft" Offset="10,5" />
        <Text Alignment="TopCenter" Offset="0,5">Coconuts</Text>
        <Circle Width="40" Height="40" Alignment="TopRight" Offset="0,5">
            <ImageFill Source="coconuts" />
        </Circle>
        <Text Alignment="Center">Recipe</Text>
        <Image Source="herbs-border" StretchMode="UniformToFill" Opacity="0.2" />

    </DockPanel>
</App>

```

This works as I want in the Fuse Previewer, with the herbs-border becoming the background image. However when rendering in the iOS simulator, the background image is not rendered. A screenshot below shows the varying results. Am I doing something wrong here?

 ![file](https://s3.us-east-2.amazonaws.com/fuse-legacy-forum-assets/0TUi7uJxEay6-legacy-files-dS8OTbgnrvWDkEOT-quGvba8jgoa4jH20IrplVu6T.png)

---

<div class="post-metadata">

**Author:** ![Anders\_Schau\_Knatten](https://yyz1.discourse-cdn.com/flex035/user_avatar/forums.fusetools.com/anders_schau_knatten/32/41_2.png) [@Anders\_Schau\_Knatten](https://forums.fusetools.com/u/Anders_Schau_Knatten)\
**Post date:** [January 11, 2016, 9:41am UTC](https://forums.fusetools.com/t/inconsistent-behavior-between-previewer-and-ios-simulator-for-code-using-image-as-background/5179/2 "2016-01-11T09:41:21Z")

</div>

Hi, which version of Fuse are you using? I suspect that you might not be using the latest version? Please try [the latest official release](https://www.fusetools.com/downloads) (0.9.5 at the time of writing).

Note that using a dash in your `ux:Global` will be problematic, so I suggest renaming `herbs-border` to for instance `herbsBorder`.

If that doesn’t help, could you please send us the images you are using? I am unable to reproduce your problem, but had to use some other images. It could be that there’s something with the image itself that prevents it from being rendered in the iOS simulator. Have you tried previewing on a real iOS device by the way?