Create an Footer for dock panel

10 posts, 1 answers
  1. gautham
    gautham avatar
    31 posts
    Member since:
    Dec 2008

    Posted 31 Aug 2009 Link to this post

    Hello,


                    I am stuck with following issue.
     I have created an dock panel of pattern:


    <telerikDocking:RadSplitContainer Orientation="Horizontal">

     <telerikDocking:RadPaneGroup>
      <telerikDocking:RadPane>
    <Datagrid Autogenerate column=false/>  ------------------------->*
     </telerikDocking:RadPane>
     </telerikDocking:RadPaneGroup>

     <telerikDocking:RadPaneGroup>
      <telerikDocking:RadPane>
     </telerikDocking:RadPane>
     </telerikDocking:RadPaneGroup>

     <telerikDocking:RadPaneGroup>
      <telerikDocking:RadPane>
     </telerikDocking:RadPane>
     </telerikDocking:RadPaneGroup>

    <telerikDocking:RadSplitContainer>

    1)When I put datagrid *, set the height  and expand /collapse the docking panel my datagrid works fine, but  when I not set the height  datagid does not expand when I expand the dock panel. 

    2)I want to set an general(common)  footer and header  for all telerikdocking panel  pattern shown above and it  atonce .

                                                           Thanks & Regards,
                                                                 Gautham.

  2. Miroslav Nedyalkov
    Admin
    Miroslav Nedyalkov avatar
    1718 posts

    Posted 01 Sep 2009 Link to this post

    Hi gautham,

    1) I weren't able to reproduce the problem - the DataGrid seems to fill the Pane as expected without setting Width and Height. I set its background of the DataGrid to Red to indicate this easier. I'm using the following XAML:
    <telerikDocking:RadDocking> 
        <telerikDocking:RadSplitContainer Orientation="Horizontal"
            <telerikDocking:RadPaneGroup> 
                <telerikDocking:RadPane> 
                    <datagrid:DataGrid AutoGenerateColumns="False" Background="Red" /> 
                </telerikDocking:RadPane> 
            </telerikDocking:RadPaneGroup> 
     
            <telerikDocking:RadPaneGroup> 
                <telerikDocking:RadPane> 
                </telerikDocking:RadPane> 
            </telerikDocking:RadPaneGroup> 
     
            <telerikDocking:RadPaneGroup> 
                <telerikDocking:RadPane> 
                </telerikDocking:RadPane> 
            </telerikDocking:RadPaneGroup> 
     
        </telerikDocking:RadSplitContainer> 
    </telerikDocking:RadDocking> 
    Could you please provide us with a sample that reproduces the problem and could you explain us in more details what is your requirement? This will help us to investigate the problem.

    2) Could you please explain in more details what you mean by footer and header? A screenshot and more detailed explanation would be of great help.

    Regards,
    Miroslav Nedyalkov
    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.
  3. gautham
    gautham avatar
    31 posts
    Member since:
    Dec 2008

    Posted 01 Sep 2009 Link to this post

    Hi Miroslav,

    My first issue was resolved by adding  ScrollViewer.HorizontalScrollBarVisibility="Auto"  in RadSplitContainer. 2nd Issue is that, I want to display some information say Number of Records (summary information) in status bar(thats what i meant by footer) of each RadPane. How can I achive this?

    Also how to define different heights for different panes? If I define height in RadPane, it does not work. I have 3 horizantal RadPanes one below other. It is taking same height for all three.

    Regards,
    Gautham
  4. Miroslav Nedyalkov
    Admin
    Miroslav Nedyalkov avatar
    1718 posts

    Posted 03 Sep 2009 Link to this post

    Hi gautham,

    You cannot set Width and Height directly to the panes (this will result in changing the size of the headers). What you need to is to set the relative size of the RadPaneGroup or RadSplitContainer controls that are in a common RadSplitContainer. You can do that be setting the attached property RelativeSize of the ProportionalStackPanel class. Here is an example of what I mean:
    <telerikDocking:RadSplitContainer InitialPosition="DockedTop"
        <telerikDocking:RadPaneGroup telerikDocking:ProportionalStackPanel.RelativeSize="40, 40"
            <telerikDocking:RadPane x:Name="pane1" Header="A"
                <Button Content="B" /> 
            </telerikDocking:RadPane> 
     
        </telerikDocking:RadPaneGroup> 
     
        <telerikDocking:RadPaneGroup telerikDocking:ProportionalStackPanel.RelativeSize="20, 20"
            <telerikDocking:RadPane Header="d" CanUserClose="False"
                <Button Content="C" /> 
            </telerikDocking:RadPane> 
            <telerikDocking:RadPane Header="e"
                <Button Content="C" /> 
            </telerikDocking:RadPane> 
        </telerikDocking:RadPaneGroup> 
    </telerikDocking:RadSplitContainer> 
     

    As the property says it is not absolute size - it is relative size. This means that the whole width/height of the split container will be divided in such way that will keep the proportion between its children.

    About the other question - you can set footers by changing the ContentTemplate of the Pane. If you want to set footer for all the panes in the Docking control you could create a custom theme for the Docking control and set this data template in it or just create a style and set it to all of your panes. Here is an example for a Style that accomplishes this task:
    <Style TargetType="telerikDocking:RadPane"
        <Setter Property="ContentTemplate"
            <Setter.Value> 
                <DataTemplate> 
                    <Grid> 
                        <Grid.RowDefinitions> 
                            <RowDefinition Height="*" /> 
                            <RowDefinition Height="30" /> 
                        </Grid.RowDefinitions> 
                        <ContentPresenter Content="{Binding}" Grid.Row="0" /> 
                        <StackPanel Grid.Row="1" Background="LightBlue"
                            <TextBlock Text="FOOTER" /> 
                        </StackPanel> 
                    </Grid> 
                </DataTemplate> 
            </Setter.Value> 
        </Setter> 
    </Style> 


    Hope this information helps.

    Regards,
    Miroslav Nedyalkov
    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.
  5. Nikolay
    Admin
    Nikolay avatar
    3997 posts

    Posted 03 Sep 2009 Link to this post

    Hi gautham,

    You cannot set Width and Height directly to the panes (this will result in changing the size of the headers). What you need to is to set the relative size of the RadPaneGroup or RadSplitContainer controls that are in a common RadSplitContainer. You can do that be setting the attached property RelativeSize of the ProportionalStackPanel class. Here is an example of what I mean:
    <telerikDocking:RadSplitContainer InitialPosition="DockedTop"
        <telerikDocking:RadPaneGroup telerikDocking:ProportionalStackPanel.RelativeSize="40, 40"
            <telerikDocking:RadPane x:Name="pane1" Header="A"
                <Button Content="B" /> 
            </telerikDocking:RadPane> 
     
        </telerikDocking:RadPaneGroup> 
     
        <telerikDocking:RadPaneGroup telerikDocking:ProportionalStackPanel.RelativeSize="20, 20"
            <telerikDocking:RadPane Header="d" CanUserClose="False"
                <Button Content="C" /> 
            </telerikDocking:RadPane> 
            <telerikDocking:RadPane Header="e"
                <Button Content="C" /> 
            </telerikDocking:RadPane> 
        </telerikDocking:RadPaneGroup> 
    </telerikDocking:RadSplitContainer> 
     

    As the property says it is not absolute size - it is relative size. This means that the whole width/height of the split container will be divided in such way that will keep the proportion between its children.

    About the other question - you can set footers by changing the ContentTemplate of the Pane. If you want to set footer for all the panes in the Docking control you could create a custom theme for the Docking control and set this data template in it or just create a style and set it to all of your panes. Here is an example for a Style that accomplishes this task:
    <Style TargetType="telerikDocking:RadPane"
        <Setter Property="ContentTemplate"
            <Setter.Value> 
                <DataTemplate> 
                    <Grid> 
                        <Grid.RowDefinitions> 
                            <RowDefinition Height="*" /> 
                            <RowDefinition Height="30" /> 
                        </Grid.RowDefinitions> 
                        <ContentPresenter Content="{Binding}" Grid.Row="0" /> 
                        <StackPanel Grid.Row="1" Background="LightBlue"
                            <TextBlock Text="FOOTER" /> 
                        </StackPanel> 
                    </Grid> 
                </DataTemplate> 
            </Setter.Value> 
        </Setter> 
    </Style> 


    Hope this information helps.

    Regards,
    Nick
    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.
  6. gautham
    gautham avatar
    31 posts
    Member since:
    Dec 2008

    Posted 04 Sep 2009 Link to this post

    Hi Telerik Team,

     

    Thanks for your reply. My first issue has been resolved byyour advise. Refer 2nd issue, i.e. Footer. I have implemented yourcode snippet in xaml, now I get footer working. But it is not displaying thedatagrid which I had put inside pane. It is displaying  Name of the bound view model in place of thedatagrid.  Please advise.

     

    Thanks,

    Gautham

  7. Miroslav Nedyalkov
    Admin
    Miroslav Nedyalkov avatar
    1718 posts

    Posted 04 Sep 2009 Link to this post

    Hello gautham,

    What I suspect is that you set your view model as DataContext of the ContentPresenter somehow (directly or by setting it as DataContext of an element upper in the visual tree). It would be very helpful if you could provide us with the XAML that produces this issue.

    Regards
    Miroslav Nedyalkov
    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.
  8. gautham
    gautham avatar
    31 posts
    Member since:
    Dec 2008

    Posted 07 Sep 2009 Link to this post

    1 Hello Telrik Team, 


    1) "Line number 17-33", Footer targeted on style for RadPane.
    2) "Line number 49", I included a style as( <telerikDocking:RadPane  Style="{StaticResource RadPaneStyle}"...).
    4) When I remove style binding of datagrid present in "line number 51" take place properly, It will not work when I include
    the style, but footer will appear.
    4) But the problem is that I want both: Footer, Datagrid.


    This is my code:

    <
    qsf:Example      
    2     xmlns:qsf="clr-namespace:Telerik.Windows.QuickStart;assembly=Telerik.Windows.QuickStart" 
    3     xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"  
    4     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
    5     xmlns:controls="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls" 
    6     xmlns:data="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls.Data"   
    7      xmlns:telerikDocking ="clr-namespace:Telerik.Windows.Controls;assembly=Telerik.Windows.Controls.Docking" 
    8     xmlns:telerikControl="clr-namespace:Telerik.Windows.Controls;assembly=Telerik.Windows.Controls" 
    9              xmlns:dateControl="clr-namespace:Forte.UI.Controls.DateControl;assembly=Forte.UI.Controls"        
    10     xmlns:converters="clr-namespace:Forte.UI.Infrastructure.Converters;assembly=Forte.UI.Infrastructure" 
    11     xmlns:dataprimitives="clr-namespace:System.Windows.Controls.Primitives;assembly=System.Windows.Controls.Data" xmlns:telerikNavigation="clr-namespace:Telerik.Windows.Controls;assembly=Telerik.Windows.Controls.Navigation" xmlns:Telerik_Windows_Controls_Primitives="clr-namespace:Telerik.Windows.Controls.Primitives;assembly=Telerik.Windows.Controls.Navigation" xmlns:Telerik_Windows_Controls_Primitives1="clr-namespace:Telerik.Windows.Controls.Primitives;assembly=Telerik.Windows.Controls" x:Class="Forte.UI.Modules.Configure.Views.FlightEntryDisplayView"      
    12     > 
    13     <qsf:Example.Resources> 
    14         <converters:EntityToIdConverter x:Key="ComboBoxConverter"/> 
    15         <converters:DateConverter x:Key="dateConverter"/> 
    16         <Style x:Key="RadPaneStyle"  TargetType="telerikDocking:RadPane"
    17             <Setter Property="ContentTemplate"
    18                 <Setter.Value> 
    19                     <DataTemplate> 
    20                         <Grid> 
    21                             <Grid.RowDefinitions> 
    22                                 <RowDefinition Height="*" /> 
    23                                 <RowDefinition Height="30" /> 
    24                             </Grid.RowDefinitions> 
    25                             <ContentPresenter x:Name="ControlPresenter" Content="{Binding}"  Grid.Row="0"/> 
    26                             <StackPanel Grid.Row="1" Background="LightBlue"
    27                                 <TextBlock Text="FOOTER" /> 
    28                             </StackPanel> 
    29                         </Grid> 
    30                     </DataTemplate> 
    31                 </Setter.Value> 
    32             </Setter> 
    33         </Style> 
    34     </qsf:Example.Resources> 
    35      
    36      
    37     <Grid Height="470" Width="1000"
    38      
    39         <Grid.RowDefinitions> 
    40             <RowDefinition Height="10" /> 
    41             <RowDefinition/> 
    42             <RowDefinition Height="40"/> 
    43         </Grid.RowDefinitions> 
    44         <telerikDocking:RadDocking  Grid.Row="1"
    45  
    46  
    47             <telerikDocking:RadSplitContainer  ScrollViewer.HorizontalScrollBarVisibility="Auto" Orientation="Vertical" InitialPosition="DockedLeft"  Height="400"  Width="980"
    48                 <telerikDocking:RadPaneGroup   telerikDocking:ProportionalStackPanel.RelativeSize="40, 40"
    49                     <telerikDocking:RadPane  Style="{StaticResource RadPaneStyle}" Header="Schedule" Title="{Binding Header, Mode=TwoWay}"
    50                         
    51                         <data:DataGrid Grid.Row="0"  x:Name="uxEntityDataGrid"  AutoGenerateColumns="False"  
    52                                    ItemsSource ="{Binding EntityCollection, Mode=TwoWay}"                                
    53                                    SelectedIndex ="{Binding SelectedIndex, Mode=TwoWay}"  
    54                                    SelectedItem="{Binding SelectedItem, Mode=TwoWay}" HorizontalScrollBarVisibility="Visible"  VerticalAlignment="Top"
    55                             <data:DataGrid.Columns> 
    56                                 <data:DataGridTemplateColumn Header="Equip Type"
    57                                     <data:DataGridTemplateColumn.CellTemplate> 
    58                                         <DataTemplate> 
    59                                             <TextBlock  Text="{Binding EquipmentTypeCode}" Style="{StaticResource TextBlockStyle}"/> 
    60                                         </DataTemplate> 
    61                                     </data:DataGridTemplateColumn.CellTemplate> 
    62                                     <data:DataGridTemplateColumn.CellEditingTemplate> 
    63                                         <DataTemplate> 
    64                                             <ComboBox ItemsSource="{Binding EquipmentTypes}" 
    65                                                             x:Name="uxEquipmentTypes"  
    66                                                             DisplayMemberPath="Code"                                         
    67                                                             SelectedItem="{Binding EquipmentTypeId, Converter={StaticResource ComboBoxConverter}, ConverterParameter=EquipmentTypes, Mode=TwoWay}" 
    68                                                             Style="{StaticResource DataGridComboBoxStyle}"/> 
    69                                         </DataTemplate> 
    70                                     </data:DataGridTemplateColumn.CellEditingTemplate> 
    71                                 </data:DataGridTemplateColumn> 
    72  
    73                                 <data:DataGridTemplateColumn Header="Designator"
    74                                     <data:DataGridTemplateColumn.CellTemplate> 
    75                                         <DataTemplate> 
    76                                             <TextBlock  Text="{Binding DesignatorCode}" Style="{StaticResource TextBlockStyle}"/> 
    77                                         </DataTemplate> 
    78                                     </data:DataGridTemplateColumn.CellTemplate> 
    79                                     <data:DataGridTemplateColumn.CellEditingTemplate> 
    80                                         <DataTemplate> 
    81                                             <ComboBox ItemsSource="{Binding Designators}" 
    82                                                             x:Name="uxDesignators"  
    83                                                             DisplayMemberPath="Code"                                         
    84                                                             SelectedItem="{Binding DesignatorId, Converter={StaticResource ComboBoxConverter}, ConverterParameter=Desgnators, Mode=TwoWay}" 
    85                                                             Style="{StaticResource DataGridComboBoxStyle}"/> 
    86                                         </DataTemplate> 
    87                                     </data:DataGridTemplateColumn.CellEditingTemplate> 
    88                                 </data:DataGridTemplateColumn> 
    89  
    90                                 <data:DataGridTextColumn Header="Flight" Binding="{Binding Flight, Mode=TwoWay}" CanUserResize="False" IsReadOnly="True"/> 
    91  
    92                                 <data:DataGridTemplateColumn  Header="Instance Date"
    93                                     <data:DataGridTemplateColumn.CellTemplate> 
    94                                         <DataTemplate> 
    95                                             <TextBlock  x:Name="uxInstanceDate" Text="{Binding To, Converter={StaticResource dateConverter}, ConverterParameter=\{0:d\}, Mode=TwoWay}" Style="{StaticResource TextBlockStyle}"/> 
    96                                         </DataTemplate> 
    97                                     </data:DataGridTemplateColumn.CellTemplate> 
    98                                     <data:DataGridTemplateColumn.CellEditingTemplate> 
    99                                         <DataTemplate> 
    100                                             <controls:DatePicker  x:Name="uxInstanceDate" SelectedDate="{Binding To, Mode=TwoWay}" Style="{StaticResource DatePickerStyle}"/> 
    101                                         </DataTemplate> 
    102                                     </data:DataGridTemplateColumn.CellEditingTemplate> 
    103                                 </data:DataGridTemplateColumn> 
    104  
    105                                 <data:DataGridTemplateColumn  Header="Effective From"
    106                                     <data:DataGridTemplateColumn.CellTemplate> 
    107                                         <DataTemplate> 
    108                                             <TextBlock  x:Name="uxEffectiveFrom" Text="{Binding EffectiveFrom, Converter={StaticResource dateConverter}, Mode=TwoWay}" Style="{StaticResource TextBlockStyle}"/> 
    109                                         </DataTemplate> 
    110                                     </data:DataGridTemplateColumn.CellTemplate> 
    111                                     <data:DataGridTemplateColumn.CellEditingTemplate> 
    112                                         <DataTemplate> 
    113                                             <controls:DatePicker  x:Name="uxEffectiveFrom" SelectedDate="{Binding EffectiveFrom, Mode=TwoWay}" Style="{StaticResource DatePickerStyle}"/> 
    114                                         </DataTemplate> 
    115                                     </data:DataGridTemplateColumn.CellEditingTemplate> 
    116                                 </data:DataGridTemplateColumn> 
    117  
    118                                 <data:DataGridTemplateColumn  Header="Effective To"
    119                                     <data:DataGridTemplateColumn.CellTemplate> 
    120                                         <DataTemplate> 
    121                                             <TextBlock  x:Name="uxEffectiveTo" Text="{Binding EffectiveTo, Converter={StaticResource dateConverter}, Mode=TwoWay}" Style="{StaticResource TextBlockStyle}"/> 
    122                                         </DataTemplate> 
    123                                     </data:DataGridTemplateColumn.CellTemplate> 
    124                                     <data:DataGridTemplateColumn.CellEditingTemplate> 
    125                                         <DataTemplate> 
    126                                             <controls:DatePicker  x:Name="uxEffectiveTo" SelectedDate="{Binding EffectiveTo, Mode=TwoWay}" Style="{StaticResource DatePickerStyle}"/> 
    127                                         </DataTemplate> 
    128                                     </data:DataGridTemplateColumn.CellEditingTemplate> 
    129                                 </data:DataGridTemplateColumn> 
    130  
    131                                 <data:DataGridTemplateColumn Header="Route"
    132                                     <data:DataGridTemplateColumn.CellTemplate> 
    133                                         <DataTemplate> 
    134                                             <TextBlock x:Name="uxRoute" Text="{Binding RouteName}" Style="{StaticResource TextBlockStyle}"/> 
    135                                         </DataTemplate> 
    136                                     </data:DataGridTemplateColumn.CellTemplate> 
    137                                     <data:DataGridTemplateColumn.CellEditingTemplate> 
    138                                         <DataTemplate> 
    139                                             <ComboBox ItemsSource="{Binding Routes}" 
    140                                                             x:Name="uxRoutes"  
    141                                                             DisplayMemberPath="Name"                                         
    142                                                             SelectedItem="{Binding RouteId, Converter={StaticResource ComboBoxConverter}, ConverterParameter=Routes, Mode=TwoWay}" 
    143                                                             Style="{StaticResource DataGridComboBoxStyle}"/> 
    144                                         </DataTemplate> 
    145                                     </data:DataGridTemplateColumn.CellEditingTemplate> 
    146                                 </data:DataGridTemplateColumn> 
    147                                 <data:DataGridTextColumn Header="STD"  x:Name ="uxSTD" Binding="{Binding DepartureScheduledTime, Mode=TwoWay}" CanUserResize="False" IsReadOnly="True"/> 
    148                                 <data:DataGridTextColumn Header="STA"  x:Name="uxSTA" Binding="{Binding ArrivalScheduledTime, Mode=TwoWay}" CanUserResize="False" IsReadOnly="True"/> 
    149                                 <data:DataGridTemplateColumn  x:Name="uxDow" Header="Days of week" > 
    150                                     <data:DataGridTemplateColumn.HeaderStyle> 
    151                                         <Style TargetType="dataprimitives:DataGridColumnHeader"
    152                                             <Setter Property="Template"
    153                                                 <Setter.Value> 
    154                                                     <ControlTemplate TargetType="dataprimitives:DataGridColumnHeader"
    155                                                         <Grid Margin="3" > 
    156                                                             <Grid.RowDefinitions> 
    157                                                                 <RowDefinition Height="auto"/> 
    158                                                                 <RowDefinition Height="auto"/> 
    159                                                             </Grid.RowDefinitions> 
    160                                                             <TextBlock Grid.Row="0"  Text="Days Of Week" Style="{StaticResource TextBlockStyle}" HorizontalAlignment="Center" VerticalAlignment="Center"/> 
    161                                                             <Grid MaxHeight="20" Grid.Row="1"
    162                                                                 <Grid.ColumnDefinitions> 
    163                                                                     <ColumnDefinition Width="23"/> 
    164                                                                     <ColumnDefinition Width="23"/> 
    165                                                                     <ColumnDefinition Width="23"/> 
    166                                                                     <ColumnDefinition Width="23"/> 
    167                                                                     <ColumnDefinition Width="23"/> 
    168                                                                     <ColumnDefinition Width="23"/> 
    169                                                                     <ColumnDefinition Width="23"/> 
    170                                                                 </Grid.ColumnDefinitions> 
    171  
    172                                                                 <TextBlock Grid.Column="0" Text="S" Style="{StaticResource TextBlockStyle}"  HorizontalAlignment="Center"  VerticalAlignment="Center"/> 
    173                                                                 <TextBlock Grid.Column="1" Text="M" Style="{StaticResource TextBlockStyle}" HorizontalAlignment="Center" VerticalAlignment="Center"/> 
    174                                                                 <TextBlock Grid.Column="2" Text="T" Style="{StaticResource TextBlockStyle}" HorizontalAlignment="Center" VerticalAlignment="Center"/> 
    175                                                                 <TextBlock Grid.Column="3" Text="W" Style="{StaticResource TextBlockStyle}" HorizontalAlignment="Center" VerticalAlignment="Center"/> 
    176                                                                 <TextBlock Grid.Column="4"  Text="T" Style="{StaticResource TextBlockStyle}" HorizontalAlignment="Center" VerticalAlignment="Center"/> 
    177                                                                 <TextBlock Grid.Column="5"  Text="F" Style="{StaticResource TextBlockStyle}" HorizontalAlignment="Center" VerticalAlignment="Center"/> 
    178                                                                 <TextBlock  Grid.Column="6" Text="S" Style="{StaticResource TextBlockStyle}" HorizontalAlignment="Center" VerticalAlignment="Center"/> 
    179  
    180                                                             </Grid> 
    181                                                         </Grid> 
    182                                                     </ControlTemplate> 
    183                                                 </Setter.Value> 
    184                                             </Setter> 
    185                                         </Style> 
    186                                     </data:DataGridTemplateColumn.HeaderStyle> 
    187                                     <data:DataGridTemplateColumn.CellTemplate> 
    188                                         <DataTemplate> 
    189  
    190                                             <dateControl:DateControl  x:Name="Dob" SundayCheckBoxValue="{Binding SundayOperation, Mode=TwoWay}"  MondayCheckBoxValue="{Binding MondayOperation, Mode=TwoWay}" TuesdayCheckBoxValue="{Binding TuesdayOperation, Mode=TwoWay}" WednesdayCheckBoxValue="{Binding WednesdayOperation, Mode=TwoWay}" ThursdayCheckBoxValue="{Binding ThursdayOperation, Mode=TwoWay}" FridayCheckBoxValue="{Binding FridayOperation, Mode=TwoWay}" SaturdayCheckBoxValue="{Binding SaturdayOperation, Mode=TwoWay}"/> 
    191                                         </DataTemplate> 
    192                                     </data:DataGridTemplateColumn.CellTemplate> 
    193  
    194                                 </data:DataGridTemplateColumn> 
    195  
    196  
    197                                 <data:DataGridTextColumn Header="OnwardFlight"  x:Name="uxOnwordFlight" MinWidth="120" MaxWidth="120" Binding="{Binding NextFlightId}" CanUserResize="False" IsReadOnly="True"/> 
    198                                 <data:DataGridTemplateColumn> 
    199                                     <data:DataGridTemplateColumn.CellTemplate> 
    200                                         <DataTemplate> 
    201                                             <HyperlinkButton Content="Add another flight to sequence" MinWidth="150" Foreground="Maroon"/> 
    202                                         </DataTemplate> 
    203                                     </data:DataGridTemplateColumn.CellTemplate> 
    204                                 </data:DataGridTemplateColumn> 
    205                                 <data:DataGridTemplateColumn> 
    206                                     <data:DataGridTemplateColumn.CellTemplate> 
    207                                         <DataTemplate> 
    208                                             <HyperlinkButton Content="View flight information" MinWidth="150" Foreground="Maroon"/> 
    209                                         </DataTemplate> 
    210                                     </data:DataGridTemplateColumn.CellTemplate> 
    211                                 </data:DataGridTemplateColumn> 
    212                             </data:DataGrid.Columns> 
    213                         </data:DataGrid> 
    214                     </telerikDocking:RadPane> 
    215                 </telerikDocking:RadPaneGroup> 
    216                 <telerikDocking:RadPaneGroup telerikDocking:ProportionalStackPanel.RelativeSize="20, 20"
    217                     <telerikDocking:RadPane Header="GanttChart" Title=""/> 
    218                 </telerikDocking:RadPaneGroup> 
    219                 <telerikDocking:RadPaneGroup telerikDocking:ProportionalStackPanel.RelativeSize="20, 20"
    220                     <telerikDocking:RadPane  Header="PlayPen" Title=""/> 
    221                 </telerikDocking:RadPaneGroup> 
    222             </telerikDocking:RadSplitContainer> 
    223  
    224         </telerikDocking:RadDocking> 
    225         <telerikControl:HeaderedContentControl Grid.Row="2"
    226             <Border  BorderBrush="Black" BorderThickness="3"
    227                 <TextBlock  TextWrapping="Wrap"  Text="{Binding Path=Footer, Mode=OneWay}"/> 
    228             </Border> 
    229         </telerikControl:HeaderedContentControl> 
    230  
    231  
    232     </Grid> 
    233 </qsf:Example> 

                                      Thankyou for your kind help,
    Your's,
    Gautham.


  9. Answer
    Miroslav Nedyalkov
    Admin
    Miroslav Nedyalkov avatar
    1718 posts

    Posted 07 Sep 2009 Link to this post

    Hi gautham,

    I found out that this won't work if you have visual element as content. I apologize for the caused inconvenience. The attached project accomplishes the task. It uses additional ContentControl with custom ControlTemplate that will display both the content and the footer.

    Hope this helps.

    Kind regards,
    Miroslav Nedyalkov
    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.
  10. gautham
    gautham avatar
    31 posts
    Member since:
    Dec 2008

    Posted 07 Sep 2009 Link to this post

    Hello Telerik Team,

               Thanks for your support. It's working.

                 your's Gautham.
Back to Top