Tuesday 29 May 2012

Hide Tab Header


private void HideTabHeader()
        {
            Dispatcher.BeginInvoke(new Action(() =>
            {
                var root = VisualTreeHelper.GetChild(this.tabControlName, 0) as FrameworkElement;
                var headerElement = root.FindName("HeaderDockedElement") as UIElement;
                headerElement.Visibility = System.Windows.Visibility.Collapsed;
            }), System.Windows.Threading.DispatcherPriority.ApplicationIdle);
        }

Multi-line, Editable, Spell Check and Max Length Enable Data Grid Cell (Allow Enter function in Grid Cell) - Telerik

To implement above requirement , can add Text Box Control to GridViewDataColumn


<telerik:RadGridView Name="rgvMessage"
                             Margin="0,10,0,0"
                             VerticalAlignment="Stretch"
                             HorizontalAlignment="Stretch"
                             ShowGroupPanel="False"  
                             AutoGenerateColumns="False"
                             Height="Auto"                                                                                                                   
                             SelectionUnit="Cell"
                             SelectionMode="Single"
                             Grid.Row="2"
                             Grid.ColumnSpan="2">

                <telerik:RadGridView.Columns>
                   
                    <telerik:GridViewDataColumn Header="UserMessage"
                                                                                                   
                                DataMemberBinding ="{Binding UserMessage,Mode=TwoWay}" 
                                            IsReadOnly="False"
                                            Width="*">

                        <telerik:GridViewDataColumn.CellEditTemplate>
                            <DataTemplate>
<TextBox      Text="{Binding UserMessage,Mode=TwoWay}"
AcceptsReturn="True"
MaxLength="{Binding MaxLength}"
SpellCheck.IsEnabled="True"/>
                            </DataTemplate>
                        </telerik:GridViewDataColumn.CellEditTemplate>
                    </telerik:GridViewDataColumn>                   

                </telerik:RadGridView.Columns>

            </telerik:RadGridView>

Monday 28 May 2012

WPF Controls Slide out-then-in effect



Please Refer Above Document Outline. here i am using Border as a container ,
Ex:


<telerik:RadTabItem Name="PassPreviewTab"
                                Padding="4 1"
                                DropDownContent="Find Record">
                <telerik:RadTabItem.Content>
                    <Border Name="PassPreviewBorder"
                            BorderBrush="White"
                            BorderThickness="1"
                            Margin="10"
                            VerticalAlignment="Stretch"
                            HorizontalAlignment="Stretch"
                            Background="#FFE0F1F8"
                            CornerRadius="10">
                        <Border.Effect>
                            <DropShadowEffect Direction="150" Opacity="0.21" Color="#FF0C0C0C"/>
                        </Border.Effect>

                        <Border.Child>
                            <Grid>
                               // To Do : Add any controls
                            </Grid>
                        </Border.Child>
                    </Border>
                </telerik:RadTabItem.Content>
            </telerik:RadTabItem>

---------------------------------------------------------------------------------------------------------------
Code :


<UserControl.Resources>

        <Storyboard x:Key="SlideIn" >
            <ThicknessAnimation Duration="0:0:.75" Storyboard.TargetProperty="Margin" From="500,0,-500,0" To="0" DecelerationRatio=".9" />
        </Storyboard>

        <Storyboard x:Key="SlideOut">
            <ThicknessAnimation Duration="0:0:.5" Storyboard.TargetProperty="Margin" To="-500,0,500,0" AccelerationRatio=".9"/>
        </Storyboard>

    </UserControl.Resources>

----------------------------------------------------------------------------------------

Code for Slide In Effect for the Border

Storyboard storyboard = Resources["SlideIn"] as Storyboard;
storyboard.Begin(PassPreviewBorder);