Silverlight – How to create a button with an image and text in F #?

let btnFoo = new Button()
let imgBar = new BitmapImage(new System.Uri("images/whatever.png", System.UriKind.RelativeOrAbsolute))

btnFoo.Content <- " Text"
btnFoo.Content <- imgBar

btnFoo.Content <- "Text "+ imgBar / / compiler hates this
btnFoo.Content <- "Text ", imgBar // compiler is OK, but result is ugly since the image is rendered as the class text

btnFoo.Background <- imgBar // compiler doesn't like this because Background expects a Media.Brush

I have a button, the image is as follows:

 let btnFoo = new Button()
let imgBar = new BitmapImage(new System.Uri("images/whatever.png", System.UriKind.RelativeOrAbsolute))

I hope the button content contains some Text, and images.

I can do either of these two things very well, but they didn’t put my text and images on the button at the same time:

btnFoo.Content <- "Text"
btnFoo.Content <- imgBar

None of these works:

btnFoo.Content <- "Text "+ imgBar // compiler hates this
btnFoo.Content <- "Text ", imgBar // compiler is OK, but result is ugly since the image is rendered as the class text

I also can’t set the background of the button as an image:

btnFoo.Background <- imgBar // compiler doesn't like this because Background expects a Media.Brush

Any thoughts/thoughts? Thanks!

You can create a StackPanel and add it together with TextBlock as its children. Then set this stack panel as the button content. You can also choose some others Panel.