Category / Section
How to display and position image in new button of TabControlExt
1 min read
Image can be displayed in the new button of TabControlExt using NewButtonStyle
Property and position of the image in new button can be changed using ImageAlignment
Property.
<Window.Resources>
<Style TargetType="syncfusion:TabItemExt" x:Key="mystyle">
<Setter Property="syncfusion:TabItemExt.Image" Value="download.jpg"/>
<Setter Property="syncfusion:TabItemExt.ImageHeight" Value="15"/>
<Setter Property="syncfusion:TabItemExt.ImageWidth" Value="15"/>
<Setter Property="syncfusion:TabItemExt.ImageAlignment"
Value="RightOfText"/>
</Style>
</Window.Resources>
<syncfusion:TabControlExt Name="tabcontrol" IsNewButtonEnabled="True"
NewButtonClick="TabControlExt_NewTabItemClick"
NewButtonStyle="{StaticResource mystyle}">
<syncfusion:TabItemExt Name="tab1" Header="Tab1" Image="images1.jpg" ImageHeight="15"
ImageWidth="15"/>
<syncfusion:TabItemExt Name="tab2" Header="Tab2" Image="download.jpg" ImageHeight="15"
ImageWidth="15"/>
</syncfusion:TabControlExt>
private void TabControlExt_NewTabItemClick(object sender, EventArgs e)
{
TabItemExt item = new TabItemExt
{
Header="Tab" + (tabcontrol.Items.Count +1),
Image = new BitmapImage(new Uri("images.png",UriKind.RelativeOrAbsolute)),
ImageHeight = 15,
ImageWidth = 15,
ImageAlignment=ImageAlignment.RightOfText,
};
tabcontrol.Items.Add(item);
}
Output
