Questions on UI for WPF Forum

6 answers

184 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

402 views

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

57 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.0K+ views

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

238 views

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

{

get

{

if (agencies == null)

{

agencies = new ObservableCollection<Agency>();

}

return agencies;

}

private void Button_Click_1(object sender, RoutedEventArgs e)

{

if (RadListBox.SelectedItems != null && RadListBox.SelectedItems.Count > 0)

{

var items = RadListBox.SelectedItems.OfType<Agency>().ToArray();

int selIdx = RadListBox.SelectedIndex;

foreach (Agency i in items)

Agencies.Remove(i);

if (items.Length == 1)

{

if (selIdx < Agencies.Count)

RadListBox.SelectedIndex = selIdx;

else

RadListBox.SelectedIndex = Agencies.Count - 1;

}

else

RadListBox.SelectedIndex = Agencies.Count - 1;

}

private void Button_Click_2(object sender, RoutedEventArgs e)

{

agencies.Add(new Agency("Exotic Liquids", "(171) 555-2222", "EC1 4SD"));

agencies.Add(new Agency("New Orleans Cajun Delights", "(100) 555-4822", "70117"));

agencies.Add(new Agency("Grandma Kelly's Homestead", "(313) 555-5735", "48104"));

agencies.Add(new Agency("Tokyo Traders", "(03) 3555-5011", "100"));

agencies.Add(new Agency("Cooperativa de Quesos 'Las Cabras'", "(98) 598 76 54", "33007"));

agencies.Add(new Agency("Mayumi's", "(06) 431-7877", "545"));

agencies.Add(new Agency("Pavlova, Ltd.", "(03) 444-2343", "3058"));

agencies.Add(new Agency("Specialty Biscuits, Ltd.", "(161) 555-4448", "M14 GSD"));

agencies.Add(new Agency("PB Knäckebröd AB", "031-987 65 43", "S-345 67"));

agencies.Add(new Agency("Refrescos Americanas LTDA", "(11) 555 4640", "5442"));

}

ListBox

answered on 05 Apr 2013

1 answer

84 views

Pinning rad pane resets databound comboboxes

I have a number of databound comboboxes in a rad pane that load fine.

I have an issue that when I try and pin the pane all the comboboxes reset and I get

System.Windows.ResourceDictionary Warning: 9 : Resource not found; ResourceKey='comboItems'

a number of times.

Where combo items is defined as

<DataTemplate x:Key="DrillComboTemplate" >

<ComboBox SelectedValue="{Binding Value}" Width="{Binding Width}" HorizontalContentAlignment="{Binding Alignment}" ItemsSource="{DynamicResource comboItems}" />

</DataTemplate>

Thanks

Andy

Docking

answered on 05 Apr 2013

2 answers

301 views

Another RadTileView Layout question

Hi!

We are using RadTileView control and would like to achieve the attached layout.
We removed the headers from the tiles and would like to have the window resizable (not fixed width tiles in restored form).
The problem is that tile number 3 is either next to tile 2 or in the beginning of the last row.
The XAML is below:

<Window x:Class="WpfApplication2.MainWindow"

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

xmlns:Telerik_Windows_Controls_TileView="clr-namespace:Telerik.Windows.Controls.TileView;assembly=Telerik.Windows.Controls.Navigation"

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

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

xmlns:System="clr-namespace:System;assembly=mscorlib"

Title="MainWindow"

Width="1164"

Height="900">

<Window.Resources>

<Style x:Key="RadTileViewItemStyle" TargetType="{x:Type telerik:RadTileViewItem}">

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

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

<Setter Property="SnapsToDevicePixels" Value="True" />

<Setter Property="Template">

<Setter.Value>

<ControlTemplate TargetType="{x:Type telerik:RadTileViewItem}">

<Grid>

<Border x:Name="outerBorder"

Margin="{TemplateBinding Padding}"

Background="{TemplateBinding Background}"

BorderBrush="{TemplateBinding BorderBrush}"

BorderThickness="{TemplateBinding BorderThickness}"

CornerRadius="7">

<Border x:Name="outerContainer"

Background="Transparent">

<Grid>

<Grid.RowDefinitions>

<RowDefinition Height="Auto" />

<RowDefinition Height="*" />

</Grid.RowDefinitions>

<Grid Grid.Row="1" Background="Transparent">

<Border >

<Grid MinHeight="28">

<Border x:Name="GripBarElement" Background="Transparent" >

<ContentPresenter x:Name="ContentElement"

HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"

VerticalAlignment="{TemplateBinding VerticalContentAlignment}"

Content="{TemplateBinding Content}"

ContentTemplate="{TemplateBinding ContentTemplate}" />

</Border>

</Grid>

</Border>

</Grid>

<Rectangle x:Name="DisabledVisual"

Grid.RowSpan="2"

Visibility="Collapsed" />

</Grid>

</Border>

<Grid x:Name="SelectedItem"

Margin="-1"

Visibility="Collapsed">

<Border Margin="{TemplateBinding Padding}"/>

</Grid>

<ControlTemplate.Triggers>

<Trigger Property="IsSelected" Value="True">

<Setter TargetName="SelectedItem" Property="Visibility" Value="Visible" />

</Trigger>

</ControlTemplate.Triggers>

</ControlTemplate>

</Setter.Value>

</Setter>

</Style>

</Window.Resources>

<Grid Background="#212121">

<Grid Margin="137 250 137 205">

<Border BorderThickness="5" Background="#016330" BorderBrush="#016330" CornerRadius="7">

<telerik:RadTileView

MaximizeMode="ZeroOrOne"

RowHeight="Auto"

ColumnWidth="Auto"

IsItemsSizeInPercentages="True"

PreservePositionWhenMaximized="True"

MinimizedColumnWidth="120"

MinimizedItemsPosition="Right"

IsItemDraggingEnabled="True"

TileStateChangeTrigger="SingleClick"

Padding="0"

telerik:TileViewPanel.IsColumnsShrinkEnabled="True"

telerik:TileViewPanel.IsRowsShrinkEnabled="True"

>

<telerik:RadTileViewItem

Header="Item 1"

Padding="5"

RestoredWidth="66"

RestoredHeight="66"

Style="{DynamicResource RadTileViewItemStyle}" Background="Green">

</telerik:RadTileViewItem>

<telerik:RadTileViewItem Header="Item 2"

Background="Red"

Padding="5"

RestoredWidth="33"

RestoredHeight="33"

Style="{DynamicResource RadTileViewItemStyle}" >

</telerik:RadTileViewItem>

<telerik:RadTileViewItem Background="Blue"

Header="Item 3"

Padding="5"

RestoredWidth="33"

RestoredHeight="33"

Style="{DynamicResource RadTileViewItemStyle}" />

<telerik:RadTileViewItem Background="Pink"

Header="Item 4"

Padding="5"

RestoredWidth="16"

RestoredHeight="33"

Style="{DynamicResource RadTileViewItemStyle}" />

<telerik:RadTileViewItem Background="Orange"

Header="Item 5"

Padding="5"

RestoredWidth="16"

RestoredHeight="33"

Style="{DynamicResource RadTileViewItemStyle}" />

<telerik:RadTileViewItem Background="Yellow"

Header="Item 6"

Padding="5"

RestoredWidth="16"

RestoredHeight="33"

Style="{DynamicResource RadTileViewItemStyle}" />

<telerik:RadTileViewItem Background="Lime"

Header="Item 7"

Padding="5"

RestoredWidth="33"

RestoredHeight="33"

Style="{DynamicResource RadTileViewItemStyle}" />

</telerik:RadTileView>

</Border>

</Grid>

</Window>

Thank you!

TileView

answered on 05 Apr 2013

5 answers

821 views

RadGridView not refreshing after ItemsSource changes.

I have a RadGridView where the ItemsSource is a DataTable. The user is able to run a query which returns a List of objects which I convert to a DataTable using a WPF Converter .. All the binding is done through XAML.. Everything works very well so far. If the user reruns the query RadGridView gets correctly updated as expected.

Now the problem is when I add grouping. Rerun the query and now the grid is empty. However if I remove the grouping, all the expected data is displayed on the grid and now if I regroup everything works fine until the ItemsSource on the grid is changed again (by re-running the query). Any idea why this is happening?

I tried removing the GroupingDescriptors and re-adding them .. Also tried rebinding when the ItemsSource changed .. both options did not work. What am I missing here?

Thanks.

GridView

answered on 05 Apr 2013

2 answers

89 views

Document offset

Hi All,

How do setting Document offset?I am using

myPdfViewer.VerticalScrollBar.Value=100; Only Thumb bar moving,Document isnt moving.Do we have somesing like " myScrollViewer.ScrollToVerticalOffset(100);"?

Thanks.

PDFViewer

answered on 04 Apr 2013

5 answers

252 views

DateTimeFormat

Hi!

I am trying to customize a DateTimePicker to show the whole date and time in a custom format.
I found a way to customize the ShortdatePattern and the shorttimePattern separatly, but I would really require the FullDateTimePattern to work, as I have the format in a string (date and time combined) and I don't want to split it. I am using Q12013 WFP RadDateTimePicker

dtp.SelectedValue = DateTime.Now;
dtp.Culture = new CultureInfo("")
{
DateTimeFormat =
{
FullDateTimePattern = "yyyy : MM : dd HH mm ss", //doesn't work
ShortDatePattern = "yyyy : MM : dd", //works
ShortTimePattern = "tt hh::mm::ss", //works
},
};
Thanks in advance,
Alex

DateTimePicker

answered on 04 Apr 2013