Questions on UI for WPF Forum

2 answers

129 views

Is there any way to restrict the RACB to a single item? In other words, change its behavior so that it appears like a textbox without boxing selected items? I'm trying to use it to autocomplete a filename from the file system as the user types in a path. It makes no sense that, when the user hits tab or enter, the filename gets boxed up with a little delete button.

AutoCompleteBox

answered on 06 Apr 2013

5 answers

1.0K+ views

Draw horizontal line in chart?

Hi,
I'm using the line-chart for displaying complex data. Now, i want to put the ranges (upper and lower limit in which all data is supposed to occur) in the charts. These limits should be horizontal lines in the background (simple red lines without any points). How can i do this?
Thx

Chart

answered on 05 Apr 2013

4 answers

214 views

RadDiagram automatic Design view switching

Is there any way to stop Visual Studio from switching to Design view every time a change is made to the XAML of a RadDiagram?!? So annoying!

Diagram

answered on 05 Apr 2013

4 answers

122 views

[Solved] RadEnumEditor Not Working as Intended?

I'm evaluating the radcontrols package and have had some problems with the RadPropertyGrid with a FlagEnumEditor. I followed the documentation here: (http://www.telerik.com/help/wpf/radpropertygrid-radenumeditor.html). When I run the project and click on the enum field, the FlagEnumEditor seems to be broken. I can't just click on an option, I need to click and press spacebar. And it also doesn't let go of the focus. If I click anywhere else on the form, even the close button, the editor just opens and closes like I'm clicking on it. I have to stop the executable to exit the program. Am I just not setting it up properly, or is this a bug?

Code I used is below: Image is attached.

Class MainWindow

Public Sub New()

' This call is required by the designer.

InitializeComponent()

' Add any initialization after the InitializeComponent() call.

RadPropertyGrid1.Item = New Employee

End Sub

End Class

Class Employee

Public Property Name As String

Public Property Position As PositionType

<Flags()> _

Public Enum PositionType As Integer

All = -1

None = 0

Engineer = 1

Sales = 2

Marketing = 4

Management = 8

End Enum

End Class

PropertyGrid

answered on 05 Apr 2013

16 answers

834 views

RadTileView and Binding

Since it is not clearly stated anywhere else, I've thought Id help another soul, and give an example how to easily use RadTileView with data binding. RadTileView implements ItemsControl and as such can be treated as one. So the code below is completely valid:

    
            <telerikNavigation:RadTileView ItemsSource="{Binding Items}"> 
        
                        <telerikNavigation:RadTileView.ItemTemplate> 
        
                            <DataTemplate> 
        
                                <TextBlock Text="{Binding Name}" Style="{StaticResource HeaderTitle}"/> 
        
                            </DataTemplate> 
        
                        </telerikNavigation:RadTileView.ItemTemplate> 
        
                        <telerikNavigation:RadTileView.ContentTemplate> 
        
                            <DataTemplate> 
        
                                <telerik:RadFluidContentControl telerikAnimation:AnimationManager.IsAnimationEnabled="True"  
        
                                                            SmallToNormalThreshold="291, 130" 
        
                                                            NormalToSmallThreshold="291, 130" 
        
                                                            NormalToLargeThreshold="730, 350" 
        
                                                            LargeToNormalThreshold="730, 350"> 
        
                                    <telerik:RadFluidContentControl.SmallContent> 
        
                                        <Border Width="193" Height="30"> 
        
                                            <TextBlock Text="Small Content" Style="{StaticResource SmallBox}"/> 
        
                                        </Border> 
        
                                    </telerik:RadFluidContentControl.SmallContent> 
        
                                    <telerik:RadFluidContentControl.Content> 
        
                                        <Border Width="279" Height="130"> 
        
                                            <TextBlock Text="Content" Style="{StaticResource SmallBox}"/> 
        
                                        </Border> 
        
                                    </telerik:RadFluidContentControl.Content> 
        
                                    <telerik:RadFluidContentControl.LargeContent> 
        
                                        <Border Width="730" Height="350"> 
        
                                            <TextBlock Text="Large Content" Style="{StaticResource SmallBox}"/> 
        
                                        </Border> 
        
                                    </telerik:RadFluidContentControl.LargeContent> 
        
                                </telerik:RadFluidContentControl> 
        
                            </DataTemplate> 
        
                        </telerikNavigation:RadTileView.ContentTemplate> 
        
            </telerikNavigation:RadTileView>

TileView

answered on 05 Apr 2013

6 answers

214 views

Cannot edit RadWindow in Blend for VS2012

I'm using WPF RadControls Q3 2012 with VS2012. I need to make some changes to the RadGridView templates and I hoped to use Blend for VS2012 to help me with this. Blend for VS2012 doesn't support WPF projects until Update 2, so I've installed VS2012 Update 2 CTP 4 and Blend is now working with WPF projects.

My project is using RadControls with implicit styles, to this end I have the following app.xaml.cs code behind

public App()

{

InitializeComponent();

SetTheme("Expression_Dark");

}

public void SetTheme(string themeName)

{

Resources.MergedDictionaries.Add(new ResourceDictionary()

{

Source = new Uri("/Telerik.Windows.Themes." + themeName + ";component/Themes/System.Windows.xaml",

UriKind.RelativeOrAbsolute)

});

Resources.MergedDictionaries.Add(new ResourceDictionary()

{

Source = new Uri("/Telerik.Windows.Themes." + themeName +

";component/Themes/Telerik.Windows.Controls.xaml", UriKind.RelativeOrAbsolute)

});

// ... plus more merged resources

}

And in my Window class I have

<tk:RadWindow x:Class="GridViewTesting.RadGridView.RadGridViewVw" x:ClassModifier="internal"

xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

xmlns:tk="http://schemas.telerik.com/2008/xaml/presentation"

xmlns:rgv="clr-namespace:GridViewTesting.RadGridView"

Header="Telerik RadGridView Demo" Height="600" Width="500">

<tk:RadWindow.Resources>

<Style TargetType="rgv:RadGridViewVw" BasedOn="{StaticResource RadWindowStyle}"/>

</tk:RadWindow.Resources>

</tk:RadWindow>

But when I open this in Blend I get the error "The resource 'RadWindowStyle' could not be resolved."

What's causing this and what's the best way to fix it please?

General Discussions

answered on 05 Apr 2013

5 answers

432 views

[Solved] How to add button and textbox in ItemsPanel of RadTabControl

I want to implement a tab control like IE9, place textbox and button at the right of tab items header. See the illustration.

http://res1.windows.microsoft.com/resbox/en/Internet%20Explorer/main/3/4/340ea7de-bd9e-4e59-ba6c-959fc8728199/340ea7de-bd9e-4e59-ba6c-959fc8728199.jpg

TabControl

answered on 05 Apr 2013

1 answer

76 views

Expose TimeBarBase.IntervalItems or have a way to set it.

Hi,

I would like to allow a user to select a period of time by clicking the time bar. It would be helpful for me to only allow the user to select a full valid time period.

For example, I want to force a user to pick a full month of time. When they click anywhere in a month it selects the range from the 1st to the last day of the month. This I can accomplish pretty easily by using the Selection Changed event. Where it gets tricky is that I have periods that I want to allow the user to select. This period is the minimum date/time selection I wish to allow the user to choose. For example, I may want to allow the user to choose all of January however February I may allow them to select 2/1 - 2/14 or 2/15 - 2/28.

It seems like I could accomplish this if I were able to fill in the IntervalItems property on the control but the setter for that is private.

So my question is this. Is there any way I can specify the exact bands of time that the user is allowed to select? Min range / Max range does not work as this can change from month to month.

Thanks,
David Sandor

TimeBar

answered on 05 Apr 2013

25 answers

1.1K+ views

[Solved] Control ContextMenu in a Docking RadPane does not show up

I'm using RadControls for WPF Q1 2010 in WPF solution with the MVVM pattern.
When I implemented the RadDock control the ContextMenu of the controls inside the RadPanes stopped showing up. Instead the RadPane context menu pops up with the options: Floating, Dockable etc. If I place the exact same control (StackPanel in my case) in a data tamplate and reference it from the ContentTemplate property of the RadPane as shown below it work fine. This however is not an acceptable workaround in my case. Please help me.

    
            <telerikDocking:RadSplitContainer Orientation="Vertical" InitialPosition="DockedRight">  
        
                            <telerikDocking:RadPaneGroup> 
        
                                <telerikDocking:RadPane x:Name="Pane1" Header="Not Working ContextMenu" IsPinned="True"  > 
        
                                    <StackPanel> 
        
                                        <TextBlock TextWrapping="Wrap" Text="Lorem ipsum dolor sit amet, consectetur adipiscing elit."/>  
        
                                        <StackPanel.ContextMenu> 
        
                                            <ContextMenu> 
        
                                                <MenuItem Header="Add"  /> 
        
                                                <MenuItem Header="Edit"  /> 
        
                                                <Separator/> 
        
                                                <MenuItem Header="Delete" /> 
        
                                            </ContextMenu> 
        
                                        </StackPanel.ContextMenu> 
        
                                    </StackPanel> 
        
                                </telerikDocking:RadPane> 
        
                            </telerikDocking:RadPaneGroup> 
        
                            <telerikDocking:RadPaneGroup> 
        
                                <telerikDocking:RadPane Header="Working ContextMenu" IsPinned="True" ContentTemplate="{StaticResource template1}" /> 
        
                            </telerikDocking:RadPaneGroup> 
        
                        </telerikDocking:RadSplitContainer>

Docking

answered on 05 Apr 2013

11 answers

263 views

[Solved] RadListBox MergedDictionaries Bug

Hi,

I have a problem with RadListBox that I think is a bug.
If styles MergedDictionaries in App.xaml and remove selected item not problem only problem styles MergedDictionaries in MainWindow.xaml remove item exception error.

Microsoft listbox in both cases no problem.

Please see uploaded project.
http://www.solidfiles.com/d/c9a834481c

Thanks so much.

Style:

<ResourceDictionary

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">

<ResourceDictionary.MergedDictionaries>

<ResourceDictionary Source="Brushes.xaml"/>

</ResourceDictionary.MergedDictionaries>

<ControlTemplate TargetType="telerik:RadListBoxItem" x:Key="ListBoxItemTemplate">

<Grid>

<VisualStateManager.VisualStateGroups>

<VisualStateGroup x:Name="CommonStates">

<VisualState x:Name="Normal"/>

<VisualState x:Name="MouseOver"/>

<VisualState x:Name="Disabled"/>

</VisualStateGroup>

<VisualStateGroup x:Name="SelectionStates">

<VisualStateGroup.Transitions>

<VisualTransition GeneratedDuration="0:0:0.3">

<VisualTransition.GeneratedEasingFunction>

<CircleEase EasingMode="EaseOut"/>

</VisualTransition.GeneratedEasingFunction>

</VisualTransition>

</VisualStateGroup.Transitions>

<VisualState x:Name="Unselected"/>

<VisualState x:Name="Selected">

<Storyboard>

<DoubleAnimation Duration="0" To="200" Storyboard.TargetProperty="(FrameworkElement.Height)" Storyboard.TargetName="selectedGrid"/>

</Storyboard>

</VisualState>

</VisualStateGroup>

<VisualStateGroup x:Name="FocusStates">

<VisualStateGroup.Transitions>

<VisualTransition GeneratedDuration="0:0:0.3">

<VisualTransition.GeneratedEasingFunction>

<CircleEase EasingMode="EaseOut"/>

</VisualTransition.GeneratedEasingFunction>

</VisualTransition>

</VisualStateGroup.Transitions>

<VisualState x:Name="Focused">

<Storyboard>

<!--DoubleAnimation Duration="0" To="1" Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="focus"/>-->

</Storyboard>

</VisualState>

<VisualState x:Name="Unfocused"/>

</VisualStateGroup>

<VisualStateGroup x:Name="ValidationStates"/>

</VisualStateManager.VisualStateGroups>

<Border x:Name="border" BorderThickness="{TemplateBinding BorderThickness}"

Background="#FF434343" BorderBrush="#FF767676">

<Grid>

<Grid.RowDefinitions>

<RowDefinition Height="Auto"/>

</Grid.RowDefinitions>

<Grid x:Name="readOnlyGrid" Height="60" Margin="1,0,0,0">

<Grid.ColumnDefinitions>

<ColumnDefinition Width="Auto"/>

<ColumnDefinition />

</Grid.ColumnDefinitions>

<TextBlock Grid.Column="1" Text="{Binding AssemblyName}" TextWrapping="Wrap" FontFamily="Segoe UI" FontSize="14"

HorizontalAlignment="Left" VerticalAlignment="Center"

Foreground="{StaticResource MainBrush}" Margin="20,0,0,0"/>

</Grid>

<Grid x:Name="selectedGrid" Height="0" Margin="1,0,0,0" Background="#FF434343">

<Grid.ColumnDefinitions>

<ColumnDefinition Width="Auto"/>

<ColumnDefinition />

</Grid.ColumnDefinitions>

<StackPanel Grid.Column="1" Margin="16" HorizontalAlignment="Left">

<TextBlock TextWrapping="Wrap" Text="{Binding Name}" FontFamily="Segoe UI Light" FontSize="24" Foreground="{DynamicResource AccentBrush}" HorizontalAlignment="Left"/>

<TextBlock Text="{Binding Phone}" FontFamily="Segoe UI" FontSize="16" Foreground="{StaticResource MainBrush}" HorizontalAlignment="Left" Margin="0,2,0,0"/>

<TextBlock Text="{Binding Zip}" FontFamily="Segoe UI" FontSize="12" Foreground="{StaticResource BasicBrush}" HorizontalAlignment="Left" Margin="0,2,0,0"/>

</StackPanel>

</Grid>

</Border>

</Grid>

</ControlTemplate>

<Style TargetType="telerik:RadListBoxItem">

<Setter Property="Template" Value="{StaticResource ListBoxItemTemplate}"/>

<Setter Property="HorizontalContentAlignment" Value="Stretch" />

<Setter Property="VerticalContentAlignment" Value="Top" />

<Setter Property="Background" Value="#FF434343" />

<Setter Property="BorderBrush" Value="{StaticResource StrongBrush}" />

<Setter Property="BorderThickness" Value="8,0,1,1" />

<Setter Property="Foreground" Value="{StaticResource MarkerBrush}"/>

</Style>

<Style TargetType="telerik:RadListBox">

<Setter Property="BorderThickness" Value="0" />

<Setter Property="BorderBrush" Value="Transparent" />

<Setter Property="Background" Value="Transparent" />

<Setter Property="HorizontalContentAlignment" Value="Left" />

<Setter Property="VerticalContentAlignment" Value="Top" />

<Setter Property="IsTabStop" Value="False" />

</Style>

</ResourceDictionary>

Brush:

<ResourceDictionary

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" mc:Ignorable="d">

<telerik:Windows8Theme x:Key="Theme" />

<SolidColorBrush x:Key="AccentBrush" telerik:Windows8Colors.Color="Accent" />

<SolidColorBrush x:Key="BasicBrush" telerik:Windows8Colors.Color="Basic" />

<SolidColorBrush x:Key="StrongBrush" telerik:Windows8Colors.Color="Strong" />

<SolidColorBrush x:Key="MainBrush" telerik:Windows8Colors.Color="Main" />

<SolidColorBrush x:Key="MarkerBrush" telerik:Windows8Colors.Color="Marker" />

<SolidColorBrush x:Key="ValidationBrush" telerik:Windows8Colors.Color="Validation" />

<SolidColorBrush x:Key="MailBrush" Color="#FF25A0DA" />

<SolidColorBrush x:Key="CallBrush" Color="#FFED1691" />

<SolidColorBrush x:Key="MeetBrush" Color="#FFDAA125" />

<SolidColorBrush x:Key="RedBrush" Color="#FFE61E26" />

<SolidColorBrush x:Key="YellowBrush" Color="#FFDAA125" />

<SolidColorBrush x:Key="GreenBrush" Color="#FF679700" />

</ResourceDictionary>

Main XAML:

<Window

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"

x:Class="RadListBoxTest.MainWindow"

Title="MainWindow" Height="500" Width="800" >

<Window.Resources>

<ResourceDictionary>

<ResourceDictionary.MergedDictionaries>

<ResourceDictionary Source="Brushes.xaml"/>

<ResourceDictionary Source="RadListBoxStyle.xaml"/>

</ResourceDictionary.MergedDictionaries>

</ResourceDictionary>

</Window.Resources>

<Grid>

<telerik:RadListBox x:Name="RadListBox" ItemsSource="{Binding Assemblies}" SelectedIndex="0" SelectionMode="Extended" AllowDrop="True" Margin="0,0,0,69"/>

<Button Content="Add Items" HorizontalAlignment="Center" VerticalAlignment="Bottom" Width="150" Height="30" Margin="246,0,396,0" Click="Button_Click_2"/>

<Button Content="Remove Selected Items" HorizontalAlignment="Center" VerticalAlignment="Bottom" Width="150" Height="30" Click="Button_Click_1" Margin="463,0,179,0"/>

</Grid>

</Window>

public partial class MainWindow : Window

{

public MainWindow()

{

InitializeComponent();

RadListBox.ItemsSource = Agencies;

}

private ObservableCollection<Agency> agencies;

public ObservableCollection<Agency> Agencies

{