Friday, 9 May 2014


At times we will face with a situation where we need to show an image from another project in the same solution. Say for example: If you are building an enterprise application then we will modularize the application. And at times we want to show some image from this module in the main shell view. This at times can run you crazy. Here we will see how to show an image from a different module in the shell view.

How did I fix this?

You cannot show an image by simply binding to its path. What Image accepts as source is a BitmapImage. So unless you are not binding to a BitmapImage, you cannot bind it directly. So create an Image control and assign a BitmapImage control as source as shown below.


        <BitmapImage UriSource="{Binding Path=ImagePath}" />



Now in your module, add the image which you want to show in a sub folder of that module. Normally we add it in a folder called “Resources” in the root of the module project. Now right click on that image and select properties. Now change the “Build Action” to “Resource”. Now this image will be available as a resource, embedded into the dll.

Now from this project, pass the path to this resource file as shown below.

Here “TestModuleProject” is the name of the project where you have the image. Now take this path in your shellViewModel and assign it to “ImagePath”, where ImagePath is bind to the BitmapImage. Now this will display your image.
Categories: ,


Post a Comment

Dear reader, Your comment is always appreciated. I will reply to your queries as soon as possible.

1. Make sure to click on the Subscribe By Email link to be notified of follow up comments and replies. Or you can use Subscribe to: Post Comments (Atom) link.
2. Only English comments shall be approved.
3. Please make your comments self-explanatory. Comment in such a way that it explains the comment so that a counter question can be avoided and can be replied with proper answer on the first go.