How To Add RadDatePicker to RadGridView Footer

[Prashu]

Hi

I'm using RadGridview with 3 Columns for those three columns i want to add RadDatePicker  with current Date at the footer of Radgridview 

How to do it plz help me


thanks in advance

[Yoan]

Hi Pranavi,

Generally, GridViewColumn's footer is of type object. So, there is no problem to add a RadDatePicker to it.

I would suggest you to check this help article for a reference.

Regards,
Yoan
Telerik

[Prashu]

Hi Yoan

 I did Like this 
 <TelerikGrid:GridViewDataColumn  Header="Qty1" MinWidth="100" Width="110"  TextAlignment="Right" DataMemberBinding="{Binding Qty1, Mode=TwoWay}" DataFormatString="{}{0:N2}"  >
       <TelerikGrid:GridViewDataColumn.Footer>
               <Grid>
                              <Grid.RowDefinitions>
                                <RowDefinition Height="20"/>
                                 <RowDefinition Height="20"/>
                                 </Grid.RowDefinitions>
 <telerikInput:RadDatePicker x:Name="dt1" HorizontalAlignment="Center"  SelectedDate="{Binding datTime, Mode=TwoWay}" Margin="11,0,0,0" />
<CheckBox  Height="16" Name="checkBox1"  IsChecked="false" Grid.Row="1" HorizontalAlignment="Center" BorderThickness="0" BorderBrush="White" Background="Transparent" IsEnabled="True" Visibility="Visible"/>
                              </Grid>
                                                     
</TelerikGrid:GridViewDataColumn.Footer>
</TelerikGrid:GridViewDataColumn>

But RadDatePicker is not binding with Date  empty is showing ... i want to display the current Date

[Yoan]

Hello Pranavi,

You can expose your ViewModel as a resource and bind the property as follows:

<UserControl.Resources>
        <my:MyViewModel x:Key="MyViewModel"/>
</UserControl.Resources>
     .
     .
     .

<TelerikGrid:GridViewDataColumn  Header="Qty1" MinWidth="100" Width="110"  TextAlignment="Right" DataMemberBinding="{Binding Qty1, Mode=TwoWay}" DataFormatString="{}{0:N2}"  >
       <TelerikGrid:GridViewDataColumn.Footer>
               <Grid>
                              <Grid.RowDefinitions>
                                <RowDefinition Height="20"/>
                                 <RowDefinition Height="20"/>
                                 </Grid.RowDefinitions>
 <telerikInput:RadDatePicker x:Name="dt1" HorizontalAlignment="Center"  SelectedDate="{Binding datTime, Mode=TwoWay, Source={StaticResource MyViewModel}}" Margin="11,0,0,0" />
<CheckBox  Height="16" Name="checkBox1"  IsChecked="false" Grid.Row="1" HorizontalAlignment="Center" BorderThickness="0" BorderBrush="White" Background="Transparent" IsEnabled="True" Visibility="Visible"/>
                              </Grid>

</TelerikGrid:GridViewDataColumn.Footer>
</TelerikGrid:GridViewDataColumn>

Regards,
Yoan
Telerik

[Prashu]

Hi


How to put increase Footer Row Height .. in footer row i want again two rows so that i need to increase height of the footer 

how to implement