I have a TabControl inside a StackPanel ( width = Auto ).
<StackPanel x:Name="panelTabs" Orientation="Horizontal" Grid.Column="0" Width="Auto" Margin="2,5,5,5" > |
<telerikNavigation:RadTabControl FontSize="12" Margin="0,-4,0,0" HorizontalAlignment="Stretch" HorizontalContentAlignment="Stretch" Width="768" > |
<telerikNavigation:RadTabItem Header="Translator" IsSelected="True" HorizontalAlignment="Stretch" > |
<Border BorderBrush="#8CBDCE" BorderThickness="1,0,1,1" Margin="3,-6,1,2"> |
<StackPanel > |
<TextBox BorderThickness="0" Text="Some Textdsdsdsdsd ssds Some Textdsdsdsd Some Textdsdssssssssssssssssdsd ssds Some Textdsdsdsd sdsdTextdsdsdsdsd ssds Some Textdsdsdsd sd d" TextWrapping="Wrap" ></TextBox> |
</StackPanel> |
</Border> |
</telerikNavigation:RadTabItem> |
<telerikNavigation:RadTabItem Header="Notes" Background="#E6E7E8"> |
<Border BorderBrush="#8CBDCE" BorderThickness="1,0,1,1" Margin="3,-6,1,2"> |
<StackPanel Height="Auto" Width="Auto" > |
<TextBox BorderThickness="0" Text="Some Textdsdsdsdsd ssds Some Textdsdsdsd Some Textdsdssssssssssssssssdsd ssds Some Textdsdsdsd sdsdTextdsdsdsdsd ssds Some " TextWrapping="Wrap" ></TextBox> |
</StackPanel> |
</Border> |
</telerikNavigation:RadTabItem> |
<telerikNavigation:RadTabItem Header="Query"> |
<Border BorderBrush="#8CBDCE" BorderThickness="1,0,1,1" Margin="3,-6,1,2"> |
<StackPanel Height="Auto" Width="Auto" > |
<TextBox BorderThickness="0" Text="Some Textdsdsdsdsd ssds Some Textdsdsdsd sd Textdsdsdsdsd ssds Some Textdsdsdsd sd sdTextdsdsdsdsd ssds Some Textdsdsdsd sd " TextWrapping="Wrap" ></TextBox> |
</StackPanel> |
</Border> |
</telerikNavigation:RadTabItem> |
<telerikNavigation:RadTabItem Header="Search" > |
<Border BorderBrush="#8CBDCE" BorderThickness="1,0,1,1" Margin="3,-6,1,2"> |
<StackPanel Height="Auto" Width="Auto" > |
<TextBox BorderThickness="0" Text="Some Textdsdsdsdsd ssds Some Textdsdsdsd Some Textdsdsdsdsd ssds Some Textdsdsdsd sdsdTextdsdsdsdsd ssds Some Textdsdsdsd sd " TextWrapping="Wrap" ></TextBox> |
</StackPanel> |
</Border> |
</telerikNavigation:RadTabItem> |
<telerikNavigation:RadTabItem Header="Glossaries" Background="#FCFCFC"> |
<Border BorderBrush="#8CBDCE" BorderThickness="1,0,1,1" Margin="3,-6,1,2"> |
<StackPanel Height="Auto" Width="Auto" > |
<TextBox BorderThickness="0" Text="Some Textdsdsdsdsd ssds Some Textdsdsdsd sd Textdsdsdsdsd ssds Some Textdsdsdsd sdsdTextdsdsdsdsd ssds Some Textdsdsdsd sd " TextWrapping="Wrap" ></TextBox> |
</StackPanel> |
</Border> |
</telerikNavigation:RadTabItem> |
</telerikNavigation:RadTabControl> |
</StackPanel> |
If I set the TabControl width to Auto, the TabControl doesn't take Full width available. It just synchronize with its child templates width.
I just need it to be fluid, when I drag the browser and reduce the width I need the TabControl to adapt to it.
Any Ideas?