Selected Header Format

2 posts, 0 answers
  1. Jon
    Jon avatar
    539 posts
    Member since:
    Apr 2004

    Posted 02 Jul 2010 Link to this post

    Hi..
    How do I change the format of the selected Header?

    if I click on the 'Mail' Header... I want the 'top' to read 'Mail' in a much larger font with an larger icon.

    thanks in advance
  2. Kiril Stanoev
    Admin
    Kiril Stanoev avatar
    1512 posts

    Posted 07 Jul 2010 Link to this post

    Hello Jon,

    It depends how you define your OutlookBar. If you put the OutlookBarItems in XAML, the you can set the Title property of each OutlookBarItem to whatever you desire.

    <telerikNavigation:RadOutlookBar x:Name="outlookBar1">
        <telerikNavigation:RadOutlookBarItem Header="Mail" Icon="Images/mailBig.png"
                SmallIcon="Images/mailSmall.png">
            <telerikNavigation:RadOutlookBarItem.Title>
                <Grid>
                    <TextBlock Text="Mail" FontSize="24" Foreground="Red" />
                </Grid>
            </telerikNavigation:RadOutlookBarItem.Title>
        </telerikNavigation:RadOutlookBarItem>
        <telerikNavigation:RadOutlookBarItem Header="Calendar" Icon="Images/calendarBig.png"
                SmallIcon="Images/calendarSmall.png">
            <telerikNavigation:RadOutlookBarItem.Title>
                <Grid>
                    <TextBlock Text="Calendar" FontSize="24" Foreground="Green" />
                </Grid>
            </telerikNavigation:RadOutlookBarItem.Title>
        </telerikNavigation:RadOutlookBarItem>
    </telerikNavigation:RadOutlookBar>

    If your OutlookBar is data-bound, then you can set the TitleTemplate property of RadOutlookBar:

    <telerikNavigation:RadOutlookBar x:Name="outlookBar1">
        <telerikNavigation:RadOutlookBar.TitleTemplate>
            <DataTemplate>
                <Grid>
                    <TextBlock Text="Shortcuts" FontSize="24" Foreground="{Binding MyColor}" />
                </Grid>
            </DataTemplate>
        </telerikNavigation:RadOutlookBar.TitleTemplate>
    </telerikNavigation:RadOutlookBar>

    Give it a try and let me know if it helps.

    On a side note, I'd like to inform you that we've just released an online tool that allows you to reduce the size of your Silverlight applications. For more information, please visit http://blogs.telerik.com/blogs/posts/10-06-10/telerik_assembly_minifier.aspx

    Sincerely yours,
    Kiril Stanoev
    the Telerik team
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
  3. DevCraft banner
Back to Top