Home / Community & Support / Developer Productivity Tools Forums / WPF > TabControl > Adding an Icon Right Aligned in the Tab Strip

• Chris Andrews

  Posted on Dec 5, 2011 (permalink)

  Hello All,
  
  I am trying to display an icon in the RadTabControl, right aligned, at the tab strip level.  I have done this with the RibbonBar using the TabStripAdditionalContent property, but in this particular view, I do not have a RibbonBar.  I was wondering if there is a similiar property I can use to achieve this, or using a style / template.
  
  Any help is appreciated.
  
  Thanks in advance

  Reply

• Dimitrina Dimitrina

  Posted on Dec 8, 2011 (permalink)

  Hi Chris,
  

  Please find attached an example.
  
  If you have further questions please do not hesitate to ask us.
  I hope this will help you.

  
  All the best,
  Dimitrina
  the Telerik team

  Explore the entire Telerik portfolio by downloading the Ultimate Collection trial package. Get it now >>

  Attached files

  • RadTabControl.zip

  Reply

• Chris Andrews

  Posted on Dec 15, 2011 (permalink)

  Hello,  thanks for the assistance.
  
  Unfortunately this is not what I hoped to achieve.  I can get the icon in the individual header just fine, however, I was just looking to place an icon all the way to the right.  See attached screenshot for desired result.
  
  Thanks Again,
  Chris

  Attached files

  • icon-in-tabcontrol.png

  Reply

• Petar Mladenov Petar Mladenov

  Posted on Dec 19, 2011 (permalink)

  Hello Chris Andrews,

   I prepared a project for you in which I've edited the default ControlTemplate of the RadTabControl like so (new items added with green background):

  <ControlTemplate TargetType="{x:Type telerik:RadTabControl}">

                          <Grid>

                              <telerik:RadDockPanel LastChildFill="True">

                                  <telerik:LayoutTransformControl x:Name="HeaderDockedElement" telerik:RadDockPanel.Dock="Top" IsTabStop="False">

                                      <Grid>

                                          <Border x:Name="HeaderBackground" Background="{TemplateBinding HeaderBackground}" Visibility="{TemplateBinding BackgroundVisibility}"/>

                                          <Border BorderBrush="#FF848484" BorderThickness="0,0,0,1" SnapsToDevicePixels="True"/>

                                          <telerik:RadDockPanel Panel.ZIndex="10">

                                              <StackPanel Orientation="Horizontal" telerik:RadDockPanel.Dock="Right" Margin="2,4,4,2">

                                              <ToggleButton x:Name="DropDownButtonElement" ClickMode="Press"  IsChecked="{Binding IsDropDownOpen, Mode=TwoWay, RelativeSource={RelativeSource TemplatedParent}}" Style="{TemplateBinding DropDownButtonStyle}" Visibility="Collapsed">

                                                  <telerik:RadContextMenu.ContextMenu>

                                                      <Telerik_Windows_Controls_TabControl:DropDownMenu x:Name="DropDownMenuElement" ClickToOpen="True" DisplayMemberPath="{TemplateBinding DropDownDisplayMemberPath}" ItemTemplate="{TemplateBinding ItemDropDownContentTemplate}" Placement="Bottom" Style="{TemplateBinding DropDownStyle}" StaysOpen="False"/>

                                                  </telerik:RadContextMenu.ContextMenu>

                                              </ToggleButton>

                                                  <Image Width="16" Height="16" Source="Images/check.png" />

                                              </StackPanel>

  Please check it out and let us know if it satisfies you. Kind regards,
  Petar Mladenov
  the Telerik team

  Explore the entire Telerik portfolio by downloading the Ultimate Collection trial package. Get it now >>

  Attached files

  • RadTabControl.zip

  Reply

Back to Top

Home / Community & Support / Developer Productivity Tools Forums / WPF > TabControl > Adding an Icon Right Aligned in the Tab Strip