Formatting text in a TextBlock

Question

How do I achieve formatting of a text inside a TextBlock control in my WPF application   e g   I would like to have certain words in bold  others in italic  and some in different colors  like this example     The reason behind my question is this actual problem   lblcolorfrom Content    Colour From      colourChange ElementAt 3  Value ToUpper      I would like the second part of the string to be bold  and I know that I could use two controls  Labels  TextBlocks  etc   but I d rather not  due the vast amount of controls already in use

User · Answer

Check out this example from Charles Petzolds Bool Application   Code    markup    ----------------------------------------------    FormatTheText cs  c  2006 by Charles Petzold   ---------------------------------------------- using System  using System Windows  using System Windows Controls  using System Windows Input  using System Windows Media  using System Windows Documents   namespace Petzold FormatTheText       class FormatTheText   Window                STAThread          public static void Main                         Application app   new Application                app Run new FormatTheText                       public FormatTheText                         Title    Format the Text                TextBlock txt   new TextBlock                txt FontSize   32     24 points             txt Inlines Add  This is some                 txt Inlines Add new Italic new Run  italic                  txt Inlines Add   text  and this is some                 txt Inlines Add new Bold new Run  bold                  txt Inlines Add   text  and let s cap it off with some                 txt Inlines Add new Bold new Italic  new Run  bold italic                   txt Inlines Add   text                 txt TextWrapping   TextWrapping Wrap               Content   txt

User · Answer

You need to use Inlines    lt TextBlock Inlines gt       lt Run FontWeight  Bold  FontSize  14  Text  This is WPF TextBlock Example      gt       lt Run FontStyle  Italic  Foreground  Red  Text  This is red text      gt   lt  TextBlock Inlines gt    With binding    lt TextBlock Inlines gt       lt Run FontWeight  Bold  FontSize  14  Text   Binding BoldText     gt       lt Run FontStyle  Italic  Foreground  Red  Text   Binding ItalicText     gt   lt  TextBlock Inlines gt    You can also bind the other properties    lt TextBlock Inlines gt       lt Run FontWeight   Binding Weight            FontSize   Binding Size            Text   Binding LineOne     gt       lt Run FontStyle   Binding Style            Foreground  Binding Colour            Text   Binding LineTwo     gt   lt  TextBlock Inlines gt    You can bind through converters if you have bold as a boolean  say

User · Answer

There are various Inline elements that can help you  for the simplest formatting options you can use Bold  Italic and Underline    lt TextBlock gt      Sample text with  lt Bold gt bold lt  Bold gt    lt Italic gt italic lt  Italic gt  and  lt Underline gt underlined lt  Underline gt  words   lt  TextBlock gt      I think it is worth noting  that those elements are in fact just shorthands for Span elements with various properties set  i e   for Bold  the FontWeight property is set to FontWeights Bold    This brings us to our next option  the aforementioned Span element   You can achieve the same effects with this element as above  but you are granted even more possibilities  you can set  among others  the Foreground or the Background properties    lt TextBlock gt      Sample text with  lt Span FontWeight  Bold  gt bold lt  Span gt    lt Span FontStyle  Italic  gt italic lt  Span gt  and  lt Span TextDecorations  Underline  gt underlined lt  Span gt  words   lt Span Foreground  Blue  gt Coloring lt  Span gt   lt Span Foreground  Red  gt is lt  Span gt   lt Span Background  Cyan  gt also lt  Span gt   lt Span Foreground  Silver  gt possible lt  Span gt    lt  TextBlock gt      The Span element may also contain other elements like this    lt TextBlock gt       lt Span FontStyle  Italic  gt Italic  lt Span Background  Yellow  gt text lt  Span gt  with some  lt Span Foreground  Blue  gt coloring lt  Span gt   lt  Span gt   lt  TextBlock gt      There is another element  which is quite similar to Span  it is called Run  The Run cannot contain other inline elements while the Span can  but you can easily bind a variable to the Run s Text property    lt TextBlock gt      Username   lt Run FontWeight  Bold  Text   Binding UserName    gt   lt  TextBlock gt      Also  you can do the whole formatting from code-behind if you prefer   TextBlock tb   new TextBlock    tb Inlines Add  Sample text with     tb Inlines Add new Run  bold     FontWeight   FontWeights Bold     tb Inlines Add        tb Inlines Add new Run  italic      FontStyle   FontStyles Italic     tb Inlines Add  and     tb Inlines Add new Run  underlined     TextDecorations   TextDecorations Underline     tb Inlines Add  words

User · Answer

a good site  with good explanations   http   www wpf-tutorial com basic-controls the-textblock-control-inline-formatting   here the author gives you good examples for what you are looking for  Overal the site is great for research material plus it covers a great deal of options you have in WPF  Edit  There are different methods to format the text  for a basic formatting  the easiest in my opinion         lt TextBlock Margin  10  TextWrapping  Wrap  gt                      TextBlock with  lt Bold gt bold lt  Bold gt    lt Italic gt italic lt  Italic gt  and  lt Underline gt underlined lt  Underline gt  text       lt  TextBlock gt    Example 1 shows basic formatting with Bold Itallic and underscored text   Following includes the SPAN method  with this you van highlight text       lt TextBlock Margin  10  TextWrapping  Wrap  gt                      This  lt Span FontWeight  Bold  gt is lt  Span gt  a                      lt Span Background  Silver  Foreground  Maroon  gt TextBlock lt  Span gt                      with  lt Span TextDecorations  Underline  gt several lt  Span gt                       lt Span FontStyle  Italic  gt Span lt  Span gt  elements                       lt Span Foreground  Blue  gt                              using a  lt Bold gt variety lt  Bold gt  of  lt Italic gt styles lt  Italic gt                       lt  Span gt       lt  TextBlock gt    Example 2 shows the span function and the different possibilities with it   For a detailed explanation check the site   Examples

User · Answer

You can do this in XAML easily enough    lt TextBlock gt    Hello  lt Bold gt my lt  Bold gt  faithful  lt Underline gt computer lt  Underline gt   lt Italic gt You rock  lt  Italic gt   lt  TextBlock gt

User · Answer

This is my solution           lt TextBlock TextWrapping  Wrap  Style   DynamicResource InstructionStyle   gt            lt Run Text  This wizard will take you through the purge process in the correct order   FontWeight  Bold  gt  lt  Run gt           lt LineBreak gt  lt  LineBreak gt           lt Run Text  To Begin  select  FontStyle  Italic  gt  lt  Run gt           lt Run x Name  InstructionSection  Text   REPLACED AT RUNTIME   FontWeight  Bold  gt  lt  Run gt           lt Run Text  from the menu   FontStyle  Italic  gt  lt  Run gt       lt  TextBlock gt    I am learning    so if anyone has thaughts on the above solution please share

[c#] Formatting text in a TextBlock

Examples related to c#

Examples related to wpf

Examples related to wpf-controls