Telerik Forums
UI for WPF Forum
1 answer
109 views
Hi All,

I'm testing your WPF grid and would like to measure Filtering operation for my needs.
But I cannot find appropriate client events, something as:

RecordFilteringChanged
RecordFilteringDropDownOpen
RecordFilteringDropDownPopulated

Could you give me way to do that?

Grego


Valeri Hristov
Telerik team
 answered on 23 Feb 2009
1 answer
179 views

Hello.

I am trying RadSlider control and found this small problem:
I have on my container (Canvas) except RadSlider control also Button (or some other control that can have keyboard focus).

By default RadSlider has Focusable property set to true and when it has keyboard focus it also reacts on arrow keys.

Problem is that when I press and release arrow key it starts to move selection on slider but don’t stop with it (like when arrow key would be pressed forever).

I think the reason is that with arrow keys keyboard focus is moved to my button and I believe slider receives keydown event but don’t get keyup because it is already received by button. As KeyboardNavigation is by default set to Cycle keyboard focus with arrows.

For me this makes no problem because I don’t need this feature and so I set Focusable property on slider to false but I wanted to mention it.

Best regards,
Michal

Bobi
Telerik team
 answered on 23 Feb 2009
2 answers
126 views
Hello,

Is it possible to put tooltips on the bars of a bar chart and have the tooltip display the text in the x-axis tick point? 

Currently I'm using code similar to this post to add labels to the x-axis tick points and sometimes the value is too big and gets cut off.  I would like to have the same value that I'm using in the tick point label to also be displayed in a tooltip when I hover over a bar.

Thanks,

Joel 
JP
Top achievements
Rank 1
 answered on 23 Feb 2009
7 answers
137 views
Hi,
I have created WAP Browser Application. Set Itemsource property to datatable.

<StackPanel Grid.Row="0" Orientation="Horizontal" VerticalAlignment="Center" >
                                    <Label Content="Name: " Foreground="#ff8FB3FF" FontSize="12"/>
                                    <Label Content="{Binding Path=Data.FirstName}" Foreground="#ff8FB3FF" FontSize="12" />                                    
                                </StackPanel>


FirstName is the field in datatable.

when I run this application i could see only  carousel items with first lable moving but not data is present(FirstName). but number of items are the number of rows in the datatable.

 



Vandana
Top achievements
Rank 1
 answered on 23 Feb 2009
2 answers
129 views
Hi,
I have created grid with the following column style
<Telerik:GridViewDataColumn HeaderText="Comment" IsFilterable="False" UniqueName="Comment" DataMemberPath="InnerValue" Width="*"
                    <Telerik:GridViewDataColumn.CellStyle> 
                        <Style TargetType="{x:Type Telerik:GridViewCell}"
                            <EventSetter Event="EditEnded" Handler="Comment_EditEnded"/> 
                            <EventSetter Event="MouseUp" Handler="Cell_MouseUp" /> 
                            <Setter Property="IsEnabled" Value="{Binding Path=IsSelected}"/> 
                            <Setter Property="Template"
                                <Setter.Value> 
                                    <ControlTemplate TargetType="{x:Type Telerik:GridViewCell}"
                                        <ctlPanel:ColumnWrapPanel> 
                                            <TextBlock TextWrapping="Wrap" TextTrimming="None" Text="{TemplateBinding Content}"/> 
                                        </ctlPanel:ColumnWrapPanel> 
                                    </ControlTemplate> 
                                </Setter.Value> 
                            </Setter> 
                            <Style.Triggers> 
                                <Trigger Property="IsInEditMode" Value="True"
                                    <Setter Property="Template"
                                        <Setter.Value> 
                                            <ControlTemplate TargetType="{x:Type Telerik:GridViewCell}"
                                                <ctlPanel:ColumnWrapPanel> 
                                                    <TextBox Name="txt" Height="auto" TextWrapping="Wrap" Margin="2,2,2,2"  Foreground="Black" 
                                                            Text="{TemplateBinding Content}"/> 
                                                </ctlPanel:ColumnWrapPanel> 
                                            </ControlTemplate> 
                                        </Setter.Value> 
                                    </Setter> 
                                </Trigger> 
                            </Style.Triggers> 
                        </Style> 
                    </Telerik:GridViewDataColumn.CellStyle> 
                </Telerik:GridViewDataColumn> 

when i finish editing, the e.NewValue in Comment_EditEnded event still shows the old value..am I missing something?
Thanks,
Tal

Tal
Top achievements
Rank 1
 answered on 23 Feb 2009
2 answers
386 views
I need to set programmatically the scroll of a GridView by code.

I can set the value of the scrollbars of my GridView by code. Unfortunatly the content of the grid doesn't scroll automatically if I change the value of the scrollbar.

Here the code to obtain and set the value of the scrollbars of your GridView:

GridViewItemsControl gridViewItemsControl = (GridViewItemsControl)RadGridView1.Template.FindName("PART_RootItemsControl", RadGridView1);

GridViewScrollViewer scrollviewer = (GridViewScrollViewer)gridViewItemsControl.Template.FindName("PART_ItemsScrollViewer", gridViewItemsControl);

ScrollBar verticalscrollbar = (ScrollBar)scrollviewer.Template.FindName("PART_VerticalScrollBar", scrollviewer);
ScrollBar horizontalscrollbar = (ScrollBar)scrollviewer.Template.FindName("PART_HorizontalScrollBar", scrollviewer);

horizontalscrollbar.Value = horizontalscrollbar.Maximum;
verticalscrollbar.Value = verticalscrollbar.Maximum;

Now how can I set the vertical/horizontal offset of the GridView 's content ?

Thanks,
Davide
dav
Top achievements
Rank 1
 answered on 23 Feb 2009
3 answers
172 views
Hi,
I am createing WAP Browser Application to use RadCarousel, in which I am binding data to RadCarousel with datatable. When I run this xbap it doesnt show any error. but not showing data in CaruselItems.
can you please tell me what I am missing here?
my code is

<Page x:Class="WPFBrowserApplication.Page1"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:telerik="http://schemas.telerik.com/2008/xaml/presentation"
    xmlns:carousel="clr-namespace:Telerik.Windows.Controls.Carousel;assembly=Telerik.Windows.Controls.Navigation"
    Title="Page1">
    <Grid>
        <Grid.Resources>
            <carousel:ArithmeticValueConverter x:Key="ArithmeticValueConverter" />

            <Style TargetType="{x:Type telerik:CarouselItem}">
                <Setter Property="Template" >
                    <Setter.Value>
                        <ControlTemplate TargetType="{x:Type telerik:CarouselItem}">
                            <Grid  ClipToBounds="False" Height="175" Width="150" >
                                <Border RenderTransformOrigin="0.5, 1" ClipToBounds="False" Width="{Binding ElementName=CarouselItemInnerGrid, Path=ActualWidth}"                        
                            Opacity="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=ReflectionSettings.Opacity}"
                            Visibility="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=ReflectionSettings.Visibility}"
                            BorderBrush="White"
                            BorderThickness="0">
                                    <Border.RenderTransform>
                                        <TransformGroup>
                                            <ScaleTransform
                                        ScaleX="{Binding RelativeSource={RelativeSource TemplatedParent},
                                                        Path=ReflectionSettings.WidthOffset,
                                                        Converter={StaticResource ArithmeticValueConverter},
                                                        ConverterParameter=1}"
                                        ScaleY="{Binding RelativeSource={RelativeSource TemplatedParent},
                                                        Path=ReflectionSettings.HeightOffset,
                                                        Converter={StaticResource ArithmeticValueConverter},
                                                        ConverterParameter=-1}"
                                        CenterY="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=ReflectionSettings.OffsetY}" />
                                            <TranslateTransform X="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=ReflectionSettings.OffsetX}" />
                                            <SkewTransform AngleX="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=ReflectionSettings.Angle}" />
                                        </TransformGroup>

                                    </Border.RenderTransform>
                                    <Border.OpacityMask>
                                        <LinearGradientBrush StartPoint="0,0" EndPoint="0,1">
                                            <LinearGradientBrush.GradientStops>
                                                <GradientStop Offset="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=ReflectionSettings.HiddenPercentage}" Color="Transparent"/>
                                                <GradientStop Offset="1" Color="Black"/>
                                            </LinearGradientBrush.GradientStops>
                                        </LinearGradientBrush>
                                    </Border.OpacityMask>
                                    <Border.Background>
                                        <VisualBrush Visual="{Binding ElementName=CarouselItemInnerGrid}">
                                        </VisualBrush>
                                    </Border.Background>

                                </Border>

                                <Grid x:Name="CarouselItemInnerGrid">
                                    <Border x:Name="CarouselItemMainBorder" Opacity="0.5" BorderBrush="#FF91B3FF" BorderThickness="1,1,1,1" CornerRadius="5,5,5,5" SnapsToDevicePixels="True">
                                        <Border.Background>
                                            <LinearGradientBrush EndPoint="108,472" StartPoint="108,23" MappingMode="Absolute">
                                                <GradientStop Color="#FF2C3A68" Offset="0"/>
                                                <GradientStop Color="#FF000000" Offset="1"/>
                                                <GradientStop Color="#FF0F224C" Offset="0.045"/>
                                                <GradientStop Color="#FF000000" Offset="0.0451"/>
                                            </LinearGradientBrush>
                                        </Border.Background>
                                    </Border>
                                    <Border Opacity="1" BorderBrush="#3F000000" BorderThickness="1,1,1,1" CornerRadius="5,5,5,5" Margin="10,10,10,10" x:Name="CarouselItemInnerBorder" SnapsToDevicePixels="True">
                                        <Border.Background>
                                            <LinearGradientBrush EndPoint="101,462" StartPoint="101,13" MappingMode="Absolute">
                                                <GradientStop Color="#FF2C3A68" Offset="0"/>
                                                <GradientStop Color="#FF000000" Offset="1"/>
                                                <GradientStop Color="#FF0F224C" Offset="0.045"/>
                                                <GradientStop Color="#FF000000" Offset="0.0451"/>
                                            </LinearGradientBrush>
                                        </Border.Background>
                                        <ContentPresenter IsHitTestVisible="True" />
                                        <Border.Triggers>

                                        </Border.Triggers>
                                    </Border>
                                </Grid>
                            </Grid>

                            <ControlTemplate.Triggers>
                                <MultiTrigger>
                                    <MultiTrigger.Conditions>
                                        <Condition Property="IsSelected" Value="False" />
                                        <Condition Property="IsMouseOver" Value="True" />
                                    </MultiTrigger.Conditions>
                                    <MultiTrigger.EnterActions>
                                        <BeginStoryboard>
                                            <Storyboard >
                                                <ColorAnimation Storyboard.TargetName="CarouselItemMainBorder" Storyboard.TargetProperty="Background.GradientStops[0].Color" To="#FF344B97" Duration="0:0:0.3" />
                                                <ColorAnimation  Storyboard.TargetName="CarouselItemMainBorder" Storyboard.TargetProperty="Background.GradientStops[2].Color" To="#FF233F7E" Duration="0:0:0.3" />
                                                <ColorAnimation Storyboard.TargetName="CarouselItemInnerBorder" Storyboard.TargetProperty="Background.GradientStops[0].Color" To="#FF344B97" Duration="0:0:0.3" />
                                                <ColorAnimation Storyboard.TargetName="CarouselItemInnerBorder" Storyboard.TargetProperty="Background.GradientStops[2].Color" To="#FF233F7E" Duration="0:0:0.3" />
                                            </Storyboard>
                                        </BeginStoryboard>

                                    </MultiTrigger.EnterActions>
                                    <MultiTrigger.ExitActions>
                                        <BeginStoryboard>
                                            <Storyboard FillBehavior="Stop" >
                                                <ColorAnimation Storyboard.TargetName="CarouselItemMainBorder" Storyboard.TargetProperty="Background.GradientStops[0].Color" To="#FF2C3A68" Duration="0:0:0.3" />
                                                <ColorAnimation Storyboard.TargetName="CarouselItemMainBorder" Storyboard.TargetProperty="Background.GradientStops[2].Color" To="#FF0F224C" Duration="0:0:0.3" />
                                                <ColorAnimation Storyboard.TargetName="CarouselItemInnerBorder" Storyboard.TargetProperty="Background.GradientStops[0].Color" To="#FF2C3A68" Duration="0:0:0.3" />
                                                <ColorAnimation Storyboard.TargetName="CarouselItemInnerBorder" Storyboard.TargetProperty="Background.GradientStops[2].Color" To="#FF0F224C" Duration="0:0:0.3" />
                                            </Storyboard>
                                        </BeginStoryboard>
                                    </MultiTrigger.ExitActions>
                                    
                                </MultiTrigger>

                                <Trigger Property="IsSelected" Value="True" >
                                    <Setter TargetName="CarouselItemMainBorder" Property="Background">
                                        <Setter.Value>
                                            <LinearGradientBrush EndPoint="108,472" StartPoint="108,23" MappingMode="Absolute">
                                                <GradientStop Color="#FF344B97" Offset="0"/>
                                                <GradientStop Color="#FF000000" Offset="1"/>
                                                <GradientStop Color="#FF233F7E" Offset="0.045"/>
                                                <GradientStop Color="#FF000000" Offset="0.0451"/>
                                            </LinearGradientBrush>
                                        </Setter.Value>
                                    </Setter>
                                    <Setter TargetName="CarouselItemInnerBorder" Property="Background">
                                        <Setter.Value>
                                            <LinearGradientBrush  EndPoint="101,462" StartPoint="101,13" MappingMode="Absolute">
                                                <GradientStop Color="#FF344B97" Offset="0"/>
                                                <GradientStop Color="#FF000000" Offset="1"/>
                                                <GradientStop Color="#FF233F7E" Offset="0.045"/>
                                                <GradientStop Color="#FF000000" Offset="0.0451"/>
                                            </LinearGradientBrush>
                                        </Setter.Value>
                                    </Setter>
                                </Trigger>

                            </ControlTemplate.Triggers>
                        </ControlTemplate>
                    </Setter.Value>
                </Setter>
            </Style>

            <Style TargetType="{x:Type telerik:CarouselDataRecordPresenter}">
                <Setter Property="Template">
                    <Setter.Value>
                        <ControlTemplate TargetType="{x:Type telerik:CarouselDataRecordPresenter}">
                            <Grid IsHitTestVisible="False" HorizontalAlignment="Stretch" VerticalAlignment="Stretch">
                                <Grid.RowDefinitions>
                                    <RowDefinition Height="30" />
                                    <RowDefinition Height="100" />
                                    <RowDefinition Height="Auto" />
                                </Grid.RowDefinitions>
                                <StackPanel Grid.Row="0" Orientation="Horizontal" VerticalAlignment="Center" >
                                    <Label Content="Name: " Foreground="#ff8FB3FF" FontSize="12"/>
                                    <Label Content="{Binding Path=Data.FirstName}" Foreground="#ff8FB3FF" FontSize="12" />                                    
                                </StackPanel>
                                <Rectangle Grid.Row="1" RadiusX="3" RadiusY="3" Width="110" Height="80">
                                    <!--
                                    <Rectangle.Fill>    
                                         <ImageBrush x:Name="brush" ImageSource="{Binding Path=Data.Picture}"/>
                                    </Rectangle.Fill>
                                    -->
                                </Rectangle>
                                <StackPanel Grid.Row="2"  Orientation="Horizontal" VerticalAlignment="Center">
                                    <Label Content="Phone: " Foreground="#ff8FB3FF" FontSize="12"/>
                                    <Label Content="{Binding Path=Data.Phone}" FontSize="12" Foreground="#ff8FB3FF"/>
                                </StackPanel>
                            </Grid>
                        </ControlTemplate>
                    </Setter.Value>
                </Setter>
            </Style>
        </Grid.Resources>
        
        <telerik:RadCarousel x:Name="sampleRadCarousel" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" />
    </Grid>
</Page>



and my datatable is like


public DataTable getData()
        {
            DataTable dt = new DataTable();
            DataSet ds = new DataSet();
            dt.Columns.Add("ID", Type.GetType("System.Int32"));
            dt.Columns.Add("FirstName", Type.GetType("System.String"));
            dt.Columns.Add("LastName", Type.GetType("System.String"));
            dt.Columns.Add("Phone", Type.GetType("System.String"));
            dt.Columns.Add("Picture");
            
            try
            {
                DataRow dr = dt.NewRow();
                dr["ID"] = 46;
                dr["FirstName"] = "Ana";
                dr["LastName"] = "Trujillo";
                dr["Phone"] = "6562-9722";
                dr["Picture"] = pic code here
                dt.Rows.Add(dr);
                dt.AcceptChanges();
                dr = dt.NewRow();
                dr["ID"] = 47;
                dr["FirstName"] = "Ana";
                dr["LastName"] = "Trujillo";
                dr["Phone"] = "6562-9722";
               dr["Picture"] = pic code here
                dt.Rows.Add(dr);
                dt.AcceptChanges();
            }
            catch(Exception ex)
            {

            }

            return dt;
        }


I could see blank item in RadCarousel at runtime








Milan
Telerik team
 answered on 23 Feb 2009
1 answer
133 views
i'm sure this information is already out there but I can find anything on this topic.  How do you change the style of the datepicker?  With the asp.net rad controls there was a little arrow next to the control where you can change the look and feel of the control.  I guess this doesn't exist for the wpf controls?  Basically what I am looking for is a good resource on how to change the look and feel of the datepicker.
Hristo
Telerik team
 answered on 23 Feb 2009
2 answers
189 views
Hi all,

Excuse for my poor english, i'm a french user. We planned to buy Telerik WPF components to use them in our VS 2008 projects, but i need to check first if they're fully compatible with my actual code.

I followed an article from Code Project, using theViewModelPattern to feed my treeview. That's ok with the basic treeview from vs 2008, but the basic treeview doesn't implement Drag and drop operations, so i have to test yours. I would like to use your treeview instead of microsoft one but without rewriting my code behind and classes, just by rewriting my xaml.I have tried a lot of thing but i couldn't manage to plug my actual code with your treeview.

My "classic" code working with microsoft treeview:

<UserControl  
  x:Class="Window2" 
  xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
  xmlns:local="clr-namespace:XXX.XXX.LoadOnDemand" Background="Transparent"
    <DockPanel> 
        <TextBlock DockPanel.Dock="Bottom" TextWrapping="Wrap" FontSize="12"
        
            <Image Source="/XXX;component/LoadOnDemand/Images/logo.png" Height="120" Width="160"></Image> 
        </TextBlock> 
         
        <TreeView ItemsSource="{Binding Regions}" Background="Transparent" BorderThickness="0" x:Name="MonTreeview"
              
            <TreeView.ItemContainerStyle> 
                <!-- 
        This Style binds a TreeViewItem to a TreeViewItemViewModel. 
        --> 
                <Style TargetType="{x:Type TreeViewItem}"
                    <Setter Property="IsExpanded" Value="{Binding IsExpanded, Mode=TwoWay}" /> 
                    <Setter Property="IsSelected" Value="{Binding IsSelected, Mode=TwoWay}" /> 
                    <Setter Property="FontWeight" Value="Normal" /> 
                    <Style.Triggers> 
                        <Trigger Property="IsSelected" Value="True"
                            <Setter Property="FontWeight" Value="Bold" /> 
                        </Trigger> 
                    </Style.Triggers> 
                </Style> 
            </TreeView.ItemContainerStyle> 
 
            <TreeView.Resources> 
                <HierarchicalDataTemplate  
          DataType="{x:Type local:affaireModel}"  
          ItemsSource="{Binding Children}" 
          > 
                    <StackPanel Orientation="Horizontal"
                        <Image Width="16" Height="16" Margin="3,0" Source="Images\Region.png" /> 
                        <TextBlock Text="{Binding AffaireName}" /> 
                    </StackPanel> 
                </HierarchicalDataTemplate> 
 
                <HierarchicalDataTemplate  
          DataType="{x:Type local:StateViewModel}"  
          ItemsSource="{Binding Children}" 
          > 
                    <StackPanel Orientation="Horizontal"
                        <Image Width="16" Height="16" Margin="3,0" Source="Images\State.png" /> 
                        <TextBlock Text="{Binding ChapitreAffaireName}" /> 
                    </StackPanel> 
                </HierarchicalDataTemplate> 
 
                <DataTemplate DataType="{x:Type local:maTacheModel}"
                    <StackPanel Orientation="Horizontal"
                        <Image Width="16" Height="16" Margin="3,0" Source="Images\City.png" /> 
                        <TextBlock Text="{Binding TacheName}" /> 
                    </StackPanel> 
                </DataTemplate> 
            </TreeView.Resources> 
        </TreeView> 
        <Label Height="66" Name="Label1" Width="149">Label</Label> 
    </DockPanel> 
</UserControl> 
 

Is it possible for me to use your treeview just by rewriting my xaml, without changing any of my classes?


Thanks for your reply. I've already try the carousel component and the grid view too, i'm fully satisfied.
LAURIO
Top achievements
Rank 2
 answered on 23 Feb 2009
6 answers
180 views
Hi,

We have download and installed sample exe for WPF application.
It has created some sample application in C:\ProgramFiles\Telerik...

Now when you copy and paste the code from your examples, its not running and giving error.

So Can you please tell me how to use run your sample examples.

I get the error at line
        <telerik:RadCarousel 

Error is : The element grid in namespace http://schemas.microsoft.com/winfx/2006/xaml/presentation
has invalid child element RadCarousel in namepace http://schemas.microsoft.com/winfx/2006/xaml/ list of possible elements expexted..... 

This is my Code

<QuickStart:ExampleControl x:Class="Telerik.Windows.Examples.Carousel.BringIntoView.Example" 
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
    xmlns:QuickStart="clr-namespace:Telerik.Windows.QuickStart;assembly=Telerik.Windows.QuickStart" 
    xmlns:telerik="http://schemas.telerik.com/2008/xaml/presentation" 
    xmlns:e="clr-namespace:Telerik.Windows.Examples">  
    <QuickStart:ExampleControl.Resources> 
        <ObjectDataProvider x:Key="objectDataProvider" ObjectType="{x:Type e:ExamplesDB}" MethodName="GetAddressBookSimple" /> 
    </QuickStart:ExampleControl.Resources> 
    <Grid> 
        <telerik:RadCarousel Name="radCarousel" DataContext="{StaticResource objectDataProvider}" ItemsSource="{Binding}"/>  
      
    </Grid> 
    <QuickStart:ExampleControl.TopRightPanel> 
        <StackPanel> 
            <TextBlock Text="Locate contact" /> 
            <ComboBox DisplayMemberPath="FirstName" DataContext="{StaticResource objectDataProvider}"   
                      ItemsSource="{Binding}" HorizontalAlignment="Stretch" ClipToBounds="True" SelectedIndex="0"   
                      SelectionChanged="Contact_SelectionChanged" /> 
        </StackPanel> 
    </QuickStart:ExampleControl.TopRightPanel> 
</QuickStart:ExampleControl> 

I have installed .NET Framework 3.0 and VS 2005



We need to use this in a web application.
Thanks
Savan

Savan
Top achievements
Rank 1
 answered on 20 Feb 2009
Narrow your results
Selected tags
Tags
+? more
Top users last month
Will
Top achievements
Rank 2
Iron
Motti
Top achievements
Rank 1
Iron
Hester
Top achievements
Rank 1
Iron
Bob
Top achievements
Rank 3
Iron
Iron
Veteran
Thomas
Top achievements
Rank 2
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Will
Top achievements
Rank 2
Iron
Motti
Top achievements
Rank 1
Iron
Hester
Top achievements
Rank 1
Iron
Bob
Top achievements
Rank 3
Iron
Iron
Veteran
Thomas
Top achievements
Rank 2
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?