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

[Solved] Styling an individual row

11 Answers 254 Views

GridView

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

This question is locked. New answers and comments are not allowed.

11 Answers, 1 is accepted

answered on 03 Mar 2009, 01:35 AM

Hi - I cannot set the SelectedRecord property. The compiler is telling me there is no setter. I know you guys are rolling Q1 soon but I'm running into some deadlines with my customers and need to get some basic functionality working with the GridView. Is there anyway you can toss me a build? Thanks.

Also - I'm wanting to set the same style for multiple column headers like this:

    
                <UserControl.Resources> 
        
                <Style x:Key="GridHyperLink" TargetType="telerikGridView:GridViewCell"> 
        
                        <Setter Property="Template"> 
        
                            <Setter.Value> 
        
                                <ControlTemplate TargetType="telerikGridView:GridViewCell"> 
        
                                    <HyperlinkButton Foreground="Navy" Content="{Binding field1}" HorizontalAlignment="Center" VerticalAlignment="Center" Click="HyperlinkButton_Click"/> 
        
                                </ControlTemplate> 
        
                            </Setter.Value> 
        
                        </Setter> 
        
                    </Style> 
        
                </UserControl.Resources>

However I want to bind to different fields. How do I set a staticresource but specify different bindings. thanks.
Jon

answered on 03 Mar 2009, 12:30 PM

Hi Jon Bergquist,

Until we release the version that has a SelectedRecord property setter, you can use the record IsSelected property. The line in the example Jordan linked to can be changed to:

this.gridView.Records[0].IsSelected = true;

Unfortunately, we are not quite ready with the custom row styling feature yet -- we had three things that had to happen in order to consider it complete:

a RowLoaded event that would let you manipulate rows as they are created and added to the visual tree;
a "RowPrepared" event that would let you manipulate rows on each scroll and fire for rows that have already been loaded, but are now being reused by the UI virtualization logic;
a set of public Style properties for setting custom row styles for the different types of rows.

Of the three, we only have RowLoaded at the moment, and are finishing the other two at the moment. Maybe I can get you a build with the "prepared" event sometime tomorrow -- that will let you style the first row in a different background in your code behind code.

Regarding your style/template reuse question, I don't think it is possible to reuse the template and specify different bindings. There may be a way to achieve what you want though by binding to the GridViewCell.Content property in your HyperLinkButton control instance:

<HyperlinkButton Foreground="Navy" Content="{TemplateBinding Content}" HorizontalAlignment="Center" VerticalAlignment="Center" Click="HyperlinkButton_Click"/>

This way the cell content will get set to the value specified by your column binding, and your template won't vary because of your column settings.

All the best,
Hristo Deshev
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.

answered on 05 Mar 2009, 03:16 PM

Thanks for that. The TemplateBinding worked as suggested. With your new release will it be possible to not only style an individual row but also an individual cell? I realize that I will need to conditionally make some grids cells appear blacked out. Also, how does one applying styling to simple silverlight controls like textboxes and buttons. Since those types of controls are not included in your offering (I don't think) I don't get the styling on them when I apply your themes in App.xaml. However, I have seen it work in your demo's so curious how you do that.

Thanks

Jon

answered on 06 Mar 2009, 02:23 PM

Hi Jon Bergquist,

Straight to your questions:

With the new release the RowLoaded event can be used to find a cell in the row and style it as needed.
Styling text boxes and buttons inside the grid in Silverlight will not be very easy. The best approach I can think of is by assigning cell styles to your columns and modifying the cell templates, so that they contain styled text boxes and controls. The controls styled in our demos are styled in the examples and the demo app as well. They are not a part of the suite, but I you can use those styles in your app if you wish to.

Sincerely yours,
Hristo Deshev
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.

answered on 07 Mar 2009, 10:10 AM

Hi Jon Bergquist,

I think I got you now. Our Silverlight themes, at the moment contain styles for the standard controls, but they won't be applied from App.xaml automatically. You will have to set an attached property to every control in order to style it with our theme styles. The syntax will look like this:

<Button telerik:StyleManager.Theme="Office_Black" ... />

Greetings,
Hristo Deshev
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.

answered on 24 Mar 2009, 03:06 PM

Hello Jon Bergquist,

Sorry for the late response,
Setting Office_Black is done different from the other themes. This is because you already have the resource in the assembly (no need to add reference to Office_Black assembly).
This is how you can do it:

    
            <UserControl x:Class="SilverlightApplication26.Page" 
        
                    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
        
                    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
        
                    xmlns:telerik="clr-namespace:Telerik.Windows.Controls;assembly=Telerik.Windows.Controls" 
        
                    Width="400" Height="300">  
        
                <UserControl.Resources> 
        
                    <telerik:Theme x:Key="defaultTheme" 
        
                            Source="/Telerik.Windows.Controls;component/Themes/generic.xaml" /> 
        
                </UserControl.Resources> 
        
                <StackPanel x:Name="LayoutRoot" Background="White">  
        
                    <RadioButton Content="I have Theme" 
        
                            telerik:StyleManager.Theme="{StaticResource defaultTheme}" /> 
        
                    <RadioButton Content="I don't have Theme" /> 
        
                </StackPanel> 
        
            </UserControl>

The project have reference only to Telerik.Windows.Controls assembly.

Let me know if you need more information.

Best wishes,
Hristo
the Telerik team

Check out Telerik Trainer , the state of the art learning tool for Telerik products.