This is a migrated thread and some comments may be shown as answers.

Disabling highlighting Effect in RadPanelbar

5 Answers 264 Views
PanelBar
This is a migrated thread and some comments may be shown as answers.
balaji
Top achievements
Rank 1
balaji asked on 11 Sep 2009, 08:56 AM
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> 

5 Answers, 1 is accepted

Sort by
0
Dimitrina
Telerik team
answered on 16 Sep 2009, 01:56 PM
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.
0
Todd Bush
Top achievements
Rank 1
answered on 30 Oct 2009, 03:50 AM
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.
0
Dimitrina
Telerik team
answered on 04 Nov 2009, 12:22 PM
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.
0
Aaron Jessen
Top achievements
Rank 1
answered on 02 Sep 2011, 08:20 PM
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).
0
Miro Miroslavov
Telerik team
answered on 08 Sep 2011, 08:35 AM
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 >>

Tags
PanelBar
Asked by
balaji
Top achievements
Rank 1
Answers by
Dimitrina
Telerik team
Todd Bush
Top achievements
Rank 1
Aaron Jessen
Top achievements
Rank 1
Miro Miroslavov
Telerik team
Share this question
or