Questions on UI for WPF Forum

2 answers

169 views

Appointment : custom field and user interface

Hi,
I need to show a custom appointment with some custom fields, I followed docs samples but it doesn't work.

My steps:
1) create an AppointmentExt class that inherits from Appointment, with 2 simple extra fields

public class AppointmentExt : Appointment

{

public planning_slot Slot { get; set; }

public string SpecialTooltip { get; set; }

}

2) added an ObservableCollection<AppointmentExt> as Appointments source

ObservableCollection<AppointmentExt> appointments = new ObservableCollection<AppointmentExt>();

3) Created a new Tooltip template and bind the text to my specialtooltip

<DataTemplate x:Key="ScheduleTooltip">

<StackPanel Orientation="Horizontal">

<TextBlock MaxWidth="200" TextWrapping="Wrap" Text="{Binding SpecialTooltip}"/>

</StackPanel>

</DataTemplate>

At runtime the SpecialTooltip is fill but it's displayed empty (not binded?).

So I've 2 question:
A) how can I bind the tooltip to my SpecialTooltip field?
B) how can I change the way the appointment is draw ?

Thanks

ScheduleView

answered on 14 Jun 2012

1 answer

200 views

How to create markers (or customItems) on demand

We are creating a linear gauge, it needs to show some extra markers (on-demand based on user's setting, binding to "Markers").
We tried to add <telerik:LinearScale.CustomItems>, but we can not set up the databinding... and we tried to add
CustomItems=

"{Binding Markers}"

CustomItemTemplate="{StaticResource CustomItemTemplate}"

but we cannot make it work.

BTW: as the code shows below, the gauge shows "CurrentFrameNumber" on the top of the gauge, and we would like the extra markers appear on the bottom of the gauge.

Could you please help?
Thanks.

<telerik:RadHorizontalLinearGauge Grid.Row="1" Grid.Column="0" Grid.ColumnSpan="2" x:Name="TimeGauge" HorizontalContentAlignment="Stretch" VerticalContentAlignment="Stretch" Margin="0" OuterBackground="#00000000" OuterBorderThickness="0" Background="#00000000" BorderBrush="#00000000">

<telerik:LinearScale x:Name="TimeScale"

Min="{Binding Min}"

Max="{Binding Max}"

IsInteractive="True"

RelativeX="0.04"

RelativeWidth="0.92" RelativeY="0.6"

FontSize="10"

Fill="#4D0000F9"

CustomItems="{Binding Markers}"

CustomItemTemplate="{StaticResource CustomItemTemplate}">

<telerik:LinearScale.Indicators>

<telerik:BarIndicator x:Name="TrackBar"

Value="{Binding CurrentFrameNumber, Mode=TwoWay}" IsAnimated="False" Background="#FF00C500" />

<telerik:Marker x:Name="CurrentFrameMarker"

Value="{Binding CurrentFrameNumber, Mode=TwoWay}"

telerik:ScaleObject.Offset="0.10"

telerik:LinearScale.RotateForVertical="True"

telerik:ScaleObject.RelativeWidth="0.04"

telerik:ScaleObject.RelativeHeight="0.30"

telerik:ScaleObject.Location="Outside">

<telerik:Marker.Template>

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

<Grid HorizontalAlignment="Stretch" VerticalAlignment="Stretch">

<Polygon Points="0,0 0,0.7 0.5,1 1,0.7 1,0"

Stretch="Fill"

Fill="Yellow"

Stroke="Green"

StrokeThickness="2" />

</Grid>

</ControlTemplate>

</telerik:Marker.Template>

</telerik:Marker>

</telerik:LinearScale.Indicators>

</telerik:LinearScale>

</telerik:RadHorizontalLinearGauge>

Gauges

answered on 14 Jun 2012

1 answer

165 views

RadHTMLPlaceHolder Control

Whats up with the RadHTMLPlaceHolder Control ?

I keep finding videos that refer to it as the RadHTMLPlaceHolder Control for Silverlight and WPF but it doesnt seem to be part of WPF.
Example:
http://www.youtube.com/watch?v=2V3GBQKPQws&feature=results_main&playnext=1&list=PL26B565F9DF19A9C4

Will it be added in the future?
Using the Windows Forms HTML Webbrowser control in WPF works alright but is not designed for WPF.

General Discussions

answered on 14 Jun 2012

1 answer

125 views

GridViewCheckBoxColumn feature

Hi,

I would like to know if with the new release 2012.2.607.0 when we have a GridViewCheckBoxColumn in a grid, if we do some grouping, if a checkbox appear in the group header to select/unselect by a single click all the subrows of the grouped columns?

Thank's

GridView

answered on 13 Jun 2012

3 answers

170 views

Custom Aggregate on a field which is of List Type

I have these classes Task and ResourceHour

public class Task {

public Task() {

this.TotalHoursByResource = new List<ResourceHour>();

}

public int ID {get;set;}

public string Name { get; set; }

public decimal TotalHours { get; set; }

public List<ResourceHour> TotalHoursByResource { get; set; }

}

public class ResourceHour {

public string Resource { get; set; }

public string WorkingHourType { get; set; }

public double Hours { get; set; }

}

A list of Task objects is bound to a RadGridView and I want to create a custom aggregate on Property "TotalHoursByResource" which is a list of ResourceHour objects.

When i try to do it as below, it gives an error
No generic method '' on type '' is compatible with the supplied type arguments and arguments. No type arguments should be provided if the method is non-generic.

public class HoursAggregate : EnumerableSelectorAggregateFunction {

protected override string AggregateMethodName {

get { return "GetAggregateHours"; }

}

protected override Type ExtensionMethodsType {

get { return typeof(HoursAggregateType); }

}

public static class HoursAggregateType {

public static string GetAggregateHours<T>(IEnumerable<Task> source, Func<Task, List<ResourceHour>> selector) where T : Task {

return "Some string from TotalHoursByResource";

}

Any ideas if I can create a custom aggregate function to run on a property which itself is a list??

GridView

answered on 13 Jun 2012

4 answers

379 views

Masked Input Control does not change value when user types in control

I have a couple of Masked Input controls on my form, including one date time and a couple of numeric input. I have buttons tied to the controls through events which increase or decrease the value of the control by 1. The values of these controls are bound to variables in my program. Here's the Xaml:

<UserControl x:Class="CarSystem.CustomControls.TimeSpanSpinner"

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

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

xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"

xmlns:d="http://schemas.microsoft.com/expression/blend/2008"

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

xmlns:cs="clr-namespace:CarSystem.CustomControls"

mc:Ignorable="d"

Focusable="True"

Loaded="UserControl_Loaded">

<UserControl.Resources>

<cs:TimeSpanToDateTimeConverter x:Key="TimeSpanConverter" />

</UserControl.Resources>

<Grid Background="{Binding Path=GridBackground, Mode=TwoWay, RelativeSource={RelativeSource AncestorType={x:Type cs:TimeSpanSpinner}}}"

Width="{Binding Path=Width, Mode=TwoWay, RelativeSource={RelativeSource AncestorType={x:Type cs:TimeSpanSpinner}}}">

<Grid.ColumnDefinitions>

<ColumnDefinition Width="*" />

<ColumnDefinition Width="Auto" />

</Grid.ColumnDefinitions>

<telerik:RadMaskedDateTimeInput BorderBrush="{Binding Path=BorderBrush, Mode=TwoWay, RelativeSource={RelativeSource AncestorType={x:Type cs:TimeSpanSpinner}}}"

FlowDirection="{Binding Path=FlowDirection, Mode=TwoWay, RelativeSource={RelativeSource AncestorType={x:Type cs:TimeSpanSpinner}}}"

Focusable="True"

FontFamily="{Binding Path=FontFamily, Mode=TwoWay, RelativeSource={RelativeSource AncestorType={x:Type cs:TimeSpanSpinner}}}"

FontSize="{Binding Path=FontSize, Mode=TwoWay, RelativeSource={RelativeSource AncestorType={x:Type cs:TimeSpanSpinner}}}"

FontStretch="{Binding Path=FontStretch, Mode=TwoWay, RelativeSource={RelativeSource AncestorType={x:Type cs:TimeSpanSpinner}}}"

FontStyle="{Binding Path=FontStyle, Mode=TwoWay, RelativeSource={RelativeSource AncestorType={x:Type cs:TimeSpanSpinner}}}"

FontWeight="{Binding Path=FontWeight, Mode=TwoWay, RelativeSource={RelativeSource AncestorType={x:Type cs:TimeSpanSpinner}}}"

GotFocus="ValueBox_GotFocus"

Grid.Column="0"

HorizontalAlignment="Stretch"

HorizontalContentAlignment="Right"

InputBehavior="Insert"

IsClearButtonVisible="False"

LostFocus="ValueBox_LostFocus"

Margin="5"

Mask="{Binding Path=Mask, Mode=OneWay, RelativeSource={RelativeSource AncestorType={x:Type cs:TimeSpanSpinner}}}"

Name="ValueBox"

SelectionOnFocus="CaretToEnd"

SpinMode="PositionAndValue"

TabIndex="{Binding Path=TabIndex, Mode=TwoWay, RelativeSource={RelativeSource AncestorType={x:Type cs:TimeSpanSpinner}}}"

TextMode="MaskedText"

UpdateValueEvent="PropertyChanged"

Value=

"{Binding Path=Value, Mode=TwoWay, RelativeSource={RelativeSource AncestorType={x:Type cs:TimeSpanSpinner}}, Converter={StaticResource TimeSpanConverter}}"

VerticalAlignment="Center" />

<RepeatButton Background="{DynamicResource ButtonBackground}"

Click="IncrementButton_Click"

Focusable="False"

Foreground="{DynamicResource ButtonForeground}"

Grid.Column="1"

IsTabStop="False"

Name="IncrementButton">

<Image>

<Image.Style>

<Style TargetType="{x:Type Image}">

<Setter Property="Source"

Value="/CustomControls;component/Resources/VolumeUpDay.png" />

<Style.Triggers>

<DataTrigger Binding="{Binding Path=TimeOfDayMode, RelativeSource={RelativeSource AncestorType={x:Type cs:TimeSpanSpinner}}}"

Value="NightTime">

<Setter Property="Source"

Value="/CustomControls;component/Resources/VolumeUpNight.png" />

</DataTrigger>

</Style.Triggers>

</Style>

</Image.Style>

</Image>

</RepeatButton>

<RepeatButton Background="{DynamicResource ButtonBackground}"

Click="DecrementButton_Click"

Focusable="False"

Foreground="{DynamicResource ButtonForeground}"

Grid.Column="2"

IsTabStop="False"

Name="DecrementButton">

<Image>

<Image.Style>

<Style TargetType="{x:Type Image}">

<Setter Property="Source"

Value="/CustomControls;component/Resources/VolumeDnDay.png" />

<Style.Triggers>

<DataTrigger Binding="{Binding Path=TimeOfDayMode, RelativeSource={RelativeSource AncestorType={x:Type cs:TimeSpanSpinner}}}"

Value="NightTime">

<Setter Property="Source"

Value="/CustomControls;component/Resources/VolumeDnNight.png" />

</DataTrigger>

</Style.Triggers>

</Style>

</Image.Style>

</Image>

</RepeatButton>

</Grid>

</UserControl>

And here's the code-behind:

public partial class TimeSpanSpinner : UserControl {

public static readonly DependencyProperty FocusedBackgroundProperty =

DependencyProperty.Register( "FocusedBackground", typeof( Brush ), typeof( TimeSpanSpinner ), new PropertyMetadata( null ) );

public static readonly DependencyProperty FocusedForegroundProperty =

DependencyProperty.Register( "FocusedForeground", typeof( Brush ), typeof( TimeSpanSpinner ), new PropertyMetadata( null ) );

public static DependencyProperty GridBackgroundProperty =

DependencyProperty.Register( "GridBackground", typeof( Brush ), typeof( TimeSpanSpinner ), new PropertyMetadata( Brushes.Transparent ) );

public static readonly DependencyProperty MaskProperty =

DependencyProperty.Register( "Mask", typeof( string ), typeof( TimeSpanSpinner ), new PropertyMetadata( "HH:mm:ss.fff" ) );

public static readonly DependencyProperty TimeOfDayModeProperty =

DependencyProperty.Register( "TimeOfDayMode", typeof( TimesOfDay ), typeof( TimeSpanSpinner ),

new FrameworkPropertyMetadata( TimesOfDay.DayTime,

FrameworkPropertyMetadataOptions.AffectsRender,

new PropertyChangedCallback( OnTimeOfDayInvalidated ) ) );

public static readonly DependencyProperty UnfocusedBackgroundProperty =

DependencyProperty.Register( "UnfocusedBackground", typeof( Brush ), typeof( TimeSpanSpinner ), new PropertyMetadata( null ) );

public static readonly DependencyProperty UnfocusedForegroundProperty =

DependencyProperty.Register( "UnfocusedForeground", typeof( Brush ), typeof( TimeSpanSpinner ), new PropertyMetadata( null ) );

public static readonly DependencyProperty ValueProperty =

DependencyProperty.Register( "Value", typeof( TimeSpan ), typeof( TimeSpanSpinner ), new PropertyMetadata( TimeSpan.Zero ) );

public Brush FocusedBackground {

get { return (Brush) GetValue( FocusedBackgroundProperty ); }

set { SetValue( FocusedBackgroundProperty, value ); }

}

public Brush FocusedForeground {

get { return (Brush) GetValue( FocusedForegroundProperty ); }

set { SetValue( FocusedForegroundProperty, value ); }

}

public Brush GridBackground {

get { return (Brush) GetValue( GridBackgroundProperty ); }

set { SetValue( GridBackgroundProperty, value ); }

}

public string Mask {

get { return (string) GetValue( MaskProperty ); }

set { SetValue( MaskProperty, value ); }

}

public TimesOfDay TimeOfDayMode {

get { return (TimesOfDay) GetValue( TimeOfDayModeProperty ); }

set { SetValue( TimeOfDayModeProperty, value ); }

}

public Brush UnfocusedBackground {

get { return (Brush) GetValue( UnfocusedBackgroundProperty ); }

set { SetValue( UnfocusedBackgroundProperty, value ); }

}

public Brush UnfocusedForeground {

get { return (Brush) GetValue( UnfocusedForegroundProperty ); }

set { SetValue( UnfocusedForegroundProperty, value ); }

}

public TimeSpan Value {

get { return (TimeSpan) GetValue( ValueProperty ); }

set { SetValue( ValueProperty, value ); }

}

public TimeSpanSpinner() {

InitializeComponent();

}

private void DecrementButton_Click( object sender, RoutedEventArgs e ) {

// Decrement the Value in the ValueBox

ValueBox.CallSpin( false );

}

private void IncrementButton_Click( object sender, RoutedEventArgs e ) {

ValueBox.CallSpin( true );

}

private void OnTimeOfDayModeChanged( TimesOfDay newTimeofDayMode ) {

if ( FocusedBackground != null && UnfocusedBackground != null ) {

ValueBox.Background = ValueBox.IsFocused ? FocusedBackground : UnfocusedBackground;

}

if ( FocusedForeground != null && UnfocusedForeground != null ) {

ValueBox.Foreground = ValueBox.IsFocused ? FocusedForeground : UnfocusedForeground;

}

private static void OnTimeOfDayInvalidated( DependencyObject d, DependencyPropertyChangedEventArgs e ) {

TimeSpanSpinner spinner = (TimeSpanSpinner) d;

spinner.OnTimeOfDayModeChanged( (TimesOfDay) e.NewValue );

}

private void UserControl_Loaded( object sender, RoutedEventArgs e ) {

if ( FocusedBackground == null && UnfocusedBackground == null ) {

ValueBox.Background = Background;

}

if ( FocusedForeground == null && UnfocusedForeground == null ) {

ValueBox.Foreground = Foreground;

}

private void ValueBox_GotFocus( object sender, RoutedEventArgs e ) {

if ( FocusedBackground != null ) {

ValueBox.Background = FocusedBackground;

}

if ( FocusedForeground != null ) {

ValueBox.Foreground = FocusedForeground;

}

private void ValueBox_LostFocus( object sender, RoutedEventArgs e ) {

if ( UnfocusedBackground != null ) {

ValueBox.Background = UnfocusedBackground;

}

if ( UnfocusedForeground != null ) {

ValueBox.Foreground = UnfocusedForeground;

}

I want users to be able to change the value of the controls by editing them and have the value of the control change, so that if they make an edit, then hit the up or down arrow buttons, the value increments from the value they edited, not where the value was before they edited the field.

What do I need to change to make this work?

Tony

MaskedInput (Numeric, DateTime, Text, Currency)

answered on 13 Jun 2012

0 answers

90 views

GridViewColumn.Footer Causes Exception on Theme Change

See other post with same title.

GridView

asked on 13 Jun 2012

1 answer

242 views

SelectedItem is null after cell edit and auto sort

Hi,
I have a RadGridView bind to a datatable and sort by Name column. My problem is after I modify the Name column, the RadGridView performs a 'auto sort' and the current selected row is deselected and the SelectedItem is Nothing.

How can I preserve the selected row after the 'auto sort'?

Thanks,
Chris

telerik:RadGridView DockPanel.Dock="Top" x:Name="gv" SelectionMode="Single" RowHeight="30"

IsSynchronizedWithCurrentItem="True" AutoGenerateColumns="False" ShowGroupPanel="False" >

<telerik:RadGridView.Columns>

<telerik:GridViewDataColumn DataMemberBinding="{Binding Path=Name}" Header="Name" UniqueName="Name" />

<telerik:GridViewDataColumn DataMemberBinding="{Binding Path=PhoneNumber}" Header="Phone Number" />

<telerik:GridViewDataColumn DataMemberBinding="{Binding Path=City}" Header="City" />

<telerik:GridViewDataColumn DataMemberBinding="{Binding Path=State}" Header="State" /> </telerik:RadGridView.Columns>

<telerik:RadGridView.SortDescriptors>

<telerik:ColumnSortDescriptor Column="{Binding Columns[\Name\], ElementName=gv}"

SortDirection="Ascending" />

</telerik:RadGridView.SortDescriptors>

</telerik:RadGridView>

GridView

answered on 13 Jun 2012

1 answer

129 views

Select Item on Rotate

I want to set the SelectedItem Propertie without a click on Rotate.

just rotate over Scrollbar or Mousewheel and the viewed item is selected.

(SelectedItem = Current Viewed Item)
Is it possible ?

Thank in advance

Carousel