Questions on UI for WPF Forum

3 answers

233 views

Explicit Columns not generated with Asynchronous Binding

Hello,

It seems to have a bug with async binding and GridView.

Indeed when i create a grid view with synchronous binding like that :

    
            <telerik:RadGridView Margin="5,5,5,5" IsReadOnly="True" AutoGenerateColumns="False" ColumnsWidthMode="Fill" ShowColumnHeaders="True" ShowGroupPanel="True" ItemsSource="{Binding Path=AssetAnalysers}"> 
        
                                    <telerik:RadGridView.Columns> 
        
                                        <telerik:GridViewDataColumn x:Name="AlertTypeColumn"  HeaderText="Type" UniqueName="Analyser.Name" Width="100"/> 
        
                                        <telerik:GridViewDataColumn x:Name="AlertNameColumn"  HeaderText="Name" UniqueName="AnalysedObjectId"/> 
        
                                        <telerik:GridViewDataColumn x:Name="AlertLevelColumn" HeaderText="Level" UniqueName="Level" Width="100"/> 
        
                                        <telerik:GridViewDataColumn x:Name="AlertMessageColumn" HeaderText="Message" UniqueName="Message"/> 
        
                                    </telerik:RadGridView.Columns> 
        
                                </telerik:RadGridView>

Everything works well.

But when i try to make Asynchronous Binding (because the property AssetAnalysers take time to load) like that :

    
                                <telerik:RadGridView Margin="5,5,5,5" IsReadOnly="True" AutoGenerateColumns="False" ColumnsWidthMode="Fill" ShowColumnHeaders="True" ShowGroupPanel="True" ItemsSource="{Binding Path=AssetAnalysers, IsAsync=true}"> 
        
                                    <telerik:RadGridView.Columns> 
        
                                        <telerik:GridViewDataColumn x:Name="AlertTypeColumn"  HeaderText="Type" UniqueName="Analyser.Name" Width="100"/> 
        
                                        <telerik:GridViewDataColumn x:Name="AlertNameColumn"  HeaderText="Name" UniqueName="AnalysedObjectId"/> 
        
                                        <telerik:GridViewDataColumn x:Name="AlertLevelColumn" HeaderText="Level" UniqueName="Level" Width="100"/> 
        
                                        <telerik:GridViewDataColumn x:Name="AlertMessageColumn" HeaderText="Message" UniqueName="Message"/> 
        
                                    </telerik:RadGridView.Columns> 
        
                                </telerik:RadGridView>

At the first loading the four columns are well generated but when my property AssetAnalysers change (it's a INotifyChangedProperty), the binding seems correct but my columns are not generated. So, the GridView looks like empty (but i have rows).

Where is the problem ?

By the way what's the difference and the correct using of UniqueName, DataMemberBinding and DataMemberPath Properties when you have already a binding on ItemSource.

Thank you in advance for your answer.

G. Moelens

GridView

answered on 13 Dec 2013

3 answers

213 views

RadDateTimePicker does not completely display in machine culture

I have a WPF application that uses the Rad Controls for WPF. On one of the windows, there is a RadDateTimePicker:

<telerik:RadDateTimePicker FontSize="{x:Static res:Car.Common_DataEntryFontSize}"

FontWeight="Bold"

Grid.Column="1"

Grid.Row="2"

Height="35"

Margin="5,5,30,5"

Name="BeginDatePicker"

SelectedValue=

"{Binding Converter={StaticResource DateConverterForPicker}, Mode=TwoWay, Path=LocalBeginDate, UpdateSourceTrigger=PropertyChanged, ValidatesOnDataErrors=True}"

SelectionChanged="BeginDatePicker_SelectionChanged"

TabIndex="4"

Validation.ErrorTemplate="{StaticResource InputErrorTemplate}"

VerticalAlignment="Center"

Visibility="{Binding Path=CanModify, Converter={StaticResource BoolToVisibility}}" />

Everything works fine when the machine's culture is set to en-US. However, when I change my machine's culture to es-CL (Chile), the text "Enter Date" that appears in the control when it is empty does not get translated to Spanish. I still see "Enter Date".

When a date is displayed in the control, it's in the proper format for that region. How do I get the "Enter Date" to display in Spanish?

DateTimePicker

answered on 13 Dec 2013

1 answer

233 views

MVVM databinding not working

I have created my image property in my view model and can see the correct format provider is being used and populating my RadBitmap property but the binding does not work on the RadImageEditorUI control.

string extension = Path.GetExtension(FilePath).ToLower();

Stream stream = File.OpenRead(FilePath);

IImageFormatProvider formatProvider = ImageFormatProviderManager.GetFormatProviderByExtension(extension);

if (formatProvider != null)

{

ImagePath = formatProvider.Import(stream);

}

stream.Close();

XAML:

<telerik:RadImageEditorUI x:Name="ImageEditorUi" Image="{Binding ImagePath}" Style="{DynamicResource ImageEditorStyle1}">

Is binding working for this control? If so, please provide a MVVM example because the documentaiton for this has no binding examples.

ImageEditor

answered on 13 Dec 2013

6 answers

191 views

RadMaskedCurrencyInput backspace error

Hello,

Basically I am positioning the cursor in the box mid way though a number and then just holding down backspace and I get an IndexOutOfRangeException which says "Index was outside the bounds of the array.". I do have a screencast of me creating the error if you need that.

Here is the xaml:

<telerik:RadMaskedCurrencyInput Grid.Row="5" Grid.Column="3" Value="{ Binding BgsStepBase, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged, ValidatesOnDataErrors=True, ValidatesOnExceptions=True}" Style="{ StaticResource StandardRadMaskedCurrencyInput}" Validation.ErrorTemplate="{ StaticResource RadMaskedCurrencyInputErrorTemplate}" IsClearButtonVisible="True" IsReadOnly="{Binding IsBgsFieldEnabled, Converter={StaticResource NotConverter}}" FormatString="n0" />

The bound value is decimal? (nullable decimal).

The stack trace is:

at Telerik.Windows.Controls.RadMaskedInputBase.FindPreviousAvailablePositionNoMask() in c:\TB\135\WPF_Scrum\Release_WPF\Sources\Development\Controls\Input\MaskedInput\RadMaskedInputBase.NoMask.cs:line 209
at Telerik.Windows.Controls.RadMaskedCurrencyInput.HandleBackKeyNoMask() in c:\TB\135\WPF_Scrum\Release_WPF\Sources\Development\Controls\Input\MaskedInput\RadMaskedCurrencyInput.NoMask.cs:line 120
at Telerik.Windows.Controls.RadMaskedInputBase.HandleBackKey() in c:\TB\135\WPF_Scrum\Release_WPF\Sources\Development\Controls\Input\MaskedInput\RadMaskedInputBase.cs:line 2154
at Telerik.Windows.Controls.RadMaskedInputBase.OnKeyDown(Object sender, KeyEventArgs e) in c:\TB\135\WPF_Scrum\Release_WPF\Sources\Development\Controls\Input\MaskedInput\RadMaskedInputBase.cs:line 1701
at System.Windows.RoutedEventArgs.InvokeHandler(Delegate handler, Object target)
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.Input.InputManager.ProcessStagingArea()
at System.Windows.Input.InputManager.ProcessInput(InputEventArgs input)
at System.Windows.Interop.HwndKeyboardInputProvider.ReportInput(IntPtr hwnd, InputMode mode, Int32 timestamp, RawKeyboardActions actions, Int32 scanCode, Boolean isExtendedKey, Boolean isSystemKey, Int32 virtualKey)
at System.Windows.Interop.HwndKeyboardInputProvider.ProcessKeyAction(MSG& msg, Boolean& handled)
at System.Windows.Interop.HwndSource.CriticalTranslateAccelerator(MSG& msg, ModifierKeys modifiers)
at System.Windows.Interop.HwndSource.OnPreprocessMessage(Object param)
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)
at System.Windows.Threading.Dispatcher.WrappedInvoke(Delegate callback, Object args, Int32 numArgs, Delegate catchHandler)
at System.Windows.Threading.Dispatcher.InvokeImpl(DispatcherPriority priority, TimeSpan timeout, Delegate method, Object args, Int32 numArgs)
at System.Windows.Interop.HwndSource.OnPreprocessMessageThunk(MSG& msg, Boolean& handled)
at System.Windows.Interop.ComponentDispatcherThread.RaiseThreadMessage(MSG& msg)
at System.Windows.Threading.Dispatcher.TranslateAndDispatchMessage(MSG& msg)
at System.Windows.Threading.Dispatcher.PushFrameImpl(DispatcherFrame frame)
at System.Windows.Application.RunInternal(Window window)
at System.Windows.Application.Run()
at GH.WPF.App.App.Main() in C:\DevWork\Cubit2\Dev\Features\CommonPartEnhancementV1\GH.WPF.Cubit2\obj\x86\Debug\App.g.cs:line 0
at System.AppDomain._nExecuteAssembly(RuntimeAssembly assembly, String[] args)
at Microsoft.VisualStudio.HostingProcess.HostProc.RunUsersAssembly()
at System.Threading.ExecutionContext.Run(ExecutionContext executionContext, ContextCallback callback, Object state, Boolean ignoreSyncCtx)
at System.Threading.ExecutionContext.Run(ExecutionContext executionContext, ContextCallback callback, Object state)
at System.Threading.ThreadHelper.ThreadStart()

Thanks,

Alex

MaskedInput (Numeric, DateTime, Text, Currency)

answered on 13 Dec 2013

1 answer

155 views

Object does not match target type > App.xaml

I downloaded the most recent source code and called the "Build_WPF40_Xamlless.bat 12/11/2013" to build the Release.NoXaml .NET 4 .DLLs. In my App.xaml, I'm merging dictionaries:

<ResourceDictionary.MergedDictionaries>

<ResourceDictionary Source="/Telerik.Windows.Themes.Windows7;component/Themes/Telerik.Windows.Controls.xaml" />

<ResourceDictionary Source="/Telerik.Windows.Themes.Windows7;component/Themes/System.Windows.xaml" />

<ResourceDictionary Source="/Telerik.Windows.Themes.Windows7;component/Themes/Telerik.Windows.Controls.Input.xaml" />

<ResourceDictionary Source="/Telerik.Windows.Themes.Windows7;component/Themes/Telerik.Windows.Controls.Navigation.xaml" />

<ResourceDictionary Source="/Telerik.Windows.Themes.Windows7;component/Themes/Telerik.Windows.Controls.Chart.xaml" />

<ResourceDictionary Source="/Telerik.Windows.Themes.Windows7;component/Themes/Telerik.Windows.Controls.Data.xaml" />

<ResourceDictionary Source="/Telerik.Windows.Themes.Windows7;component/Themes/Telerik.Windows.Controls.GridView.xaml" />

<ResourceDictionary Source="/Telerik.Windows.Themes.Windows7;component/Themes/Telerik.Windows.Controls.RibbonView.xaml" />

<ResourceDictionary Source="Resource Dictionaries/MyDictionary.xaml" />

</ResourceDictionary.MergedDictionaries>

and I'm getting a Object does not match target type in App.xaml during design time. If I delete the line:

<ResourceDictionary Source="/Telerik.Windows.Themes.Windows7;component/Themes/Telerik.Windows.Controls.Navigation.xaml" />

The error goes away. Is there anything I can do to get ride of this error?

General Discussions

answered on 13 Dec 2013

3 answers

110 views

Data does not Get Populated with No Xaml Telerik Assemblies in RadDataForm

Hi,

We are interested in using RadDataForms and currently we are referencing the no Xaml Telerik Assemblies in our Product. when we the ItemSource is bound to an Observable collection no Data is displayed, but when we use the Full Fat Telerik assemblies all seems to work fine. we really prefer not to use the Bulky Telerik Assemblies because of their Massive Size. so Is there any way so that we don’t have to use the bulky Telerik Assemblies to make RadDataForm Work.

following are the screen shots:

Kind Regards,

DataForm

answered on 13 Dec 2013

7 answers

255 views

selectedItem return null after RadPane re-docking

Hi,

I have a RadGridView in a radpane, selectedItem return correctly, but after the radpane undocked, or docking again after undocked, the always selectedItem return null which I used for DragAndDrop. Anthing wrong or what should I do to get selectedItem return correct value? here is code:
<telerik:RadGridView
                    x:Name="itemView"
                    ItemsSource="{Binding AvailableItems}"
                    SelectedItem="{Binding SelectedAvailableItem}"
                    SelectionMode="Extended"
                    SelectionUnit="FullRow"
                    IsReadOnly="True"
                    CanUserSelect="True"
                    AllowDrop="True"
                    AutoGenerateColumns="False"
                    IsFilteringAllowed="False"
                    RowIndicatorVisibility="Collapsed"
                    Grid.Column="0"
                    Grid.Row="1">

                  <telerik:RadGridView.RowStyle>
                      <Style TargetType="telerik:GridViewRow">
                       <Setter Property="telerik:RadDragAndDropManager.AllowDrag" Value="True" />
                      <EventSetter Event="Control.RequestBringIntoView" Handler="RadGridView_RequestBringIntoView"/>
                    </Style>
                  </telerik:RadGridView.RowStyle>
               </teleric.RadGridView>

in C#
RadDragAndDropManager.AddDragQueryHandler(itemView, OnGridViewDragQuery);

private void OnGridViewDragQuery(object sender, DragDropQueryEventArgs e)
    {
      try
      {
        if (sender is RadGridView)
        {
          RadGridView gridView = sender as RadGridView;
          IList selectedItems = gridView.SelectedItems.ToList();
          e.QueryResult = selectedItems.Count > 0;
          e.Options.Payload = selectedItems;
        }
        else
        {
          e.QueryResult = true;
        }
      }
      catch (Exception)
      {
      }
      finally
      {
        e.Handled = true;
      }
    }

After undocking or docking again(data may rebinded), when drag a item in gridview, above gridView.SelectedItems in OnGridViewDragQuery() return null.

Thanks
Felix

GridView

answered on 13 Dec 2013

2 answers

240 views

Set The Color Of Negative Value On AreaSeries

How to give positive and negative values set different colors.

ChartView can do it?

<chart:RadCartesianChart x:Name="chart1" Width="1725" Height="176" TrackBallLineStyle="{StaticResource trackBallLineStyle}" Grid.RowSpan="2" Loaded="chart1_Loaded">

<chart:RadCartesianChart.TrackBallInfoStyle>

<Style TargetType="chartView:TrackBallInfoControl">

<Setter Property="Template">

<Setter.Value>

<ControlTemplate TargetType="chartView:TrackBallInfoControl">

<StackPanel Name="panel">

</StackPanel>

</ControlTemplate>

</Setter.Value>

</Setter>

</Style>

</chart:RadCartesianChart.TrackBallInfoStyle>

<chart:RadCartesianChart.Behaviors>

<chartView:ChartTrackBallBehavior ShowIntersectionPoints="False" />

</chart:RadCartesianChart.Behaviors>

<chartView:AreaSeries CategoryBinding="Time" ValueBinding="Data" Fill="#FFCC80" Stroke="#FF9900" StrokeThickness="2" ItemsSource="{Binding DemoList}" Loaded="AreaSeries_Loaded">

<chartView:AreaSeries.TrackBallInfoTemplate>

<DataTemplate>

<StackPanel Orientation="Vertical" Margin="0,0,0,20">

<Border Background="#666666" Width="65" Height="20" CornerRadius="3" HorizontalAlignment="Center" VerticalAlignment="Center">

<TextBlock Text="{Binding DataPoint.Value}" FontSize="14" FontFamily="Segoe UI" Foreground="White" HorizontalAlignment="Center" VerticalAlignment="Center"/>

</Border>

<Path HorizontalAlignment="Center" VerticalAlignment="Center" Height="6" Width="14" Stretch="Fill" Opacity="1" Data="M 25,22 C25,22 39,22 39,22 39,22 32,28 32,28 32,28 25,22 25,22 z" Fill="#666666" Margin="0,2,0,0"/>

</StackPanel>

</DataTemplate>

</chartView:AreaSeries.TrackBallInfoTemplate>

</chartView:AreaSeries>

<chart:RadCartesianChart.HorizontalAxis>

<chartView:DateTimeContinuousAxis MajorStepUnit="Month"

MajorStep="3"

LabelFormat="yyyy年MM月dd日"

LabelInterval="1" FontFamily="Segoe UI"

PlotMode="OnTicks" />

</chart:RadCartesianChart.HorizontalAxis>

<chart:RadCartesianChart.VerticalAxis>

<chartView:LinearAxis Minimum="-3000"

MajorStep="1000"

Maximum="3000" FontFamily="Segoe UI" MajorTickStyle="{StaticResource tickStyle}" LabelStyle="{StaticResource yLableStyle}">

</chartView:LinearAxis>

</chart:RadCartesianChart.VerticalAxis>

<chart:RadCartesianChart.Grid>

<chartView:CartesianChartGrid MajorLinesVisibility="X" MajorXLineDashArray="7,3" StripLinesVisibility="Y">

<chartView:CartesianChartGrid.MajorXLineStyle>

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

<Setter Property="Stroke" Value="#CCCCCC"/>

</Style>

</chartView:CartesianChartGrid.MajorXLineStyle>

<chartView:CartesianChartGrid.YStripeBrushes>

<SolidColorBrush Color="Transparent" />

<SolidColorBrush Color="#EDEDED" Opacity="0.5" />

</chartView:CartesianChartGrid.YStripeBrushes>

</chartView:CartesianChartGrid>

</chart:RadCartesianChart.Grid>

</chart:RadCartesianChart>

ChartView

answered on 13 Dec 2013

4 answers

285 views

CategoricalSeriesDescriptor causes Chartview failure

I cannot get a simple RadCartesianChart to display when setting the style for a CategoricalSeriesDescriptor. I have a simple one window WPF app (I can send the project if you wish). The project has a folder called "Blah" in which the Telerik.Windows.Controls.xaml and Telerik.Windows.Controls.Chart.xaml Windows8 resource dictionaries are located (both with build action of Page). The Telerik binaries that are referenced by the project are the latest noxaml versions.

If I remove the style for the CategoricalSeriesDescriptor.Style, the chart shows as expected. If I add the style, the project will build and run, but, the chart will not draw, and the message "No data to plot" is displayed. The output shows no exceptions.

Also, when I edit the XAML, no errors are displayed in the XAML editor in VS. However, as soon as I build, the XAML editor underlines (in blue) the entire CategoricalSeriesDescriptor element. The tooltip error message for that element is 'The value "Telerik.Windows.Controls.ChartView.CategoricalSeriesDescriptor" is not of type "Telerik.WIndows.Controls.ChartView.ChartSeriesDescriptor" and cannot be used in this generic collection. Parameter name: value'

Further, if I remove the style completely, the XAML editor complains about the properties like ItemsSourcePath and TypePath. But without the style, the project runs and the chart is displayed.

Please help me figure out what I'm doing wrong. Is it something to do with the resource dictionaries & usage of the noxaml assemblies? The rest of the code is basically straight out of the examples & it's driving me crazy :(.

Thanks - Mitch

The XAML for the windows is:

<Window x:Class="Chart3.MainWindow"

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"

Title="MainWindow" Height="350" Width="525">

<Window.Resources>

<ResourceDictionary>

<ResourceDictionary.MergedDictionaries>

<ResourceDictionary Source="pack://application:,,,/Chart3;component/Blah/Telerik.Windows.Controls.xaml"/>

<ResourceDictionary Source="pack://application:,,,/Chart3;component/Blah/Telerik.Windows.Controls.Chart.xaml"/>

</ResourceDictionary.MergedDictionaries>

</ResourceDictionary>

</Window.Resources>

<Grid>

<telerik:RadCartesianChart x:Name="chart">

<telerik:RadCartesianChart.HorizontalAxis>

<telerik:DateTimeCategoricalAxis/>

</telerik:RadCartesianChart.HorizontalAxis>

<telerik:RadCartesianChart.VerticalAxis>

<telerik:LinearAxis/>

</telerik:RadCartesianChart.VerticalAxis>

<telerik:RadCartesianChart.SeriesProvider>

<telerik:ChartSeriesProvider

Source="{Binding Series}">

<telerik:ChartSeriesProvider.SeriesDescriptors>

<telerik:CategoricalSeriesDescriptor ItemsSourcePath="MyData"

CategoryPath="Category"

ValuePath="Value"

TypePath = "SeriesType">

<telerik:CategoricalSeriesDescriptor.Style>

<Style TargetType="{x:Type telerik:LineSeries}">

<Setter Property="StrokeThickness" Value="8"/>

</Style>

</telerik:CategoricalSeriesDescriptor.Style>

</telerik:CategoricalSeriesDescriptor>

</telerik:ChartSeriesProvider.SeriesDescriptors>

</telerik:ChartSeriesProvider>

</telerik:RadCartesianChart.SeriesProvider>

</telerik:RadCartesianChart>

</Grid>

</Window>

and the code behind that populates the data, etc. is:

using System;

using System.Collections.Generic;

using System.Linq;

using System.Text;

using System.Windows;

using System.Windows.Controls;

using System.Windows.Data;

using System.Windows.Documents;

using System.Windows.Input;

using System.Windows.Media;

using System.Windows.Media.Imaging;

using System.Windows.Navigation;

using System.Windows.Shapes;

using System.Collections.ObjectModel;

using Telerik.Charting;

using Telerik.Windows.Controls.ChartView;

namespace Chart3

{

/// <summary>

/// Interaction logic for MainWindow.xaml

/// </summary>

public partial class MainWindow : Window

{

public MainWindow()

{

InitializeComponent();

this.DataContext = this;

this.Series = new ObservableCollection<ChartSeries>();

//add some data.

ChartSeries series = new ChartSeries();

MyPoint dp = new MyPoint();

dp.Value = 10;

dp.Category = DateTime.Now;

series.MyData.Add(dp);

dp = new MyPoint();

dp.Value = 40;

dp.Category = DateTime.Now.AddMonths(2);

series.MyData.Add(dp);

dp = new MyPoint();

dp.Value = 20;

dp.Category = DateTime.Now.AddMonths(3);

series.MyData.Add(dp);

this.Series.Add(series);

}

public ObservableCollection<ChartSeries> Series

{

get;

set;

}

public class ChartSeries

{

public ChartSeries()

{

this.MyData = new ObservableCollection<MyPoint>();

this.SeriesType = typeof(LineSeries);

}

public Type SeriesType { get; set; }

public ObservableCollection<MyPoint> MyData

{ get; set; }

}

public class MyPoint

{

public object Category { get; set; }

public double? Value { get; set; }

}

ChartView

answered on 12 Dec 2013

4 answers

1.0K+ views

Dropshadow Effect

Is it possible to put a dropshadow effect around the RadWindow that pops up?

Window

answered on 12 Dec 2013