How to load an Image into the NativeViewer?

How-to Discussions
1

Dear Community,

somehow images loaded into the NativeViewer dont show up. Is this feature available, and Im to stupid to implement it?

Gratefully Blade

2

Got the same issue :

<App Background="#CCC">
<Image Height="50" Width="50" File="Assets/banknote.png"  /> <!-- DOES SHOW UP  -->

<NativeViewHost>
<DockPanel>
<StackPanel Dock="Top" Height="200">
<Panel ux:Name="rectop" Color="#FFF" Margin="0,100,0,10"  Height="120" Width="100%" Opacity="0.5"> <!-- OPACITY NOT FIXED -->
<Image Height="50" Width="50" File="Assets/banknote.png"  /> <!-- DOES NOT SHOW UP  -->

</Panel>
</StackPanel>     
</DockPanel>
</NativeViewHost>
</App>
3

luessemjulien@gmail.com wrote:

Got the same issue :

<App Background="#CCC">
<Image Height="50" Width="50" File="Assets/banknote.png"  /> <!-- DOES SHOW UP  -->

<NativeViewHost>
<DockPanel>
<StackPanel Dock="Top" Height="200">
<Panel ux:Name="rectop" Color="#FFF" Margin="0,100,0,10"  Height="120" Width="100%" Opacity="0.5"> <!-- OPACITY NOT FIXED -->
<Image Height="50" Width="50" File="Assets/banknote.png"  /> <!-- DOES NOT SHOW UP  -->

</Panel>
</StackPanel></DockPanel>
</NativeViewHost>
</App>

Thankfully im not the only one :smiley:

For the opcaity, try this one mate :wink:

<App Background="#CCC">
<Image Height="50" Width="50" File="Assets/banknote.png"  /> <!-- DOES SHOW UP  -->

<NativeViewHost>
<DockPanel>
 <StackPanel Dock="Top" Height="200">
 <Panel ux:Name="rectop" Color="#ffffff80" Margin="0,100,0,10"  Height="120" Width="100%"> <!-- check it -->
 <Image Height="50" Width="50" File="Assets/banknote.png"  /> <!-- DOES NOT SHOW UP  -->

 </Panel>
 </StackPanel> </DockPanel>
 </NativeViewHost>
 </App>

Use the 80 if you need 50%.

4

Hi!

Thanks for reporting this issue! Support for Image inside NativeViewHost is in development, I hope to get it into either the upcoming release, or the release after :slight_smile:

Sorry for any inconvenience this may cause!

5

Dear Vegard Strand Lende!

Thank you soo much for the 0.24 update!!!

<Image File="..."is now supported and gets displayed properly.

SOO NICE !

Sadly <Image Url=... now spits out an error:

Here are the Details

6

Thanks for reporting :slight_smile:

We are working on getting <Image Url="..." /> implemented for Native aswell

7

Soo nice to hear :slight_smile:

Keep up the good work !

For the time, one could use Javascript, to load the images as assets:

Fetch String -> If string = condition then Set Image File to …

Cheers

Blade