Questions on UI for WPF Forum

6 answers

112 views

Does this make any sense to try with this control?

Hello,

I am prototyping a user interface. Basic slimmed down requirements are that I have a list of items on left side of page for the user to select. On the right side of the list there will be a large view that contains information about the item that was selected in the list. I have put together UI like this many times and also have used many telerik controls in our applications. The TileView caught my eye for this one, thinking that I may be able to have something that serves the purpose and provides a bit of modern look and feel rather than just a list.

I practice MVVM and use prism with unity injection.

So what I am looking to get from this control is a templated list of items on left side in a single column. When one is selected a templated view of the information related to the selection animates (maximizes) over to the right. I do not want to ever have the items in a tiled view with several columnns and I do not want to have to Maximize in order to see information on the right side.

Can you let me know if I am going to be able to achieve this functionality with the control? In addition, if this is possible, could you provide a simple example for me to download?

Thanks,

Jason Munger
Osmose

TileView

answered on 21 Nov 2011

7 answers

757 views

BUG: Exception {"'System.Windows.Documents.Hyperlink' is not a Visual or Visual3D."}

Exception : {"'System.Windows.Documents.Hyperlink' is not a Visual or Visual3D."}

My XAML:

<telerik:RadTreeView ItemsSource="{Binding Doklad.polozky}">

<ItemsControl.ItemTemplate>

<DataTemplate>

<TextBlock Grid.Column="2">

<Hyperlink TextDecorations="None"

Command="{Binding EditPolozkaCommand, RelativeSource={RelativeSource Mode=FindAncestor,AncestorType={x:Type UserControl}}}"

CommandParameter="{Binding}">

<Image Grid.Column="2" Width="16" Source="/Assets/Icons/Edit.png" Cursor="Hand"/>

</Hyperlink>

</TextBlock>

</Grid>

</DataTemplate>

</ItemsControl.ItemTemplate>

</telerik:RadTreeView>

StackTrace:

 at MS.Internal.Media.VisualTreeUtils.AsVisual(DependencyObject element, Visual& visual, Visual3D& visual3D)
 at MS.Internal.Media.VisualTreeUtils.AsNonNullVisual(DependencyObject element, Visual& visual, Visual3D& visual3D)
 at System.Windows.Media.VisualTreeHelper.GetParent(DependencyObject reference)
 at Telerik.Windows.Controls.ParentOfTypeExtensions.GetParent(DependencyObject element) in c:\TB\117\WPF_Scrum\Release_WPF_40\Sources\Development\Core\Controls\Extensions\ParentOfTypeExtensions.cs:line 85
 at Telerik.Windows.Controls.ParentOfTypeExtensions.<GetParents>d__0.MoveNext() in c:\TB\117\WPF_Scrum\Release_WPF_40\Sources\Development\Core\Controls\Extensions\ParentOfTypeExtensions.cs:line 77
 at System.Linq.Enumerable.<OfTypeIterator>d__aa`1.MoveNext()
 at System.Linq.Enumerable.FirstOrDefault[TSource](IEnumerable`1 source)
 at Telerik.Windows.Controls.ParentOfTypeExtensions.ParentOfType[T](DependencyObject element) in c:\TB\117\WPF_Scrum\Release_WPF_40\Sources\Development\Core\Controls\Extensions\ParentOfTypeExtensions.cs:line 21
 at Telerik.Windows.Controls.ParentOfTypeExtensions.GetParent[T](DependencyObject element) in c:\TB\117\WPF_Scrum\Release_WPF_40\Sources\Development\Core\Controls\Extensions\ParentOfTypeExtensions.cs:line 64
 at Telerik.Windows.Controls.RadTreeView.OnLostFocus(Object sender, RoutedEventArgs e) in c:\TB\117\WPF_Scrum\Release_WPF_40\Sources\Development\Controls\Navigation\TreeView\RadTreeView.cs:line 1437
 at System.Windows.RoutedEventHandlerInfo.InvokeHandler(Object target, RoutedEventArgs routedEventArgs)
 at System.Windows.EventRoute.InvokeHandlersImpl(Object source, RoutedEventArgs args, Boolean reRaised)
 at System.Windows.UIElement.RaiseEventImpl(DependencyObject sender, RoutedEventArgs args)
 at System.Windows.UIElement.RaiseEvent(RoutedEventArgs e)
 at System.Windows.UIElement.OnLostFocus(RoutedEventArgs e)
 at System.Windows.UIElement.IsFocused_Changed(DependencyObject d, DependencyPropertyChangedEventArgs e)
 at System.Windows.DependencyObject.OnPropertyChanged(DependencyPropertyChangedEventArgs e)
 at System.Windows.FrameworkElement.OnPropertyChanged(DependencyPropertyChangedEventArgs e)
 at System.Windows.DependencyObject.NotifyPropertyChange(DependencyPropertyChangedEventArgs args)
 at System.Windows.DependencyObject.UpdateEffectiveValue(EntryIndex entryIndex, DependencyProperty dp, PropertyMetadata metadata, EffectiveValueEntry oldEntry, EffectiveValueEntry& newEntry, Boolean coerceWithDeferredReference, Boolean coerceWithCurrentValue, OperationType operationType)
 at System.Windows.DependencyObject.ClearValueCommon(EntryIndex entryIndex, DependencyProperty dp, PropertyMetadata metadata)
 at System.Windows.DependencyObject.ClearValue(DependencyPropertyKey key)
 at System.Windows.Input.FocusManager.OnFocusedElementChanged(DependencyObject d, DependencyPropertyChangedEventArgs e)
 at System.Windows.DependencyObject.OnPropertyChanged(DependencyPropertyChangedEventArgs e)
 at System.Windows.FrameworkElement.OnPropertyChanged(DependencyPropertyChangedEventArgs e)
 at System.Windows.DependencyObject.NotifyPropertyChange(DependencyPropertyChangedEventArgs args)
 at System.Windows.DependencyObject.UpdateEffectiveValue(EntryIndex entryIndex, DependencyProperty dp, PropertyMetadata metadata, EffectiveValueEntry oldEntry, EffectiveValueEntry& newEntry, Boolean coerceWithDeferredReference, Boolean coerceWithCurrentValue, OperationType operationType)
 at System.Windows.DependencyObject.SetValueCommon(DependencyProperty dp, Object value, PropertyMetadata metadata, Boolean coerceWithDeferredReference, Boolean coerceWithCurrentValue, OperationType operationType, Boolean isInternal)
 at System.Windows.DependencyObject.SetValue(DependencyProperty dp, Object value)
 at System.Windows.Input.FocusManager.SetFocusedElement(DependencyObject element, IInputElement value)
 at System.Windows.Input.KeyboardNavigation.UpdateFocusedElement(DependencyObject focusTarget)
 at System.Windows.FrameworkContentElement.OnGotKeyboardFocus(Object sender, KeyboardFocusChangedEventArgs e)
 at System.Windows.Input.KeyboardFocusChangedEventArgs.InvokeEventHandler(Delegate genericHandler, Object genericTarget)
 at System.Windows.RoutedEventArgs.InvokeHandler(Delegate handler, Object target)
 at System.Windows.RoutedEventHandlerInfo.InvokeHandler(Object target, RoutedEventArgs routedEventArgs)
 at System.Windows.EventRoute.InvokeHandlersImpl(Object source, RoutedEventArgs args, Boolean reRaised)
 at System.Windows.UIElement.RaiseEventImpl(DependencyObject sender, RoutedEventArgs args)
 at System.Windows.ContentElement.RaiseTrustedEvent(RoutedEventArgs args)
 at System.Windows.Input.InputManager.ProcessStagingArea()
 at System.Windows.Input.InputManager.ProcessInput(InputEventArgs input)
 at System.Windows.Input.KeyboardDevice.ChangeFocus(DependencyObject focus, Int32 timestamp)
 at System.Windows.Input.KeyboardDevice.TryChangeFocus(DependencyObject newFocus, IKeyboardInputProvider keyboardInputProvider, Boolean askOld, Boolean askNew, Boolean forceToNullIfFailed)
 at System.Windows.Input.KeyboardDevice.Focus(DependencyObject focus, Boolean askOld, Boolean askNew, Boolean forceToNullIfFailed)
 at System.Windows.Input.KeyboardDevice.Focus(IInputElement element)
 at System.Windows.ContentElement.Focus()
 at System.Windows.Documents.Hyperlink.OnMouseLeftButtonDown(Object sender, MouseButtonEventArgs e)
 at System.Windows.Documents.Hyperlink.OnMouseLeftButtonDown(MouseButtonEventArgs e)
 at System.Windows.UIElement.OnMouseLeftButtonDownThunk(Object sender, MouseButtonEventArgs e)
 at System.Windows.Input.MouseButtonEventArgs.InvokeEventHandler(Delegate genericHandler, Object genericTarget)
 at System.Windows.RoutedEventArgs.InvokeHandler(Delegate handler, Object target)
 at System.Windows.RoutedEventHandlerInfo.InvokeHandler(Object target, RoutedEventArgs routedEventArgs)
 at System.Windows.EventRoute.InvokeHandlersImpl(Object source, RoutedEventArgs args, Boolean reRaised)
 at System.Windows.UIElement.ReRaiseEventAs(DependencyObject sender, RoutedEventArgs args, RoutedEvent newEvent)
 at System.Windows.UIElement.OnMouseDownThunk(Object sender, MouseButtonEventArgs e)
 at System.Windows.Input.MouseButtonEventArgs.InvokeEventHandler(Delegate genericHandler, Object genericTarget)
 at System.Windows.RoutedEventArgs.InvokeHandler(Delegate handler, Object target)
 at System.Windows.RoutedEventHandlerInfo.InvokeHandler(Object target, RoutedEventArgs routedEventArgs)
 at System.Windows.EventRoute.InvokeHandlersImpl(Object source, RoutedEventArgs args, Boolean reRaised)
 at System.Windows.UIElement.RaiseEventImpl(DependencyObject sender, RoutedEventArgs args)
 at System.Windows.UIElement.RaiseTrustedEvent(RoutedEventArgs args)
 at System.Windows.UIElement.RaiseEvent(RoutedEventArgs args, Boolean trusted)
 at System.Windows.Input.InputManager.ProcessStagingArea()
 at System.Windows.Input.InputManager.ProcessInput(InputEventArgs input)
 at System.Windows.Input.InputProviderSite.ReportInput(InputReport inputReport)
 at System.Windows.Interop.HwndMouseInputProvider.ReportInput(IntPtr hwnd, InputMode mode, Int32 timestamp, RawMouseActions actions, Int32 x, Int32 y, Int32 wheel)
 at System.Windows.Interop.HwndMouseInputProvider.FilterMessage(IntPtr hwnd, WindowMessage msg, IntPtr wParam, IntPtr lParam, Boolean& handled)
 at System.Windows.Interop.HwndSource.InputFilterMessage(IntPtr hwnd, Int32 msg, IntPtr wParam, IntPtr lParam, Boolean& handled)
 at MS.Win32.HwndWrapper.WndProc(IntPtr hwnd, Int32 msg, IntPtr wParam, IntPtr lParam, Boolean& handled)
 at MS.Win32.HwndSubclass.DispatcherCallbackOperation(Object o)
 at System.Windows.Threading.ExceptionWrapper.InternalRealCall(Delegate callback, Object args, Int32 numArgs)
 at MS.Internal.Threading.ExceptionFilterHelper.TryCatchWhen(Object source, Delegate method, Object args, Int32 numArgs, Delegate catchHandler)

TreeListView

answered on 21 Nov 2011

1 answer

185 views

Tick inside chart area

Hello!
Is it possible to style ticks to have them inside chart area?

Best wishes,
Christopher

Chart

answered on 21 Nov 2011

1 answer

294 views

EF and IEditableObject

I have a DataForm that I load via EF. In order to support "Edits", I need to implement the IEditableObject interface but I can't get it to work. I am almost certain I am not the first one trying to do this so if anyone can point me in the right direction would be great.

Thanks in advance.

DataForm

answered on 21 Nov 2011

3 answers

137 views

Ambigious type reference error & FilteringControl style

I just added a style to my app (in appStyles.xaml) to hide the gridview distinct filter. The style is working but in design view of pages & windows i get the following errors:

This is what the resource declarations in the appStyles.xaml are:

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

<br>    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:telerik="http://schemas.telerik.com/2008/xaml/presentation"<

br> xmlns:telerikGrid="clr-namespace:Telerik.Windows.Controls;assembly=Telerik.Windows.Controls.GridView"<br

>    xmlns:Telerik_Windows_Controls_MaskedTextBox="clr-namespace:Telerik.Windows.Controls.MaskedTextBox;assembly=Telerik.Windows.Controls.Input"  >

Here's how i'm the style for the FilteringControl:

<Style TargetType="{x:Type telerik:FilteringControl}" > <Setter Property="Template"> <Setter.Value> <ControlTemplate TargetType="{x:Type telerik:FilteringControl}"> <Border BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" CornerRadius="1" Margin="{TemplateBinding Margin}"> <Border BorderBrush="White" BorderThickness="1" Background="{TemplateBinding Background}"> <Grid> <StackPanel HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" MaxWidth="350" Margin="{TemplateBinding Padding}" MinWidth="200" VerticalAlignment="{TemplateBinding VerticalContentAlignment}"> <StackPanel x:Name="PART_DistinctFilter" Visibility="{TemplateBinding DistinctFiltersVisibility}"> <CheckBox x:Name="PART_SelectAllCheckBox" Visibility="Collapsed" Content="Select All" IsChecked="{Binding SelectAll, Mode=TwoWay}" Margin="0,2" telerik:LocalizationManager.ResourceKey="GridViewFilterSelectAll"> <telerik:StyleManager.Theme> <telerik:MetroTheme /> </telerik:StyleManager.Theme> </CheckBox> <ListBox x:Name="PART_DistinctValuesList" ItemsSource="{Binding DistinctValues}" ScrollViewer.HorizontalScrollBarVisibility="Auto"

<br>                                                     MaxHeight="100" SelectionMode="Multiple" Visibility="Collapsed" ><

br> <ListBox.ItemTemplate> <DataTemplate> <CheckBox Content="{Binding ConvertedValue}" IsChecked="{Binding IsActive, Mode=TwoWay}" VerticalContentAlignment="Center"> <telerik:StyleManager.Theme><br

>                                                            <

telerik:MetroTheme/> </telerik:StyleManager.Theme> </CheckBox> </DataTemplate> </ListBox.ItemTemplate> <telerik:StyleManager.Theme> <telerik:MetroTheme/> </telerik:StyleManager.Theme> </ListBox> </StackPanel> <StackPanel Margin="0,2" Visibility="{TemplateBinding FieldFiltersVisibility}"> <TextBlock Margin="0,2,0,0" telerik:LocalizationManager.ResourceKey="GridViewFilterShowRowsWithValueThat" Text="Show rows with value that"></TextBlock> <telerik:RadComboBox x:Name="PART_Filter1ComboBox" ItemsSource="{Binding AvailableActions}" SelectedItem="{Binding Filter1.Operator, Mode=TwoWay}" Margin="0,2"> <telerik:RadComboBox.ItemTemplate> <DataTemplate> <TextBlock> <TextBlock.Text> <Binding> <Binding.Converter> <telerik:FilterOperatorConverter/> </Binding.Converter> </Binding> </TextBlock.Text> </TextBlock> </DataTemplate> </telerik:RadComboBox.ItemTemplate> <telerik:StyleManager.Theme> <telerik:MetroTheme/> </telerik:StyleManager.Theme> </telerik:RadComboBox> <ContentControl x:Name="PART_Filter1ContentControl" DataContext="{Binding Filter1}" HorizontalContentAlignment="Stretch" Margin="0,2" VerticalContentAlignment="Stretch"/> <telerik:RadComboBox x:Name="PART_LogicalOperatorsComboBox" ItemsSource="{Binding LogicalOperators}" SelectedItem="{Binding FieldFilterLogicalOperator, Mode=TwoWay}" Margin="0,2"> <telerik:RadComboBox.ItemTemplate> <DataTemplate> <TextBlock> <TextBlock.Text> <Binding> <Binding.Converter> <telerik:FilterCompositionLogicalOperatorConverter/> </Binding.Converter> </Binding> </TextBlock.Text> </TextBlock> </DataTemplate> </telerik:RadComboBox.ItemTemplate> <telerik:StyleManager.Theme> <telerik:MetroTheme/> </telerik:StyleManager.Theme> </telerik:RadComboBox> <telerik:RadComboBox x:Name="PART_Filter2ComboBox" ItemsSource="{Binding AvailableActions}" SelectedItem="{Binding Filter2.Operator, Mode=TwoWay}" Margin="0,2"> <telerik:RadComboBox.ItemTemplate> <DataTemplate> <TextBlock> <TextBlock.Text> <Binding> <Binding.Converter> <telerik:FilterOperatorConverter/> </Binding.Converter> </Binding> </TextBlock.Text> </TextBlock> </DataTemplate> </telerik:RadComboBox.ItemTemplate> <telerik:StyleManager.Theme> <telerik:MetroTheme/> </telerik:StyleManager.Theme> </telerik:RadComboBox> <ContentControl x:Name="PART_Filter2ContentControl" DataContext="{Binding Filter2}" HorizontalContentAlignment="Stretch" Margin="0,2" VerticalContentAlignment="Stretch"/> </StackPanel> <Grid> <Grid.ColumnDefinitions> <ColumnDefinition/> <ColumnDefinition/> </Grid.ColumnDefinitions> <Button x:Name="PART_ApplyFilterButton" Content="Filter" Grid.Column="0" Height="22" Margin="0,2,2,2" telerik:LocalizationManager.ResourceKey="GridViewFilter"> <telerik:StyleManager.Theme> <telerik:MetroTheme/> </telerik:StyleManager.Theme> </Button> <Button x:Name="PART_ClearFilterButton" Content="Clear Filter" Grid.Column="1" Height="22" Margin="2,2,0,2" telerik:LocalizationManager.ResourceKey="GridViewClearFilter"> <telerik:StyleManager.Theme> <telerik:MetroTheme/> </telerik:StyleManager.Theme> </Button> </Grid> </StackPanel> <telerik:RadButton x:Name="PART_FilterCloseButton" HorizontalAlignment="Right" Height="13" Margin="{TemplateBinding Padding}" VerticalAlignment="Top" Width="13"> <telerik:StyleManager.Theme> <telerik:MetroTheme/> </telerik:StyleManager.Theme> <Path Data=

"M4,4L5,4 5,5 4,5z M0,4L1,4 1,5 0,5z M3,3L4,3 4,4 3,4z M1,3L2,3 2,4 1,4z M2,2L3,2 3,3 2,3z M4,0L5,0 5,1 4,1 4,2 3,2 3,0.99999994 4,0.99999994z M0,0L1,0 1,0.99999994 2,0.99999994 2,2 1,2 1,1 0,1z"

Fill="Black" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" Height="6" VerticalAlignment="{TemplateBinding VerticalContentAlignment}" Width="6"/> </telerik:RadButton> </Grid> </Border> </Border> </ControlTemplate> </Setter.Value> </Setter> <Setter Property="Background" Value="#FFE4E4E4"/> <Setter Property="BorderBrush" Value="#FF848484"/> <Setter Property="Padding" Value="5"/> <Setter Property="Margin" Value="0,2,0,0"/> <Setter Property="BorderThickness" Value="1"/> <Setter Property="VerticalContentAlignment" Value="Stretch"/> <Setter Property="HorizontalContentAlignment" Value="Stretch"/> <Setter Property="Foreground" Value="Black"/> <Setter Property="SnapsToDevicePixels" Value="True"/> </Style>

Here's from a window:

<Window x:Class="RawDataView"  xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"<br

>    Title="Raw Data View" Height="437" Width="658" xmlns:telerik="http://schemas.telerik.com/2008/xaml/presentation" WindowStartupLocation="CenterOwner"><

br> <Window.Resources> <ResourceDictionary>   <Style x:Key="headerRow" TargetType="telerik:GridViewHeaderRow"> <Setter Property="Background" Value="#FFF5F5FD"/> </Style>   <ResourceDictionary.MergedDictionaries> <ResourceDictionary Source="/app.Styles.xaml" /> </ResourceDictionary.MergedDictionaries> </ResourceDictionary> </Window.Resources>

Not sure if i need to qualify the FilteringControl style with something or add another xmlns reference to the styles. Thanks

GridView

answered on 21 Nov 2011

1 answer

89 views

Use MapControl in a WinForms-Application?

Hi there,

is it possible to use a WPF MapControl in a Winforms-Application?
We have a WinForms-Application where we want to use some Map.
Or any other idea?

Best Regards
Manfred

Map

answered on 21 Nov 2011

3 answers

136 views

Alert needed on losing focus from Editable Rdcombox if text entered does not match

Hi,

I have radcombobox which is

IsEditable="True"

IsTextSearchEnabled="True"

TextSearchMode="StartsWith"

Now when user enters some text which is not present in the list that is binded to the radcombobox and the radcombobox loses focus, i want a alert which tells users that value entered is not available and clears the text entered in the radcombobox.

Please guide.

ComboBox

answered on 21 Nov 2011

5 answers

182 views

TextBox apply default Theme

Hello,
I read many post in this forum, but still not have answer.

How to apply current telerik theme to TextBox?
So no hardcoded theme but current theme.

We have function like this:

internal static void ApplyConfiguredTheme()

{

switch (GetConfiguredTheme())

{

case ThemeEnum.Black:

StyleManager.ApplicationTheme = new Office_BlackTheme();

break;

case ThemeEnum.Blue:

StyleManager.ApplicationTheme = new Office_BlueTheme();

break;

case ThemeEnum.Silver:

StyleManager.ApplicationTheme = new Office_SilverTheme();

break;

case ThemeEnum.Win7:

StyleManager.ApplicationTheme = new Windows7Theme();

break;

}

So in XAML I cant hardcode any theme.

General Discussions

answered on 21 Nov 2011

2 answers

142 views

RadTreeView jumps to top

I have a window that is split into two columns. The left side contains a RadTreeView and when an item in this control is double clicked a new tab is added to a RadTabControl contained on the right side of the window. Between them is a grid splitter control.

It seems that when a certain width range of the tabs is reached there is some interaction that causes the RadTreeView to scroll to the top of its list (usually this is the forth or firth tab opened). I thought it was related to this post http://www.telerik.com/community/forums/wpf/treeview/radtreeview-jumps-to-top-when-resized.aspx, but it does not seem to occur when the RadTreeView is resized explicitly. Instead my theory is that this happens when a layout pass is run where the minimum width of the RadTreeView/column is accounted for.

The behavior disappears if I move the grid splitter even slightly to the right and then back to fit the minimum width of the left column, however this does not seem to work if I do it programmatically.

I am running the latest internal builds for wpf 4.0.

TreeView

answered on 21 Nov 2011

6 answers

196 views

Q3 upgrade, no more toolbox items?

Hello all.

I updated to WPF Q3 today. Now, it seems that i have no more toolbox with the Telerik controls.

Steps that i already did:

Deleted the *.tbp files
Uninstalled and reinstalled ALL Telerik controls
'Reset' toolbox
Telerik WPF toolbox configurator

Hower, no Telerik controls in my toolbox... I need urgent help on this issue!
I tried adding them manual, but it just makes a huge mess in my toolbox, and, when i restart VS, they are all gone.

Help me out please.

Installer and Visual Studio Extensions

answered on 21 Nov 2011