button text

[wiadus]

I am working on WPF program and I have a button which display 2 lines of text. What I need help on is, I want the top line of the text to have bigger font than the bottom text but how. I would be grateful if anyone can help. thanks

[.paul.]

that's a WPF question, which should be asked in the WPF forum. i'll notify a moderator

[dday9]

The thing that comes to my mind is the FlowDocument. You could do something like this:

        <Button Name="Button1">
            <FlowDocument>
                <Paragraph>
                    <Span FontSize="20">Hello</Span>
                    <LineBreak></LineBreak>
                    <Span FontSize="10">World</Span>
                </Paragraph>
            </FlowDocument>
        </Button>

[wiadus]

The thing that comes to my mind is the FlowDocument. You could do something like this:

        <Button Name="Button1">
            <FlowDocument>
                <Paragraph>
                    <Span FontSize="20">Hello</Span>
                    <LineBreak></LineBreak>
                    <Span FontSize="10">World</Span>
                </Paragraph>
            </FlowDocument>
        </Button>

Thanks dday's. Is it possible to do it in code because the data will be pull from sqlserver. Thanks

[dday9]

Thanks dday's. Is it possible to do it in code because the data will be pull from sqlserver. Thanks

I don't understand, this is the XAML code.

[techgnome]

I think what the OP is asking for is that the text will be coming from a database... so the XAML should only need a placeholder, and then through the vb code, replaced with the value retrieved from the database. So the button would be templated in the XAML, with the actual text inserted later.

-tg

[Joacim Andersson]

Thread moved to the WPF forum.

[wiadus]

Sorry dday's what I meant was code in vb as the text will come from database. Thanks

[dday9]

Then you would do what TG suggested in post #6. I'm not good with WPF but I think that you could do something like this:

<Paragraph>
    <Span FontSize="20" Name="Line1" />
    <LineBreak></LineBreak>
    <Span FontSize="10" Name="Line2" />
</Paragraph>

But I wouldn't know how to set the text of those spans. That would be left to some WPF experts.

[dee-u]

You could put two TextBlock inside the Button and give them different names

<Window x:Class="WpfApplication1.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="MainWindow" Height="350" Width="525">
    <Grid>
        <Button Content="Button" Height="44" HorizontalAlignment="Left" Margin="316,125,0,0" Name="button1" VerticalAlignment="Top" Width="114" Click="button1_Click" />
        <Button Height="69" HorizontalAlignment="Left" Margin="94,76,0,0" Name="button2" VerticalAlignment="Top" Width="112" >
            <StackPanel>
                <TextBlock Name="Label1" FontSize="20" Text="test"></TextBlock>
                <TextBlock Name="Label2" FontSize="12" Text="test"></TextBlock>
            </StackPanel>
        </Button>
    </Grid>
</Window>

And set the Text like

private void button1_Click(object sender, RoutedEventArgs e)
{
    Label2.Text = "Dee-u";
    Label1.Text = "Experiment";
}

[wiadus]

thanks it work perfect

[RhinoBull]

I think what the OP is asking for is that the text will be coming from a database... so the XAML should only need a placeholder, and then through the vb code, replaced with the value retrieved from the database. So the button would be templated in the XAML, with the actual text inserted later.

-tg

It can easily be done by binding button to property or method in the view model. Sorry I don't have tool make quick sample so here is a link (one of many):

http://stackoverflow.com/questions/3...button-content