Questions on UI for WPF Forum

3 answers

36 views

setting the focus on Custom editors on tabbing and Styling

Hi Team,

1) As I am providing my own customEditors based on my property types, I am unable to set the focus to the Custom Editors when I am tabbing through the PropertyGrid. I am providing my own style ( Grid layout) to the property Grid.Coud you please help me in this regards.

2) Secondly, I want to provide my style similiar to the style which telerik provides when we make AutogeneratePropertyDefintions as true.
Currently I am doing Autogenerate as False and providing my own style ( grid layout) as a result what happens is:
a) The PropertyNames are getting overlapped by the Thumb(gripper that exists between the property name and the custom editor). I always have to hold the gripper and move it right to see the complete name. Is there a way , so that I could align my property grid like: <PropertyName><gripper><Editor>. the Property Name takes the size as per its text and the rest space is completely taken by the Custom Editor.( Mostly Like Stack Layout)

Regards,
Imran

PropertyGrid

answered on 22 Sep 2014

1 answer

154 views

WPF reuse of identical nodes

Hello.

My WPF code has several nodes that are textually identical (including their contents) but refer to different data-contexts:

<telerik:RadTabControl IsSynchronizedWithCurrentItem="True">

<telerik:RadTabControl.Resources>

<system:String x:Key="Mandatory">* Mandatory field</system:String>

</telerik:RadTabControl.Resources>

<telerik:EventToCommandBehavior.EventBindings>

<telerik:EventBinding Command="{Binding PreviewSelectionChanged}" EventName="PreviewSelectionChanged" RaiseOnHandledEvents="True" PassEventArgsToCommand="True" />

</telerik:EventToCommandBehavior.EventBindings>

<telerik:RadTabItem Visibility="{Binding ProjectVisibility}">

<telerik:RadTabItem.Header>

<Label Content="_Projects" />

</telerik:RadTabItem.Header>

<DockPanel>

<DockPanel.DataContext>

<local:ProjectGridViewModel />

</DockPanel.DataContext>

<local:ButtonPanel DockPanel.Dock="Top"/>

<TextBlock Text="{StaticResource Mandatory}" DockPanel.Dock="Bottom"/>

<telerik:RadGridView ItemsSource="{Binding Path=ItemCollectionProperty, Mode=TwoWay}" SelectedItem="{Binding CurrentlySelectedItem, Mode=TwoWay, Converter={StaticResource ignoreNewItemPlaceHolderConverter}}" AutoGenerateColumns="False" CanUserDeleteRows="True" IsSynchronizedWithCurrentItem="True" ShowGroupPanel="False" DockPanel.Dock="Top" AlternateRowBackground="Beige" AlternationCount="2" SelectionMode="Extended">

<telerik:EventToCommandBehavior.EventBindings>

<telerik:EventBinding Command="{Binding SelectionChangingCommand}" EventName="SelectionChanging" RaiseOnHandledEvents="True" PassEventArgsToCommand="True" />

<telerik:EventBinding Command="{Binding NewEventCommand}" EventName="AddingNewDataItem" RaiseOnHandledEvents="True" PassEventArgsToCommand="True" />

<telerik:EventBinding Command="{Binding DeleteEventCommand}" EventName="Deleting" RaiseOnHandledEvents="True" PassEventArgsToCommand="True" />

</telerik:EventToCommandBehavior.EventBindings>

<telerik:RadGridView.Columns>

<telerik:GridViewDataColumn Header="Name*" IsReadOnly="False" DataMemberBinding="{Binding ItemProperty.Name, Mode=TwoWay}">

<telerik:GridViewDataColumn.CellEditTemplate>

<DataTemplate>

<TextBox Text="{Binding ItemProperty.Name, Mode=TwoWay}" telerik:TextBoxBehavior.UpdateTextOnTextChanged="True" />

</DataTemplate>

</telerik:GridViewDataColumn.CellEditTemplate>

</telerik:GridViewDataColumn>

<telerik:GridViewDataColumn Header="Description" IsReadOnly="False" DataMemberBinding="{Binding ItemProperty.Description, Mode=TwoWay}">

<telerik:GridViewDataColumn.CellEditTemplate>

<DataTemplate>

<TextBox Text="{Binding ItemProperty.Description, Mode=TwoWay}" telerik:TextBoxBehavior.UpdateTextOnTextChanged="True" />

</DataTemplate>

</telerik:GridViewDataColumn.CellEditTemplate>

</telerik:GridViewDataColumn>

<telerik:GridViewComboBoxColumn Header="Coordinator*" ItemsSource=

"{Binding RelativeSource={RelativeSource Findancestor, AncestorType={x:Type Window}}, Path=DataContext.EmployeeCollection}"

DataMemberBinding="{Binding Path=ItemProperty.coordinator}" DisplayMemberPath="ItemProperty.Name" SelectedValueMemberPath="ItemProperty.Name" IsVisible="{Binding CoordinatorColumnIsVisible}" />

</telerik:RadGridView.Columns>

</telerik:RadGridView>

</DockPanel>

</telerik:RadTabItem>

<telerik:RadTabItem Visibility="{Binding EmployeeVisibility}">

<telerik:RadTabItem.Header>

<Label Content="_Employees" />

</telerik:RadTabItem.Header>

<DockPanel>

<DockPanel.DataContext>

<local:EmployeeGridViewModel />

</DockPanel.DataContext>

<local:ButtonPanel DockPanel.Dock="Top"/>

<TextBlock Text="{StaticResource Mandatory}" DockPanel.Dock="Bottom"/>

<telerik:RadGridView ItemsSource="{Binding Path=ItemCollectionProperty, Mode=TwoWay}" SelectedItem="{Binding CurrentlySelectedItem, Mode=TwoWay, Converter={StaticResource ignoreNewItemPlaceHolderConverter}}" CurrentItem=

"{Binding CurrentlySelectedItem, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged, Converter={StaticResource ignoreNewItemPlaceHolderConverter}}"

AutoGenerateColumns="False" CanUserDeleteRows="True" IsSynchronizedWithCurrentItem="True" ShowGroupPanel="False" DockPanel.Dock="Top" AlternateRowBackground="Beige" AlternationCount="2" SelectionMode="Extended" VerticalContentAlignment="Stretch">

<telerik:EventToCommandBehavior.EventBindings>

<telerik:EventBinding Command="{Binding SelectionChangingCommand}" EventName="SelectionChanging" RaiseOnHandledEvents="True" PassEventArgsToCommand="True" />

<telerik:EventBinding Command="{Binding NewEventCommand}" EventName="AddingNewDataItem" RaiseOnHandledEvents="True" PassEventArgsToCommand="True" />

<telerik:EventBinding Command="{Binding DeleteEventCommand}" EventName="Deleting" RaiseOnHandledEvents="True" PassEventArgsToCommand="True" />

</telerik:EventToCommandBehavior.EventBindings>

<telerik:RadGridView.Columns>

<telerik:GridViewDataColumn Header="Name*" IsReadOnly="False" DataMemberBinding="{Binding ItemProperty.Name, Mode=TwoWay}">

<telerik:GridViewDataColumn.CellEditTemplate>

<DataTemplate>

<TextBox Text="{Binding ItemProperty.Name, Mode=TwoWay}" telerik:TextBoxBehavior.UpdateTextOnTextChanged="True" />

</DataTemplate>

</telerik:GridViewDataColumn.CellEditTemplate>

</telerik:GridViewDataColumn>

<telerik:GridViewComboBoxColumn Header="Location*" x:Name="Location" ItemsSource=

"{Binding RelativeSource={RelativeSource Findancestor, AncestorType={x:Type Window}}, Path=DataContext.ROLocationDbmCollectionProperty}"

DataMemberBinding="{Binding Path=ItemProperty.Location}" DisplayMemberPath="ItemProperty.Name" SelectedValueMemberPath="ItemProperty.Name" />

<telerik:GridViewDataColumn Header="Recruitment Date*" DataMemberBinding="{Binding ItemProperty.RecruitmentDate}" DataFormatString="dd/MM/yyyy" Width="86" />

</telerik:RadGridView.Columns>

</telerik:RadGridView>

</DockPanel>

</telerik:RadTabItem>

<telerik:RadTabItem Visibility="{Binding LocationVisibility}">

<telerik:RadTabItem.Header>

<Label Content="_Locations" />

</telerik:RadTabItem.Header>

<DockPanel>

<DockPanel.DataContext>

<local:LocationGridViewModel />

</DockPanel.DataContext>

<local:ButtonPanel DockPanel.Dock="Top"/>

<TextBlock Text="{StaticResource Mandatory}" DockPanel.Dock="Bottom"/>

<telerik:RadGridView ItemsSource="{Binding Path=ItemCollectionProperty, Mode=TwoWay}" SelectedItem="{Binding CurrentlySelectedItem, Mode=TwoWay, Converter={StaticResource ignoreNewItemPlaceHolderConverter}}" CurrentItem=

"{Binding CurrentlySelectedItem, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged, Converter={StaticResource ignoreNewItemPlaceHolderConverter}}"

AutoGenerateColumns="False" CanUserDeleteRows="True" IsSynchronizedWithCurrentItem="True" ShowGroupPanel="False" DockPanel.Dock="Top" AlternateRowBackground="Beige" AlternationCount="2" SelectionMode="Extended" VerticalContentAlignment="Stretch">

<telerik:EventToCommandBehavior.EventBindings>

<telerik:EventBinding Command="{Binding SelectionChangingCommand}" EventName="SelectionChanging" RaiseOnHandledEvents="True" PassEventArgsToCommand="True" />

<telerik:EventBinding Command="{Binding NewEventCommand}" EventName="AddingNewDataItem" RaiseOnHandledEvents="True" PassEventArgsToCommand="True" />

<telerik:EventBinding Command="{Binding DeleteEventCommand}" EventName="Deleting" RaiseOnHandledEvents="True" PassEventArgsToCommand="True" />

</telerik:EventToCommandBehavior.EventBindings>

<telerik:RadGridView.Columns>

<telerik:GridViewDataColumn Header="Name*" IsReadOnly="False" DataMemberBinding="{Binding ItemProperty.Name, Mode=TwoWay}">

<telerik:GridViewDataColumn.CellEditTemplate>

<DataTemplate>

<TextBox Text="{Binding ItemProperty.Name, Mode=TwoWay}" telerik:TextBoxBehavior.UpdateTextOnTextChanged="True" />

</DataTemplate>

</telerik:GridViewDataColumn.CellEditTemplate>

</telerik:GridViewDataColumn>

</telerik:RadGridView.Columns>

</telerik:RadGridView>

</DockPanel>

</telerik:RadTabItem>

... several more similar-looking tab-items

</telerik:RadTabControl>

As you can see, the EventBindings of all RadGridView instances are textually identical, only under different data-contexts of each RadTabItem. This is code duplication, and I need to have code-reuse in order to solve it.
Is there a way to put all of those identical nodes in a single place and just make a reference to that place in each RadTabItem?
(If you also manage to do that for the identical repetitive appearances of ButtonPanel and Mandatory in each RadTabItem that would be great.)

GridView

answered on 22 Sep 2014

1 answer

145 views

Suspend sorting data is pasted

I have exactly the same problem as described here

http://www.telerik.com/forums/suspend-sorting-during-paste

Basically I want to disable column sorting when users wants to paste their data into the grid
Just let the column unsorted and let user decide whether they want to sort again

I tried this on Pasting event of the grid, but it doesn't work

private void OnGridPasting(object sender, GridViewClipboardEventArgs e)

{

((RadGridView) sender).CurrentColumn.SortingState = SortingState.None;

}

It actually doing nothing, the column still get sorted on pasting, and I can see the sorting caret on the column header, which is weird !!

So I switched to PastingCellClipboardContent event and do this

private void OnPastingCellClipboardContent(object sender, GridViewCellClipboardEventArgs e)

{

e.Cell.Column.SortingState = SortingState.None;

}

The sorting caret on column header disappears, but as the data being modified, they still get sorted <-- I believe this is a bug

What else can I do to get my problem solved?

Thanks

GridView

answered on 22 Sep 2014

2 answers

342 views

TwoWay-Binding with ExpandoObject

Hi,

i use the RadPropertyGrid to show the properties of an ExpandoObject in unbound mode (AutoGenerateBindingPaths=false and AutoGeneratePropertyDefinitions=false). The PropertyDefinitions are created in code by my ViewModel.

In pseudo code my view model looks like:

dynamic model = new ExpandoObject();

model.MyProperty = 42;

PropertyDefinition property = new PropertyDefinition

{

     DisplayName = "MyProperty",

Binding = new Binding("MyProperty")

{

Source = model,

Mode = BindingMode.TwoWay

}

};

On a first glance it seems to work. The property with the current value appears in the PropertyGrid.
But unfortunally the update is not working. When I change the value of the property in the PropertyGrid, the model is not updated.

Is there a mistake on my side?

Best regards,
Thomas

PropertyGrid

answered on 22 Sep 2014

5 answers

188 views

Runtime error when project output type is Class Library

Operating System: Windows 7
Telerik: 2012.2.912.40 (RadControls for WPF)

Issue: After adding RadPropertyGrid control in my WPF Class Library project and running the application, I get "Could not load file or assembly 'Telerik.Windows.Controls.Data, PublicKeyToken=5803cfa389c90ce7' or one of its dependencies. The system cannot find the file specified."

Note- This works fine if the project type is of Windows application. As mentioned above, does not work in a class library project.

PropertyGrid

answered on 22 Sep 2014

16 answers

445 views

Open PDF from html document

Hi,

I have html document(xyz.html),Under click event i want to open PDF file from html Document using Telerik.

Please let me know how can I proceed.

Regards,
Ranjith

RichTextBox

answered on 22 Sep 2014

1 answer

340 views

RadGridView CellEditEnded event fired twice

I have been using Telerik GridView component (version 2014.2.729.45). I need to handle cell change event. Following events are fired consecutively:

1. Cell Validating
2. Cell Validated
3. Cell Edit Ended
4. Row Edit Ended
5. Cell Validating
6. Cell Validated
7. Cell Edit Ended
8. Row Edit Ended

Why these events are fired twice? Is this a bug?

GridView

answered on 19 Sep 2014

3 answers

223 views

Mask for 25 hours

We want to use RadMaskedDateTimeInput to let the user enter TimeSpans fo more than 24 hours.
For example 25 hours should be displayed and entered as

25:00:00 or 01:01:00:00 (one day and one hour)

using a "HH:mm:ss" or "dd:HH:mm:ss" mask does not work!

MaskedInput (Numeric, DateTime, Text, Currency)

answered on 19 Sep 2014

12 answers

657 views

Unable to set Focus()

If I replace the RadAutoCompleteBox with a normal wpf textbox I can set focus in event OnLoaded with method myTextBox.Focus();
her is the code with the RadAutoCompleteBox that is not working:

<Window x:Class="Propertydesigner.Window1"

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

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

xmlns:telerik="clr-namespace:Telerik.Windows.Controls;assembly=Telerik.Windows.Controls"

xmlns:controls="clr-namespace:Telerik.Windows.Controls;assembly=Telerik.Windows.Controls.Input"

Title="Window1" Height="300" Width="300" Loaded="Window1_OnLoaded" >

<Grid>

<telerik:RadBusyIndicator Grid.Row="1" IsIndeterminate="True">

<Grid HorizontalAlignment="Stretch" Margin="5">

<Grid.RowDefinitions>

<RowDefinition Height="Auto" />

<RowDefinition Height="*"/>

</Grid.RowDefinitions>

<StackPanel>

<TextBlock Text="Enter a document name" Margin="0 0 0 5"/>

<controls:RadAutoCompleteBox x:Name="SearchForDocuments"

DisplayMemberPath ="Name"

SelectionMode="Single"

TextSearchMode="Contains"

HorizontalAlignment="Stretch"

Margin="0 0 0 3"/>

</StackPanel>

<StackPanel Grid.Row="2"

Orientation="Horizontal"

HorizontalAlignment="Right"

VerticalAlignment="Center"

Margin="0 10 0 0">

<telerik:RadButton Content="OK" Width="70" Margin="0 0 10 0" />

<telerik:RadButton Content="Cancel" Width="70"/>

</StackPanel>

</Grid>

</telerik:RadBusyIndicator>

</Grid>

</Window>

private void Window1_OnLoaded(object sender, RoutedEventArgs e)
{
SearchForDocuments.Focus();
}

AutoCompleteBox

answered on 19 Sep 2014

5 answers

143 views

Populate date in datepicker on hit of F3 button

Hello,

I need to Populate current date in my telerik datepicker control as soon as i hit F3 key. How can i achieve this in wpf telerik datepicker?

Thanks,

Abdi

DatePicker

answered on 19 Sep 2014