Controls not working in Tab item content

[Akhilesh]

Hi...
I used the sample code and instead of RadGrid i put some other sliverlight controls. but these controls are not working i mean button is not clicking ,radio button is changing and i am not able to enter text in text box.
I dont know what i am doing wrong here.
Heres my xaml code:

<

 

telerikNavigation:RadTabControl x:Name="Products" BorderThickness="0" SelectionChanged="Products_SelectionChanged" >

 

 

 

<telerikNavigation:RadTabItem Tag="0" Background="{StaticResource GlossyBlack_MouseOverBackgroundGradient}" Width="97" Height="39" >

 

 

 

<telerikNavigation:RadTabItem.Header>

 

 

 

<StackPanel Orientation="Horizontal" IsHitTestVisible="False">

 

 

 

<TextBlock Text="Model" Foreground="Black" Margin="3,0,0,0"/>

 

 

 

</StackPanel>

 

 

 

</telerikNavigation:RadTabItem.Header>

 

 

 

<telerikNavigation:RadTabItem.Content>

 

 

 

<StackPanel Orientation="Horizontal" IsHitTestVisible="False" Background="{StaticResource GlossyBlack_ListItemBackground}">

 

 

 

<Grid x:Name="tblModel" Background="{StaticResource GlossyBlack_PressedBackgroundGradient}" Width="503" >

 

 

 

 

 

<TextBlock x:Name="lblModel" Text="Model" Grid.Row="0" Grid.Column="0" Margin="8,8,8,0" VerticalAlignment="Top" Height="27" Grid.ColumnSpan="2" Foreground="{StaticResource GlossyBlack_Selected}" />

 

 

 

<Canvas Margin="8,35,8,22" Grid.ColumnSpan="2">

 

 

 

<TextBlock x:Name="lblSelect" Text="Select From" Grid.Column="0" Grid.Row="1" Width="87.968" Foreground="{StaticResource GlossyBlack_Selected}"/>

 

 

 

<RadioButton x:Name="rdoNewModel" IsChecked="true" GroupName="rdoGroupModel" Checked="rdoNewModel_Checked" Content="New Model" Canvas.Left="104" Foreground="{StaticResource GlossyBlack_StrokeGradient}" Style="{StaticResource GlossyBlackRadioButton}"/>

 

 

 

<RadioButton x:Name="rdoExistingModel" GroupName="rdoGroupModel" Checked="rdoExistingModel_Checked" Content="Existing Model" Canvas.Left="207" Foreground="{StaticResource GlossyBlack_StrokeGradient}" Style="{StaticResource GlossyBlackRadioButton}"/>

 

 

 

<Grid x:Name="tblNewModel" ShowGridLines="False" Background="{StaticResource GlossyBlack_PressedBackgroundGradient}" Width="416" Height="287" Canvas.Top="22" RenderTransformOrigin="0.499,0.498" Canvas.Left="8" Visibility="Visible">

 

 

 

<Grid.RowDefinitions>

 

 

 

<RowDefinition Height="*"/>

 

 

 

<RowDefinition Height="*"/>

 

 

 

<RowDefinition Height="*"/>

 

 

 

<RowDefinition Height="*"/>

 

 

 

</Grid.RowDefinitions>

 

 

 

<Grid.ColumnDefinitions >

 

 

 

<ColumnDefinition Width="*" />

 

 

 

<ColumnDefinition Width="*" />

 

 

 

</Grid.ColumnDefinitions>

 

 

 

<TextBlock x:Name="lblmodelName" Text="Model Name" Grid.Column="0" Grid.Row="0" Margin="89,27,31,31" Foreground="{StaticResource GlossyBlack_Selected}"/>

 

 

 

<TextBox x:Name="txtModelName" Grid.Row="0" Grid.Column="1" Margin="8,27,46,20" Background="{StaticResource GlossyBlack_TextBoxStroke}"/>

 

 

 

 

<TextBlock x:Name="lblStockingGuide" Text="Stocking Guide" Grid.Column="0" VerticalAlignment="Top" Margin="89,8,17,0" Height="24" Foreground="{StaticResource GlossyBlack_Selected}" d:LayoutOverrides="VerticalAlignment" Grid.Row="1"/>

 

 

 

<!--<TextBox x:Name="txtStockingGuide" Grid.Column="1" VerticalAlignment="Top" Height="24" Margin="0,58,54,0" d:LayoutOverrides="VerticalAlignment"/>-->

 

 

 

<ComboBox x:Name="ddlStockingGuide" Grid.Column="1" Background="{StaticResource GlossyBlack_ScrollBarBackgroundGradient}" Grid.Row="1" Style="{StaticResource GlossyBlackComboBox}" Foreground="#FFFBFBFB" Height="32" VerticalAlignment="Top" Margin="8,0,46,0">

 

 

 

<ComboBoxItem Content="stockingGuide1" x:Name="ddlitem1" IsSelected="True" Background="{StaticResource GlossyBlack_ListItemBackground}"></ComboBoxItem>

 

 

 

<ComboBoxItem Content="stockingGuide2" x:Name="ddlitem2" Background="{StaticResource GlossyBlack_HighlightGradient}"></ComboBoxItem>

 

 

 

<ComboBoxItem Content="stockingGuide3" x:Name="ddlitem3"></ComboBoxItem>

 

 

 

 

</ComboBox>

 

 

 

<TextBlock x:Name="lbltemplate" Text="Modeling Template " Grid.Column="0" VerticalAlignment="Top" Margin="89,8,8,0" Height="24" Foreground="{StaticResource GlossyBlack_Selected}" d:LayoutOverrides="VerticalAlignment" Grid.Row="2"/>

 

 

 

<!--<TextBox x:Name="txtStockingGuide" Grid.Column="1" VerticalAlignment="Top" Height="24" Margin="0,58,54,0" d:LayoutOverrides="VerticalAlignment"/>-->

 

 

 

<ComboBox x:Name="ddlTemplate" Grid.Column="1" Background="{StaticResource GlossyBlack_ScrollBarBackgroundGradient}" Grid.Row="2" VerticalAlignment="Top" Height="32" Style="{StaticResource GlossyBlackComboBox}" Foreground="#FFFFFFFF" Margin="8,0,46,0">

 

 

 

<ComboBoxItem Content="Template1" x:Name="ddlTemplateitem1" IsSelected="True"></ComboBoxItem>

 

 

 

</ComboBox>

 

 

 

<Button x:Name="btnSave" Content="Save" Grid.Row="3" Grid.Column="0" Margin="0,22,-59,8" Background="{StaticResource GlossyBlack_PressedBackgroundGradient}" Width="119" HorizontalAlignment="Right" Style="{StaticResource BlackGlossyButton}" Foreground="#FFFDFDFD"></Button>

 

 

 

</Grid>

 

 

 

</Canvas>

 

 

 

</Grid>

 

 

 

 

</StackPanel>

 

 

 

</telerikNavigation:RadTabItem.Content>

 

 

 

</telerikNavigation:RadTabItem>

 

 

 

<telerikNavigation:RadTabItem Tag="1" Background="{StaticResource GlossyBlack_MouseOverBackgroundGradient}" Width="101" Height="40">

 

 

 

<telerikNavigation:RadTabItem.Header>

 

 

 

<StackPanel Orientation="Horizontal" IsHitTestVisible="False">

 

 

 

 

<TextBlock Text="Criteria" Foreground="Black" Margin="3,0,0,0"/>

 

 

 

</StackPanel>

 

 

 

</telerikNavigation:RadTabItem.Header>

 

 

 

</telerikNavigation:RadTabItem>

 

 

 

<telerikNavigation:RadTabItem Tag="2" Background="{StaticResource GlossyBlack_MouseOverBackgroundGradient}" Width="92" Height="35">

 

 

 

<telerikNavigation:RadTabItem.Header>

 

 

 

<StackPanel Orientation="Horizontal" IsHitTestVisible="False">

 

 

 

 

<TextBlock Text="Result" Foreground="Black" Margin="3,0,0,0"/>

 

 

 

</StackPanel>

 

 

 

</telerikNavigation:RadTabItem.Header>

 

 

 

</telerikNavigation:RadTabItem>

 

 

 

<telerikNavigation:RadTabItem Tag="3" Background="{StaticResource GlossyBlack_MouseOverBackgroundGradient}" Width="103" Height="33">

 

 

 

<telerikNavigation:RadTabItem.Header>

 

 

 

<StackPanel Orientation="Horizontal" IsHitTestVisible="False">

 

 

 

<TextBlock Text="Export" Foreground="Black" Margin="3,0,0,0"/>

 

 

 

</StackPanel>

 

 

 

</telerikNavigation:RadTabItem.Header>

 

 

 

</telerikNavigation:RadTabItem>

 

 

 

</telerikNavigation:RadTabControl>

TIA.

Akhilesh Bhale

 

[Miroslav]

Hello Akhilesh,

In the StackPanel of the first tab item you have a property

IsHitTestVisible = false

Setting this property to false means this panel and its children would not receive any mouse events. This is why they appear inactive. Remove the setter or set it to true and the controls will work as expected.

Greetings,
Miroslav
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.

[Akhilesh]

Thank you very much Miroslav......I appreciate your help.

Akhilesh Bhale