# Assets not showing on Mobile Device when using Array

**URL:** <https://forums.fusetools.com/t/assets-not-showing-on-mobile-device-when-using-array/6447>\
**Category:** General\
**Created:** [November 18, 2016, 10:51am UTC](https://forums.fusetools.com/t/assets-not-showing-on-mobile-device-when-using-array/6447 "2016-11-18T10:51:55Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![Carlo\_Fontanos](https://yyz1.discourse-cdn.com/flex035/user_avatar/forums.fusetools.com/carlo_fontanos/32/267_2.png) [@Carlo\_Fontanos](https://forums.fusetools.com/u/Carlo_Fontanos)\
**Post date:** [November 18, 2016, 10:51am UTC](https://forums.fusetools.com/t/assets-not-showing-on-mobile-device-when-using-array/6447/1 "2016-11-18T10:51:55Z")

</div>

I am building menu items with image icons that when clicked will open the page.

In my MyApp.js I first setup an array containing the data of my menu items:

```auto
var icons_path = 'assets/icon/';
var app_pages = [
	{'name':'HOME','ux':'homePage','icon':icons_path + 'page-home.png'},
	{'name':'ABOUT','ux':'aboutPage','icon':icons_path + 'page-about.png'},
	{'name':'TUTORIALS','ux':'tutorialsPage','icon':icons_path + 'page-tutorials.png'},
	{'name':'PORTFOLIO','ux':'portfolioPage','icon':icons_path + 'page-portfolio.png'},
	{'name':'PRODUCTS','ux':'productsPage','icon':icons_path + 'page-products.png'},
	{'name':'CONTACT','ux':'contactPage','icon':icons_path + 'page-contact.png'}
];

function go_to_page(args){
	router.push(args.data.ux);
}

module.exports = {
	app_pages: app_pages,
	go_to_page: go_to_page
};

```

Then in my MyApp.ux I loop through each item using `<Each>`:

```auto
<App>
	<Router ux:Name="router" />
	<JavaScript File="MyApp.js" />
	
	<StackPanel>
		<Each Items="{app_pages}">
			<StackPanel Clicked="{go_to_page}">
				<Image File="{icon}" Height="32" Width="32" Margin="0,10,0,10" Color="#7a96b2" />
				<Text Value="{name}" Width="150" TextAlignment="Center" FontSize="15" Color="#414f5e" Margin="0,0,0,0">
					<Font File="assets/fonts/Lato-Bold.ttf" />
				</Text>
			</StackPanel>
		</Each>
	</StackPanel>
</App>

```

Using the fuse preview window, the menu icons are showing up correctly

But when I export using the command `fuse build --target=Android --configuration=Release` then install the apk on my mobile - it doesn’t show the menu icons.

It works when I put the image path directly to the File="" like this:

```auto
<Each Items="{app_pages}">
	<StackPanel Clicked="{go_to_page}">
		<Image File="assets/icon/page-home.png" Height="32" Width="32" Margin="0,10,0,10" Color="#7a96b2" />
		<Text Value="{name}" Width="150" TextAlignment="Center" FontSize="15" Color="#414f5e" Margin="0,0,0,0">
			<Font File="assets/fonts/Lato-Bold.ttf" />
		</Text>
	</StackPanel>
</Each>

```

Any help would be greatly appreciated.

Thanks!

---

<div class="post-metadata">

**Author:** ![Carlo\_Fontanos](https://yyz1.discourse-cdn.com/flex035/user_avatar/forums.fusetools.com/carlo_fontanos/32/267_2.png) [@Carlo\_Fontanos](https://forums.fusetools.com/u/Carlo_Fontanos)\
**Post date:** [November 21, 2016, 9:18am UTC](https://forums.fusetools.com/t/assets-not-showing-on-mobile-device-when-using-array/6447/2 "2016-11-21T09:18:47Z")

</div>

Problem fixed, after reading the docs, I found out I need to include: `"*.png:Bundle"` to my unproj file.

Reference: [https://www.fusetools.com/docs/fuse/controls/image](https://www.fusetools.com/docs/fuse/controls/image)

“Uno cannot automatically bundle images when their path is defined in JavaScript. Because of this, you have to manually bundle those by manually importing them in your unproj file. You can either bundle one file like this:”

```auto
"Includes": [
    "*",
    "image.jpg:Bundle"
]

```