none
Mehrzeiliger Header bei Tabitem RRS feed

  • Frage

  • Gibt es eine Möglichkeit, den Headertext bei einem TabItem mehrzeilig zu machen. In Beispiel unten sollte im Tab z.B. dann Stehen:

    Dies ist ein langer Text

    mit mehreren Wörtern

    Ich habe schon versucht die Width zu begrenzen aber dann wird nur der Text abgeschnitten. Wie kriege ich hier ein WordWrap hin?

     

                <TabItem Header="Dies ist ein langer Text mit mehreren Wörtern" Name="TabItem1">
                   
                </TabItem>

    Donnerstag, 3. März 2011 13:46

Antworten

  • Ja du kannst ein Header Template für das TabItem erstellen.
    Hier ein ungetestetes Beispiel:

    <TabItem.HeaderTemplate>
       <DataTemplate>
            <TextBlock Text="LLLLLLLLLLLLLLLLLLLLLLLLLLAAAAAAAAAAAAAAAAAAAANNNNNNNNNNNNNNNNNNGGGGGGGGGGGGGGEEEEEEEEEEEEEEERRRRRRRRRR"
                              TextWrapping="Wrap" />
       </DataTemplate>
    </TabItem.HeaderTemplate>

    Donnerstag, 3. März 2011 14:21
    Beantworter
  • Hallo auch,

    ich sehe zwei Alternativen: expliziter Umbruch per &#xa; oder implizit über ein DataTemplate (getestet :-):

    <TabControl>
      <TabItem Header="Dies ist ein langer Text&#xa;mit zwei Zeilen"/>
      <TabItem>
       <TabItem.HeaderTemplate>
         <DataTemplate>
          <TextBlock TextWrapping="Wrap" MaxWidth="100"
                   Text="Dies ist ein langer Text mit MaxWidth/TextWrapping"/>
         </DataTemplate>
       </TabItem.HeaderTemplate>
      </TabItem>
    </TabControl>
    
    


    Cheers,
    Olaf
    http://blogs.intuidev.com
    Donnerstag, 3. März 2011 15:36

Alle Antworten

  • Ja du kannst ein Header Template für das TabItem erstellen.
    Hier ein ungetestetes Beispiel:

    <TabItem.HeaderTemplate>
       <DataTemplate>
            <TextBlock Text="LLLLLLLLLLLLLLLLLLLLLLLLLLAAAAAAAAAAAAAAAAAAAANNNNNNNNNNNNNNNNNNGGGGGGGGGGGGGGEEEEEEEEEEEEEEERRRRRRRRRR"
                              TextWrapping="Wrap" />
       </DataTemplate>
    </TabItem.HeaderTemplate>

    Donnerstag, 3. März 2011 14:21
    Beantworter
  • Hallo auch,

    ich sehe zwei Alternativen: expliziter Umbruch per &#xa; oder implizit über ein DataTemplate (getestet :-):

    <TabControl>
      <TabItem Header="Dies ist ein langer Text&#xa;mit zwei Zeilen"/>
      <TabItem>
       <TabItem.HeaderTemplate>
         <DataTemplate>
          <TextBlock TextWrapping="Wrap" MaxWidth="100"
                   Text="Dies ist ein langer Text mit MaxWidth/TextWrapping"/>
         </DataTemplate>
       </TabItem.HeaderTemplate>
      </TabItem>
    </TabControl>
    
    


    Cheers,
    Olaf
    http://blogs.intuidev.com
    Donnerstag, 3. März 2011 15:36
  • Danke Euch, beide Lösungen funktionieren bestens!
    Freitag, 4. März 2011 06:33