Full screen image

Inside each

  <Image ux:Name="img_large" Url="{url}" Visibility="Hidden" />
  <Image ux:Name="img" Url="{url}" />

  <Clicked >
      <Set img_large.Visibility="Visible" />


How to set img_large to be full screen image? (Dockpanel limits its area)


How to add a panel that covers the full screen inside the DockPanel?

The large image needs to be placed outside the dockpanel, probably near the root of our UI. That’s the most direct way of getting the image to fill the entire display.

If you need to bind a local URL to it you can do this within a trigger as well.

<Set img_large.Url="{url}"/>