This is a migrated thread and some comments may be shown as answers.

Selected Header Format

1 Answer 92 Views
OutlookBar
This is a migrated thread and some comments may be shown as answers.
This question is locked. New answers and comments are not allowed.
Jon
Top achievements
Rank 1
Jon asked on 02 Jul 2010, 10:22 PM
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

1 Answer, 1 is accepted

Sort by
0
Kiril Stanoev
Telerik team
answered on 07 Jul 2010, 03:38 PM
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
Tags
OutlookBar
Asked by
Jon
Top achievements
Rank 1
Answers by
Kiril Stanoev
Telerik team
Share this question
or