Placing an image

How-to Discussions
1

How would you achieve this design?

[[http://i.imgur.com/dj0vJSd.png]]

What would be the layout code?
My code is currently overlaying it self all over each other.

2

There are many ways you could do this, ut i would use either a StackPanel, Grid or DockPanel.

Here is an example:

<DockPanel>
    <Image Dock="Top"/>
    <Panel>...bottom content...
</DockPanel>

did this answer your question?

3

Great!, starting to look good. How wold you make the rounded corners on top of the image?

4

How do I force text in Text field to word wrap?

5

I suggest you look into the documentation to start to learn what you can do with Fuse:

Rectangle (rounded corners): https://www.fusetools.com/docs/fuse/controls/rectangle
Text (wrapping): https://www.fusetools.com/docs/fuse/controls/text

6

Ok, found the textwrap tag: TextWrapping=“Wrap”

7

Bent Stamnes wrote:

I suggest you look into the documentation to start to learn what you can do with Fuse:

Rectangle (rounded corners): Fuse
Text (wrapping): Fuse

Didnt realize I can wrap images in rectangles. Thanks!

8

You can achieve rounded corners on the top of an image using a Rectangle with an ImageFill brush.

Something like this:

<Rectangle CornerRadius="3,3,0,0">
    <ImageFill File="..." />
</Rectangle>