Format Text Problem

How-to Discussions
1

Hello Fuse Community,

i have played around but i can’t get the result showed in the screenshot below.

Bildschirmfoto_2017_08_16_um_17_50_14

Can anyone help me?

2

Could you please show some code that you’ve tried so far?

3

Hey Uldis,

i tried

<Text>Mit dem <Text>Abschluss</Text> </Text>

<Text>Mit dem <Panel>Abschluss</Panel> </Text>

<Text>Mit dem <Panel><Text>Abschluss</Text> </Panel> </Text>

<Panel>Mit dem <Text>Abschluss</Text> </Panel>
4

Oh, I see. You would get to the expected result if you used WrapPanel or StackPanel, like so:

<StackPanel Orientation="Horizontal">
    <Text Value="One" />
    <Text Value="Two" />
</StackPanel>

<WrapPanel>
    <Text Value="One" />
    <Text Value="Two" />
</WrapPanel>

Split the sentence by those words that need different styles, and apply those styles to the separate Text elements.

Hope this helps!

5

Hello Uldis,

i tried Stackpanel and WrapPanelbut but now have i the problem the text is left alignt.
How can i align the text to center? TextAlignment Center does not work.

<WrapPanel>
    <StackPanel Orientation="Horizontal" >
	    <Text FontSize="10" Value="Mit dem" />
	    <Text FontSize="10" Value="Abschluss" />
	    <Text FontSize="10" Value="der" />
	    <Text FontSize="10" Value="Registrierung" />
    	<Text FontSize="10" Value="stimmen Sie den" />		
	</StackPanel>

	<StackPanel Orientation="Horizontal">
    	<Text FontSize="10" Value="Nutzungsbedingungen" />
    	<Text FontSize="10" Value="und den" />	
    	<Text FontSize="10" Value="Datenschutzbestimmungen" />
    	<Text FontSize="10" Value="zu" />
	</StackPanel>
</WrapPanel>
6

Hey Uldis,

i think now i got it.

I replaced the WrapPanel and added ContentAlignment=“Center” to the Stackpanels.
And now it looks like the screenshot.