Questions on UI for WPF Forum

25,597 questions

1 answer

147 views

Hello,

I'm using the WPF Carousel in my application and bind the ItemsSource und SelectedItem properties. But when the carousel is loaded, the SelectedItem is not the one the carousel shows in front of it. I've looked at the SelectedItem property in the Loaded event and it was set correctly. I've tried many different ways to achive this:

foreach (CarouselItem item in carousel.Panel.Children)
{
   if (item.Item == carousel.SelectedItem)
   {
      item.BringIntoView();
   }
}

carousel.SetIsSelected(carousel.SelectedItem, true);
carousel.SetIsCurrent(carousel.SelectedItem, true);
this.carousel.BringDataItemIntoView(carousel.SelectedItem);

carousel.CurrentItem = carousel.SelectedItem;

But none of them worked. How can I achieve it?

Carousel

answered on 17 Feb 2010

1 answer

197 views

Need to slide out pane / show pane

Hi,

I want to slide out and show the docking RadDocumentPane automatically from my code. Like i have scenario where if the RadDocumentPane is slided in or user closed it and if I press show button on the screen, it should show it up or slide out outside.

Can you please suggest the proper way.

Thanks,
Jigar

Docking

answered on 17 Feb 2010

5 answers

187 views

Tree shake

There is a problem in the RadTreeView.

When you rename a node, and the name is longer then the tree’s container width, the tree shakes.

Please try renamning a node with a long name with many ‘a’.

Then rename again the same way, move to a node that has children and the tree will start shaking.

Thanks

Lior Aloni

TreeView

answered on 17 Feb 2010

1 answer

196 views

Disable Drag for textbox in treeview

I subclassed from WPF RadTreeView and created a TreeListView and TreeListViewItem. I have various controls inside the TreeListViewItem(RadTreeViewItem) that are not functioning properly when I need to interact with them through a mouse drag (ie. selecting text in TextBox, or moving the scrollbar on a combobox dropdown). The treeview appears to hijack the mouse drag event. Any ideas on how to fix this? I have attached a jpeg of the control and the problem areas.

TreeView

answered on 17 Feb 2010

1 answer

169 views

Tree Lines - Control Template

Hi ,

I had changed the Control Template of the tree (see the attached picture) but i had defficulties to add the lines. the code below is the tree template:

any suggestions?

    
            <UserControl 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:d="http://schemas.microsoft.com/expression/blend/2008"   
        
                         xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"   
        
                         x:Class="GSTAT.Xeligence.DTM.Client.DTMTemplate" 
        
                         Loaded="UserControl_Loaded" mc:Ignorable="d" 
        
                         xmlns:vsm="clr-namespace:System.Windows;assembly=PresentationFramework">  
        
                <UserControl.Resources> 
        
                    <ControlTemplate TargetType="{x:Type telerik:RadTreeViewItem}" x:Key="TreeViewItemDefaultTemplate">  
        
                        <ControlTemplate.Triggers> 
        
                            <Trigger Property="IsExpanded" Value="True">  
        
                                <Trigger.EnterActions> 
        
                                    <BeginStoryboard> 
        
                                        <Storyboard> 
        
                                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="ItemsHost" 
        
                                                        Storyboard.TargetProperty="Visibility" Duration="0">  
        
                                                <DiscreteObjectKeyFrame KeyTime="0">  
        
                                                    <DiscreteObjectKeyFrame.Value> 
        
                                                        <Visibility>Visible</Visibility> 
        
                                                    </DiscreteObjectKeyFrame.Value> 
        
                                                </DiscreteObjectKeyFrame> 
        
                                            </ObjectAnimationUsingKeyFrames> 
        
                                            <DoubleAnimation Storyboard.TargetName="ItemsHost" 
        
                                                        Storyboard.TargetProperty="Opacity" From="0.1" To="1.0" 
        
                                                        Duration="0:0:0.2" /> 
        
                                        </Storyboard> 
        
                                    </BeginStoryboard> 
        
                                </Trigger.EnterActions> 
        
                                <Trigger.ExitActions> 
        
                                    <BeginStoryboard> 
        
                                        <Storyboard> 
        
                                            <DoubleAnimation Storyboard.TargetName="ItemsHost" 
        
                                                        Storyboard.TargetProperty="Opacity" From="1" To="0.1" 
        
                                                        Duration="0:0:0.2" /> 
        
                                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="ItemsHost" 
        
                                                        Storyboard.TargetProperty="Visibility" Duration="0" 
        
                                                        BeginTime="0:0:0.2">  
        
                                                <DiscreteObjectKeyFrame KeyTime="0">  
        
                                                    <DiscreteObjectKeyFrame.Value> 
        
                                                        <Visibility>Collapsed</Visibility> 
        
                                                    </DiscreteObjectKeyFrame.Value> 
        
                                                </DiscreteObjectKeyFrame> 
        
                                            </ObjectAnimationUsingKeyFrames> 
        
                                        </Storyboard> 
        
                                    </BeginStoryboard> 
        
                                </Trigger.ExitActions> 
        
                            </Trigger> 
        
                        </ControlTemplate.Triggers> 
        
                        <Grid Height="Auto" VerticalAlignment="Center" Background="Beige" > 
        
                            <Grid.ColumnDefinitions> 
        
                                <ColumnDefinition Width="Auto" /> 
        
                                <ColumnDefinition Width="Auto" /> 
        
                                <ColumnDefinition Width="Auto" /> 
        
                            </Grid.ColumnDefinitions> 
        
                            <Grid.RowDefinitions> 
        
                                <RowDefinition Height="Auto" ></RowDefinition>  
        
                            </Grid.RowDefinitions> 
        
                            <!--<Rectangle x:Name="VerticalLine" Fill="Blue" Grid.Column="0" Height="2"></Rectangle> 
        
                            <Rectangle x:Name="HorizontalLine" Fill="Black" Grid.Column="0" Width="2"></Rectangle>--> 
        
                            <Grid Grid.Column="1" x:Name="HeaderRow"  Height="Auto" Grid.Row="0" VerticalAlignment="Center" Background="Bisque">  
        
                                <Grid.ColumnDefinitions> 
        
                                    <ColumnDefinition Width="Auto"></ColumnDefinition> 
        
                                    <ColumnDefinition Width="Auto"></ColumnDefinition> 
        
                                    <ColumnDefinition Width="Auto"></ColumnDefinition> 
        
                                    <ColumnDefinition Width="Auto"></ColumnDefinition> 
        
                                </Grid.ColumnDefinitions> 
        
                                <Grid.RowDefinitions> 
        
                                    <RowDefinition Height="Auto"></RowDefinition> 
        
                                </Grid.RowDefinitions> 
        
                                <ToggleButton x:Name="Expander" Margin="0,0,0,0" Grid.Column="0"></ToggleButton> 
        
                                <StackPanel Orientation="Horizontal" HorizontalAlignment="Center" Grid.Column="1">  
        
                                    <Border HorizontalAlignment="Center"   
        
                                                        VerticalAlignment="Center"   
        
                                                        CornerRadius="3"   
        
                                                        Background="{DynamicResource BrushWindowDarkGrayBG}"   
        
                                                        Padding="3">  
        
                                        <ContentControl x:Name="Header" 
        
                                                        Content="{TemplateBinding Header}" 
        
                                                        ContentTemplate="{TemplateBinding HeaderTemplate}" 
        
                                                        Width="86.487" Height="13.277" Foreground="White" /> 
        
                                    </Border> 
        
                                </StackPanel> 
        
                                <!--<StackPanel x:Name="IndentContainer" Orientation="Horizontal" />--> 
        
                                <StackPanel x:Name="LoadingVisual" Orientation="Horizontal" /> 
        
                            </Grid> 
        
                            <ItemsPresenter x:Name="ItemsHost" Grid.Column="2" Visibility="Collapsed" Height="Auto" VerticalAlignment="Center">  
        
                            </ItemsPresenter> 
        
                        </Grid> 
        
                    </ControlTemplate> 
        
                    <Style TargetType="ToggleButton" x:Key="ExpanderStyle">  
        
                        <Setter Property="IsEnabled" Value="True" /> 
        
                        <Setter Property="IsTabStop" Value="False" /> 
        
                        <Setter Property="Cursor" Value="Hand" /> 
        
                        <Setter Property="Template">  
        
                            <Setter.Value> 
        
                                <ControlTemplate TargetType="ToggleButton">  
        
                                    <ControlTemplate.Triggers> 
        
                                        <Trigger Property="IsChecked" Value="True">  
        
                                            <Trigger.EnterActions> 
        
                                                <BeginStoryboard> 
        
                                                    <Storyboard> 
        
                                                        <DoubleAnimation Duration="0:0:0.2" 
        
                                                                    Storyboard.TargetName="ExpandedStates" 
        
                                                                    Storyboard.TargetProperty="Opacity" To="1" /> 
        
                                                        <DoubleAnimation Duration="0:0:0.2" 
        
                                                                    Storyboard.TargetName="CollapsedStates" 
        
                                                                    Storyboard.TargetProperty="Opacity" To="0" /> 
        
                                                    </Storyboard> 
        
                                                </BeginStoryboard> 
        
                                            </Trigger.EnterActions> 
        
                                            <Trigger.ExitActions> 
        
                                                <BeginStoryboard> 
        
                                                    <Storyboard> 
        
                                                        <DoubleAnimation Duration="0:0:0.2" 
        
                                                                    Storyboard.TargetName="ExpandedStates" 
        
                                                                    Storyboard.TargetProperty="Opacity" To="0" /> 
        
                                                        <DoubleAnimation Duration="0:0:0.2" 
        
                                                                    Storyboard.TargetName="CollapsedStates" 
        
                                                                    Storyboard.TargetProperty="Opacity" To="1" /> 
        
                                                    </Storyboard> 
        
                                                </BeginStoryboard> 
        
                                            </Trigger.ExitActions> 
        
                                        </Trigger> 
        
                                        <Trigger Property="IsEnabled" Value="False">  
        
                                            <Trigger.EnterActions> 
        
                                                <BeginStoryboard> 
        
                                                    <Storyboard> 
        
                                                        <DoubleAnimation Duration="0:0:0.2" 
        
                                                                    Storyboard.TargetName="ExpandedStates" 
        
                                                                    Storyboard.TargetProperty="Opacity" To="0" /> 
        
                                                        <DoubleAnimation Duration="0:0:0.2" 
        
                                                                    Storyboard.TargetName="CollapsedStates" 
        
                                                                    Storyboard.TargetProperty="Opacity" To="1" /> 
        
                                                    </Storyboard> 
        
                                                </BeginStoryboard> 
        
                                            </Trigger.EnterActions> 
        
                                        </Trigger> 
        
                                    </ControlTemplate.Triggers> 
        
                                    <Grid> 
        
                                        <Grid x:Name="CollapsedStates">  
        
                                            <Ellipse x:Name="CollapsedVisual" Width="10" Height="10" Fill="CornflowerBlue"></Ellipse> 
        
                                        </Grid> 
        
                                        <Grid x:Name="ExpandedStates">  
        
                                            <Ellipse x:Name="ExpandedVisual" Width="10" Height="10" Fill="BurlyWood"></Ellipse> 
        
                                        </Grid> 
        
                                    </Grid> 
        
                                </ControlTemplate> 
        
                            </Setter.Value> 
        
                        </Setter> 
        
                    </Style> 
        
                    <Style TargetType="{x:Type telerik:RadTreeViewItem}" x:Key="RadTreeViewItemStyle">  
        
                        <Setter Property="Template" Value="{StaticResource TreeViewItemDefaultTemplate}" /> 
        
                        <Setter Property="IsExpanded" Value="True" /> 
        
                        <Setter Property="ItemsPanel">  
        
                            <Setter.Value> 
        
                                <ItemsPanelTemplate> 
        
                                    <StackPanel Orientation="Vertical" VerticalAlignment="Center" HorizontalAlignment="Center"/>  
        
                                </ItemsPanelTemplate> 
        
                            </Setter.Value> 
        
                        </Setter> 
        
                    </Style> 
        
                </UserControl.Resources> 
        
                <Grid> 
        
                                <telerik:RadTreeView  
        
                                    x:Name="DTMTree" 
        
                                    AllowDrop="True" 
        
                                    IsDragDropEnabled="True" 
        
                                    IsLineEnabled="True" 
        
                                    ExpanderStyle="{StaticResource ExpanderStyle}" 
        
                                    ItemContainerStyle="{StaticResource RadTreeViewItemStyle}" 
        
                                    IsExpandOnSingleClickEnabled="True" 
        
                                    Selected="DTMTree_Selected" 
        
                                    MouseDoubleClick="DTMTree_MouseDoubleClick" 
        
                                    SelectionChanged="DTMTree_SelectionChanged"   
        
                                    Margin="5,0,0,0"   
        
                                    IsRootLinesEnabled="True">  
        
                                    <telerik:RadTreeView.ItemsPanel> 
        
                                        <ItemsPanelTemplate> 
        
                                            <StackPanel VerticalAlignment="Center" 
        
                                                Orientation="Horizontal" 
        
                                                HorizontalAlignment="Left" /> 
        
                                        </ItemsPanelTemplate> 
        
                                    </telerik:RadTreeView.ItemsPanel> 
        
                                    <telerik:RadTreeViewItem Header="Root" 
        
                                        AllowDrop="True"   
        
                                        ItemContainerStyle="{StaticResource RadTreeViewItemStyle}" ForceCursor="True">  
        
                                        <telerik:RadTreeViewItem Header="A" 
        
                                            ItemContainerStyle="{StaticResource RadTreeViewItemStyle}"/>  
        
                                        <telerik:RadTreeViewItem Header="B" 
        
                                            ItemContainerStyle="{StaticResource RadTreeViewItemStyle}"/>  
        
                                    </telerik:RadTreeViewItem> 
        
                                </telerik:RadTreeView> 
        
                </Grid> 
        
            </UserControl>

TreeView

answered on 17 Feb 2010

3 answers

138 views

No selection brush when SelectedItem is bound

    
                public partial class MainWindow : Window 
        
                { 
        
                    public MainWindow() 
        
                    { 
        
                        InitializeComponent(); 
        
                        (Resources["DataSource"] as RadTreeViewSampleData).SelectedItem = (radTreeView.ItemsSource as IEnumerable<League>).LastOrDefault(); 
        
                    } 
        
                }

    
                public class League : DependencyObject 
        
                { 
        
                    public League(string name) 
        
                    { 
        
                        this.Name = name; 
        
                        this.Leagues = new List<League>(); 
        
                    } 
        
                    public string Name 
        
                    { 
        
                        get; 
        
                        set; 
        
                    } 
        
                    public List<League> Leagues 
        
                    { 
        
                        get; 
        
                        set; 
        
                    } 
        
                } 
        
                public class RadTreeViewSampleData : DependencyObject 
        
                { 
        
                    /// <summary> 
        
                    /// Identifies the SelectedItem dependency property. 
        
                    /// </summary> 
        
                    public static readonly DependencyProperty SelectedItemProperty = DependencyProperty.Register("SelectedItem", typeof(League), typeof(RadTreeViewSampleData)); 
        
                    /// <summary> 
        
                    /// Gets or sets SelectedItem.  This is a dependency property. 
        
                    /// </summary> 
        
                    public League SelectedItem 
        
                    { 
        
                        get { return (League)GetValue(SelectedItemProperty); } 
        
                        set { SetValue(SelectedItemProperty, value); } 
        
                    } 
        
                    public RadTreeViewSampleData() 
        
                    { 
        
                        this.InitializeLeaguesDataSource(); 
        
                    } 
        
                    public List<League> LeaguesDataSource 
        
                    { 
        
                        get; 
        
                        set; 
        
                    } 
        
                    private void InitializeLeaguesDataSource() 
        
                    { 
        
                        this.LeaguesDataSource = new List<League>(); 
        
                        League l; 
        
                        League d; 
        
                        this.LeaguesDataSource.Add(l = new League("League A")); 
        
                    } 
        
                }

    
            <Window.Resources> 
        
                    <local:RadTreeViewSampleData x:Key="DataSource"/> 
        
                </Window.Resources> 
        
                <telerik:RadTreeView x:Name="radTreeView" ItemsSource="{Binding Path=LeaguesDataSource, Source={StaticResource DataSource}}" SelectedItem="{Binding Path=SelectedItem, Source={StaticResource DataSource}, Mode=TwoWay}"> 
        
                    <telerik:RadTreeView.ItemTemplate> 
        
                        <HierarchicalDataTemplate ItemsSource="{Binding Path=Leagues}"> 
        
                            <TextBlock Text="{Binding Path=Name}" /> 
        
                        </HierarchicalDataTemplate> 
        
                    </telerik:RadTreeView.ItemTemplate> 
        
                </telerik:RadTreeView>

The SelectedItem is set properly but does not have the selection brush applied appropriately to its container.

TreeView

answered on 17 Feb 2010

4 answers

436 views

Copy/Paste

Hi,

I like to add some copy/paste functionality to the grid.
In the grid contextmenu, I need a applicationcommands.copy and a applicationcommands.paste.
The problem is that the copy command is handled by the grid (for clipboard copy I suppose) and the copy canexecute is not fired in my program. Do you have a solution for this?

Thanks in advance,
Thomas.

GridView

answered on 17 Feb 2010

5 answers

170 views

Transition effect

Hi All,

Are there any built in transition effects in the WPF suite? In the demo, there is a transition between categories of demo's.. the panel pulls back and rotates. Are there any existing control like that available with a choice of transition effects?

Thanks
harold

General Discussions

answered on 17 Feb 2010

1 answer

127 views

Doughnut Custom item

Hi,
I've some questions about Doughnut customization. I've created in viewmodel a colection with this 3 properties

Color
Item Title
Item Value

I need to set that properties in the view (xaml) without using code behind. I would like to put Item Title and Item Value in the item tooltip and color in item background.

I attach the code

<telerik:RadChart Background="Transparent" ItemsSource="{Binding PhoneResultBox}" HorizontalAlignment="Stretch" MaxHeight="230">

                <telerik:RadChart.SeriesMappings>
                    <telerik:SeriesMapping>

                        <telerik:SeriesMapping.SeriesDefinition>

                        </telerik:SeriesMapping.SeriesDefinition>

                    <telerik:SeriesMapping.ItemMappings>
                           <telerik:ItemMapping DataPointMember="YValue" FieldName="ItemsCount"> </telerik:ItemMapping>



                        </telerik:SeriesMapping.ItemMappings>

                      </telerik:SeriesMapping>
                    </telerik:RadChart.SeriesMappings>

                <telerik:RadChart.DefaultView>
                    <telerik:ChartDefaultView>
                        <telerik:ChartDefaultView.ChartLegend>
                            <telerik:ChartLegend Visibility="Collapsed" />
                        </telerik:ChartDefaultView.ChartLegend>
                        <telerik:ChartDefaultView.ChartTitle>
                            <telerik:ChartTitle Content="Esiti Telefonici"></telerik:ChartTitle>
                        </telerik:ChartDefaultView.ChartTitle>
                        <telerik:ChartDefaultView.ChartArea>
                            <telerik:ChartArea>

                            </telerik:ChartArea>
                        </telerik:ChartDefaultView.ChartArea>
                    </telerik:ChartDefaultView>


                </telerik:RadChart.DefaultView>


            </telerik:RadChart>

Chart