[Solved] set transparent background

[neo e]

hi I tried to set the background to transparent, but not working. I tried to set the row background to transparent as well. but doesn't work either.
the following xaml showing transparent background at design time but not at runtime, however the transparent background works for the listbox.

UserControl x:Class="SilverlightApplication1.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:telerik="http://schemas.telerik.com/2008/xaml/presentation"
    xmlns:i="clr-namespace:System.Windows.Interactivity;assembly=System.Windows.Interactivity"
    xmlns:local="clr-namespace:SilverlightApplication1" mc:Ignorable="d"
    d:DesignHeight="300" d:DesignWidth="400">
    <UserControl.Resources>
        <local:MyDataContext x:Key="context"/>
    </UserControl.Resources>
    <Grid x:Name="LayoutRoot" DataContext="{StaticResource context}" Background="LightBlue">
        <Grid.ColumnDefinitions>
            <ColumnDefinition />
            <ColumnDefinition Width="200" />
        </Grid.ColumnDefinitions>
        <telerik:RadGridView ItemsSource="{Binding Data}" SelectionMode="Extended" SelectedItem="{Binding SelectedItem, Mode=TwoWay}"
                             Background="Transparent" RowActivated="RadGridView_RowActivated">
            <i:Interaction.Behaviors>
                <local:MyMultiSelectBehavior SelectedItems="{Binding SelectedItems, Source={StaticResource context}}" />
            </i:Interaction.Behaviors>
        </telerik:RadGridView>
        <StackPanel Orientation="Vertical" Grid.Column="1">
            <telerik:RadButton Content="Clear selected items" Click="Button_Click" />
            <TextBlock Text="Selected items:"/>
            <ListBox ItemsSource="{Binding SelectedItems}" DisplayMemberPath="ID" Background="Transparent" />
        </StackPanel>
    </Grid>
</UserControl>

[Timothy]

Try using the transparent theme on the gridview,

telerik

 

 

:StyleManager.Theme="Transparent"

 

Make sure you import the assembly as well.

[Vanya Pavlova]

Hello neo e,


The structure of RadGridView follows quite different logic from the one that ListBox control uses. If you need to have completely transparent GridView the easiest way to achieve this result is to set its Background to Transparent and create an implicit style targeted at GridViewRow.
Please use the following markup:

<Grid x:Name="LayoutRoot" Background="LightBlue" DataContext="{Binding Source={StaticResource SampleDataSource}}">
    <telerik:RadGridView Background="Transparent" RowIndicatorVisibility="Collapsed" Margin="72,72,63,54" AutoGenerateColumns="False" ItemsSource="{Binding Collection}">
        <telerik:RadGridView.RowStyle>
            <Style TargetType="telerik:GridViewRow">
                <Setter Property="Background" Value="Transparent"/>
          </Style>
      </telerik:RadGridView.RowStyle>
        <telerik:RadGridView.Columns>
            <telerik:GridViewDataColumn Header="P1" DataMemberBinding="{Binding Property1}"/>
                <telerik:GridViewDataColumn Header="P2" DataMemberBinding="{Binding Property2}"/>
                <telerik:GridViewDataColumn Header="P3" DataMemberBinding="{Binding Property3}"/>
            </telerik:RadGridView.Columns>
        </telerik:RadGridView>
</Grid>

Best wishes,
Vanya Pavlova
the Telerik team