Disabling highlighting Effect in RadPanelbar

6 posts, 0 answers
  1. balaji
    balaji avatar
    69 posts
    Member since:
    May 2009

    Posted 11 Sep 2009 Link to this post

    Hi,
    Is this Possible to Disable the highlight effect in the RadPanelbar.
    Coz i have customised the Rad Panel and the Highlighter on Mouse Move creates a white kind of background which makes my items not visible.
    Is there any way to disable the Highlighter in Radpanelbar.
    Thanks
    Regards
    N.Balaji
    Here is the Page.xaml Code

      <telerikNavigation:RadPanelBar x:Name="Radpanel" Margin="0,-31,0,0" Width="301" BorderBrush="#1E5D8C" 
                        BorderThickness="1" HorizontalAlignment="Left" > 
                            <telerikNavigation:RadPanelBarItem IsExpanded="True" BorderBrush="#1E5D8C" > 
                                <telerikNavigation:RadPanelBarItem.Background> 
                                    <ImageBrush ImageSource="{StaticResource BackgroundImage}" /> 
     
                                </telerikNavigation:RadPanelBarItem.Background> 
     
                                <telerikNavigation:RadPanelBarItem.Header> 
                                    <TextBlock Text="Year" Margin="25 4 5 5"  Foreground="White" FontFamily="verdana"/>  
     
                                </telerikNavigation:RadPanelBarItem.Header> 
                                 
                                <StackPanel VerticalAlignment="Center">  
                                    <CheckBox x:Name="year2007" Content="2007" Foreground="White" Margin="6" FontFamily="Arial">  
     
                                    </CheckBox> 
                                    <CheckBox x:Name="year2008" Content="2008" Foreground="White" Margin="6" FontFamily="Arial"></CheckBox> 
                                    <CheckBox x:Name="year2009" Content="2009" Foreground="White" Margin="6" FontFamily="Arial"></CheckBox> 
                                </StackPanel> 
     
                            </telerikNavigation:RadPanelBarItem> 
                            <telerikNavigation:RadPanelBarItem x:Name="segmentpanel" BorderBrush="#1E5D8C">  
                                <telerikNavigation:RadPanelBarItem.Header> 
                                    <TextBlock Text="Segments" Margin="25 4 5 5"  Foreground="White" FontFamily="verdana" /> 
                                </telerikNavigation:RadPanelBarItem.Header> 
                                <telerikNavigation:RadPanelBarItem.Background> 
                                    <ImageBrush ImageSource="{StaticResource BackgroundImage}" /> 
     
                                </telerikNavigation:RadPanelBarItem.Background> 
                                <StackPanel VerticalAlignment="Center" x:Name="segmentstack" Height="212">  
                                    
                                </StackPanel> 
                                
                            </telerikNavigation:RadPanelBarItem> 
                            <telerikNavigation:RadPanelBarItem x:Name="locationpanel" BorderBrush="#1E5D8C">  
                                <telerikNavigation:RadPanelBarItem.Header> 
                                    <TextBlock Text="Location" Margin="25 4 5 5"  Foreground="White" FontFamily="verdana" /> 
                                </telerikNavigation:RadPanelBarItem.Header> 
                                <telerikNavigation:RadPanelBarItem.Background> 
                                    <ImageBrush ImageSource="{StaticResource BackgroundImage}" /> 
     
                                </telerikNavigation:RadPanelBarItem.Background> 
                                <StackPanel VerticalAlignment="Center" x:Name="locationstack">  
                                    <Grid  Margin="7,0,30,0" VerticalAlignment="Top">  
                                   <Grid.ColumnDefinitions> 
                                   <ColumnDefinition Width="0.504*"></ColumnDefinition> 
                                   <ColumnDefinition Width="0.496*"></ColumnDefinition> 
                                   </Grid.ColumnDefinitions> 
                                   <Grid.RowDefinitions> 
                                   <RowDefinition Height="Auto"></RowDefinition> 
                                   <RowDefinition Height="Auto"></RowDefinition> 
                                   <RowDefinition Height="Auto"></RowDefinition> 
                                   </Grid.RowDefinitions> 
                                   <CheckBox x:Name="Location1" Content="India" Foreground="White"  FontFamily="Arial" FontWeight="Bold" Grid.Column="0" Grid.Row="0" ></CheckBox>  
                                   <CheckBox x:Name="Location2" Content="Bangladesh" Foreground="White" FontFamily="Arial" FontWeight="Bold" Grid.Column="1" Grid.Row="0"></CheckBox> 
                                   <CheckBox x:Name="Location3" Content="Hong Kong" Foreground="White" FontFamily="Arial" FontWeight="Bold" Grid.Column="0" Grid.Row="1"></CheckBox> 
                                   <CheckBox x:Name="Location4" Content="Hangzhou" Foreground="White" FontFamily="Arial" FontWeight="Bold" Grid.Column="1" Grid.Row="1"></CheckBox> 
                                   <CheckBox x:Name="Location5" Content="Indonesia" Foreground="White" FontFamily="Arial" FontWeight="Bold" Grid.Column="0" Grid.Row="2"></CheckBox> 
     
                                    </Grid> 
                                </StackPanel> 
                            </telerikNavigation:RadPanelBarItem> 
     
     
                        </telerikNavigation:RadPanelBar> 
  2. Dimitrina
    Admin
    Dimitrina avatar
    442 posts

    Posted 16 Sep 2009 Link to this post

    Hello balaji,

    You can apply  a custom theme to any of  the controls. For more information you can follow the link below:
    http://www.telerik.com/help/silverlight/radcontrols-for-silverlight-expression-blend-support.html 

    Please find attached an example.

    If you have any further question please do not hesitate to ask.

    I hope this will help you.


    All the best,
    Dimitrina
    the Telerik team

    Instantly find answers to your questions on the new Telerik Support Portal.
    Watch a video on how to optimize your support resource searches and check out more tips on the blogs.
  3. DevCraft banner
  4. Todd Bush
    Todd Bush avatar
    3 posts
    Member since:
    Oct 2009

    Posted 29 Oct 2009 Link to this post

    I have had the same problem. This is the first Telerik control I have tried to use with your trial version. This does not bode well. Why on earth would anyone want the default behaviour to change the background color of a content panel on mouseover? Then have to jump through hoops and add 400 lines of XAML to turn it off? I would suggest changing default behaviour here.
  5. Dimitrina
    Admin
    Dimitrina avatar
    442 posts

    Posted 04 Nov 2009 Link to this post

    Hello Stewart Collis,

    Thank you for your feedback. We will consider it for future releases.

    Sincerely yours,
    Dimitrina
    the Telerik team

    Instantly find answers to your questions on the new Telerik Support Portal.
    Watch a video on how to optimize your support resource searches and check out more tips on the blogs.
  6. Aaron Jessen
    Aaron Jessen avatar
    14 posts
    Member since:
    Feb 2009

    Posted 02 Sep 2011 Link to this post

    400 lines of code, indeed!

    I second Stewart's opinion. I, too, experienced this problem - now 2 years after the intial post - using the latest 2011 Q2 release. The online help for RadPanelbar is incredibly thin.

    The project attached to this thread (above) did help me, albeit it took a while to wade through and understand it all. The key is to copy the code exactly from the Main page in the example and modify from there.
     
    I appreciate that this method gives you complete and total control over every aspect - every color, gradient, opacity, etc. of both the header panel items and their children (in my case, a StackPanel with several controls which were highlighting upon mouseover). But, if someone doesn't need this degree of control (and doesn't want to add 400+ lines of code to their user control), it would be nice to have a single field which turns off/on the mouseover functionality for all child items contained within the RadPanelbarItem.

    P.S. I'm a HUGE fan of Telerik controls and use them everywhere. I've only recently been using your Silverlight controls, but the ASP.NET AJAX controls are simply astounding (and have robust help files). To that end, this degree of difficulty using a Telerik control is quite the abnormality (for any of those just using the trial to see if you like them or not).
  7. Miro Miroslavov
    Admin
    Miro Miroslavov avatar
    588 posts

    Posted 08 Sep 2011 Link to this post

    Hi Aaron,

    Thanks for sharing your opinion. I agree that RadPanelBar's help and documentation are scarce and  it is in our plans to improve it significantly by the end if this year (Q3 2011).
    Let me give my two cents on the topic of editing the control template of a control. I agree that having 400 lines of code is not so pleasant, but the initial problem here is that the control is designed to be a hierarchical control, having selection and the rest mouse events. I think that what you need is an accordion control (think of it as a RadTabControl with a different panel). Unfortunately we don't have one yet in our suite, but we have plans to add it in the near future.

    Let me know what you think.

    Kind regards,
    Miro Miroslavov
    the Telerik team

    Thank you for being the most amazing .NET community! Your unfailing support is what helps us charge forward! We'd appreciate your vote for Telerik in this year's DevProConnections Awards. We are competing in mind-blowing 20 categories and every vote counts! VOTE for Telerik NOW >>

Back to Top
DevCraft banner