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

[Solved] How to change style for all cells

9 Answers 301 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.

Geoff Hardy asked on 10 Jun 2010, 06:28 PM

We recently upgraded to Silverlight 4 and the 2010 Q1 SP2 RadControls for Silverlight. In our app.xaml we are applying a style to all textboxes in our application as follows:

                    <Style TargetType="TextBox">         
                <Setter Property="Margin" Value="4" />         
            </Style>         
                     

By specifying a margin for all the TextBoxes, it spaces our TextBoxes out nicely on our forms. However, when using the RadGridView, all of text displayed in the cells now use this margin of 4, which makes the text in each cell more cramped.

Is there an easy way to tell the RadGridView to use a margin of 0 for all TextBoxes that it uses in each cell? Does this need to be specified on each column in the grid?

9 Answers, 1 is accepted

answered on 11 Jun 2010, 09:12 AM

Hi Geoff Hardy,

If you want to override the style for textboxes in the GridView only, you need to re-define the style in the Resources tag of the GridView:

<telerik:RadGridView ...>

<telerik:RadGridView.Resources>

<Style TargetType="TextBox">

<Setter Property="Margin" Value"0"/>

</Style>

<telerik:RadGridView.Resources>

...

</telerik:RadGridView>

Sincerely yours,
Yavor Georgiev
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.

answered on 11 Jun 2010, 04:31 PM

Thanks Yavor. This works well.

The only thing I need to do now is find an easy way to apply this to the many RadGridViews in my application. I would like to avoid pasting this code into each one. I tried adding the setting of the resources to a style that is assigned to all of my RadGridViews:

    
                    <Style TargetType="FrameworkElement" x:Key="noMarginStyle">  
        
                        <Setter Property="Margin" Value="0"/>  
        
                    </Style> 
        
                    <Style TargetType="Controls2:RadGridView" > 
        
                        <Setter Property="FrameworkElement.Resources">  
        
                            <Setter.Value> 
        
                                <ResourceDictionary> 
        
                                    <Style TargetType="TextBox" BasedOn="{StaticResource noMarginStyle}"/>  
        
                                    <Style TargetType="TextBlock" BasedOn="{StaticResource noMarginStyle}"/>  
        
                                </ResourceDictionary> 
        
                            </Setter.Value> 
        
                        </Setter> 
        
                    </Style>

However, assigning the Resources via a style does not work. Declaring the resource dictionary in app.xaml and assigning it to the resources property directly does not work either:

    
                    <ResourceDictionary x:Key="noMargins">  
        
                        <Style TargetType="TextBox" BasedOn="{StaticResource noMarginStyle}"/>  
        
                        <Style TargetType="TextBlock" BasedOn="{StaticResource noMarginStyle}"/>  
        
                    </ResourceDictionary> 
        
                <TelerikGrid:RadGridView Resources="{StaticResource noMargins}">  
        
            ...  
        
                </TelerikGrid:RadGridView>

The only other way I can see to do this would be to create my own custom control that inherits from RadGridView and sets the resource dictionary itself.

Any other suggestions as to how I might accomplish my goal here?

answered on 14 Jun 2010, 09:02 AM

Hello Geoff Hardy,

Unfortunately, since you're working with Silverlight, I'm afraid I don't see another option short of extending RadGridView and overriding the OnLoaded protected method. If you were working with WPF, you could add a global event handler for the RadGridView's Loaded event.

Greetings,
Yavor Georgiev
the Telerik team

answered on 25 Nov 2010, 05:17 PM

We have a CustomGridView, which extends RadGridVeiw. In its constructor, we set up event handlers to set its styles:

public CustomGridView()

{

if (DesignerProperties.IsInDesignTool)

{

return;

}

// Inside the grid cells, we do not want large margins, so cells get smaller margins

Loaded += (sender, e) => this.CopyStyles((ResourceDictionary) Application.Current.Resources["gridViewStyles"]);

// For anything in the row details, use the standard margins used elsewhere in the application

LoadingRowDetails += (sender, e) => e.DetailsElement.CopyStyles(Application.Current.Resources);

}

The CopyStyles method looks like this:

public static void CopyStyles(this FrameworkElement frameworkElement, ResourceDictionary resources)

{

var existingResources = frameworkElement.Resources;

foreach (var key in resources.Keys)

{

var resource = resources[key];

if (!existingResources.Contains(key) && resource is Style)

{

existingResources.Add(key, resource);

}

The styles that we are copying are as follows:

<ResourceDictionary x:Key="gridViewStyles">

<Style TargetType="TextBlock" BasedOn="{StaticResource textBlockStyle}">