Home / Community & Support / Developer Productivity Tools Forums / WPF > Carousel > How to apply style fo selected Items backgroung is change.

• jitendra jadav

  Posted on Nov 10, 2011 (permalink)

  Hello everyone,
  
  I am using telerik:RadCarousel control and I want to apply style for selected item should be highlighted some different color so I am using some triggers but it will give me error.I am using telerik triggers
  like this
  

  <ControlTemplate.Triggers>

      <Trigger Property="IsSelected" Value="True" >

          <Setter TargetName="CarouselItemMainBorder" Property="Background">

              <Setter.Value>

                  <LinearGradientBrush EndPoint="108,472" StartPoint="108,23" MappingMode="Absolute">

                      <GradientStop Color="#FF344B97" Offset="0"/>

                      <GradientStop Color="#FF000000" Offset="1"/>

                      <GradientStop Color="#FF233F7E" Offset="0.045"/>

                      <GradientStop Color="#FF000000" Offset="0.0451"/>

                  </LinearGradientBrush>

              </Setter.Value>

          </Setter>

          <Setter TargetName="CarouselItemInnerBorder" Property="Background">

              <Setter.Value>

                  <LinearGradientBrush  EndPoint="101,462" StartPoint="101,13" MappingMode="Absolute">

                      <GradientStop Color="#FF344B97" Offset="0"/>

                      <GradientStop Color="#FF000000" Offset="1"/>

                      <GradientStop Color="#FF233F7E" Offset="0.045"/>

                      <GradientStop Color="#FF000000" Offset="0.0451"/>

                  </LinearGradientBrush>

              </Setter.Value>

          </Setter>

      </Trigger>

  </ControlTemplate.Triggers>

  
  and I have some Xaml like this.

  <telerikNavigation:RadCarousel Height="{Binding MainMenuHeight}" 

                             Width="{Binding MainMenuWidth}"

                             ItemsSource="{Binding Path=Menu.Options}"

                             SelectedItem="{Binding SelectedMainMenuOption, Mode=TwoWay}"

                             AutoGenerateDataPresenters="True" 

                             Background="Transparent"

                             HorizontalScrollBarVisibility="Disabled"

                             VerticalScrollBarVisibility="Disabled"

                             VerticalContentAlignment="Stretch"

                             IsSynchronizedWithCurrentItem="True"

                             CurrentItem="{Binding SelectedMainMenuOption, Mode=TwoWay}"

                             Focusable="False"

                             IsTabStop="False"

                             Grid.Row="2">

   

      <telerikNavigation:RadCarousel.ItemTemplate>

          <DataTemplate>

              <Border Focusable="True">

                  <StackPanel Orientation="Horizontal" Focusable="True">

                      <Image Source="{Binding IconPath}" Focusable="True"/>

                      <TextBlock Text="{Binding Title}" Focusable="True" VerticalAlignment="Center"/>

                  </StackPanel>

              </Border>

          </DataTemplate>

      </telerikNavigation:RadCarousel.ItemTemplate>

   

      <telerikNavigation:RadCarousel.ItemsPanel>

          <ItemsPanelTemplate>

              <telerikNavigation:RadCarouselPanel x:Name="radCarouselPanel"

                                              PathPadding="0"

                                              IsScalingEnabled="True"

                                              IsOpacityEnabled="False"

                                              ItemsPerPage="{Binding ItemsPerPage}"

                                              Path="{StaticResource menuPath}"

                                              CanVerticallyScroll="True"

                                              CanHorizontallyScroll="False"

                                              VerticalAlignment="Stretch"

                                              IsSelectedTopItem="True"

                                              Focusable="False">

              </telerikNavigation:RadCarouselPanel>

          </ItemsPanelTemplate>

      </telerikNavigation:RadCarousel.ItemsPanel>

       

  </telerikNavigation:RadCarousel>

  so how I can apply this kind of formate.
  
  Thank you.
  

  Reply

Back to Top

Home / Community & Support / Developer Productivity Tools Forums / WPF > Carousel > How to apply style fo selected Items backgroung is change.