Questions on UI for WPF Forum

3 answers

114 views

Hi!

When I use the Metro-Theme and place a RadGridView inside a RadTabItem the text inside the Grid becomes white on a white background. What is going wrong here? We are using 2011-Q2-SP1 controls.On the screenshot you can see that there IS some data inside the grid but it can't be seen.

Regards
Neils

General Discussions

answered on 14 Mar 2012

1 answer

271 views

DragDropManager doesn't drop on all control

I am using new DragDropManager and all works fine less then for a little problem that with previous version (RadDragDropManager) was working correctly :

Like attached picture , i have one user control composed by one Grid with one Image and one TextBox ; the usercontrol is marked with :

<UserControl x:Class="LibreriaWpfCoster.EditorSingolaVariabileInt32"

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:globalization="clr-namespace:System.Globalization;assembly=mscorlib"

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

MinWidth="40"

MinHeight="20"

mc:Ignorable="d"

d:DesignWidth="40"

d:DesignHeight="71"

Loaded="UserControl_Loaded"

>

<Grid x:Name="LayoutRoot"

Background="LightGreen"

AllowDrop="True"

>

<Grid.ColumnDefinitions>

<ColumnDefinition Width="20"/>

<ColumnDefinition Width="*"/>

</Grid.ColumnDefinitions>

<Image x:Name="imgObj"

Source="Images/Numero32Negativo.png"

Stretch="Uniform"

MouseLeftButtonDown="imgObj_MouseLeftButtonDown"

/>

<TextBox x:Name="varObj"

Grid.Column="1"

Panel.ZIndex="0"

Text="{Binding Path=PlcVar, Mode=TwoWay}"

PreviewKeyDown="varObj_PreviewKeyDown"

ContextMenu="{x:Null}"

/>

<TextBox x:Name="varSysObj"

Grid.Column="1"

Panel.ZIndex="0"

Text="{Binding Path=SysVarName, Mode=TwoWay}"

PreviewKeyDown="varObj_PreviewKeyDown"

ContextMenu="{x:Null}"

/>

</Grid>

</UserControl>

AllowDrop is placed on the Grid , but placing on the entire Usercontrol doesn't change the problem.

When i drop with this code :

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 ClassiCoster;

using System.ComponentModel;

using Telerik.Windows.DragDrop;

using Telerik.Windows;

namespace LibreriaWpfCoster

{

/// <summary>

/// Interaction logic for EditorSingolaVariabileInt16.xaml

/// </summary>

public partial class EditorSingolaVariabileInt32 : UserControl

{

public EditorSingolaVariabileInt32()

{

InitializeComponent();

DragDropManager.AddDropHandler(this, OnVarDrop);

DragDropManager.AddDragOverHandler(this, OnVarDragOver);

DragDropManager.AddDragLeaveHandler(this, OnVarDragLeave);

}

/// <summary>

/// Variabile PLC

/// </summary>

public SingolaVariabileInt32 Variabile

{

get { return (SingolaVariabileInt32)GetValue(VariabileProperty); }

set { SetValue(VariabileProperty, value); }

}

public static readonly DependencyProperty VariabileProperty = DependencyProperty.Register("Variabile",

typeof(SingolaVariabileInt32),

typeof(EditorSingolaVariabileInt32),

new PropertyMetadata(new SingolaVariabileInt32(), OnVariabilePropertyChanged));

private static void OnVariabilePropertyChanged(DependencyObject d, DependencyPropertyChangedEventArgs e)

{

(d as EditorSingolaVariabileInt32).LayoutRoot.DataContext = ((EditorSingolaVariabileInt32)d).Variabile;

(d as EditorSingolaVariabileInt32).MettiInPrimoPianoIlControlloCorretto();

}

private static List<PlcVariableType> _allowedVars = new List<PlcVariableType>(new PlcVariableType[]

{

PlcVariableType.INT8,

PlcVariableType.UINT8,

PlcVariableType.INT16,

PlcVariableType.UINT16,

PlcVariableType.INT32,

PlcVariableType.UINT32,

});

/// <summary>

/// Specifica i tipi di variabili ammessi per venir messe in binding

/// </summary>

public List<PlcVariableType> AllowedVars

{

get { return _allowedVars; }

set { _allowedVars = value; }

}

private static List<PlcVariableType> _allowedIndexVars = new List<PlcVariableType>(new PlcVariableType[]

{

PlcVariableType.INT8,

PlcVariableType.UINT8,

PlcVariableType.INT16,

PlcVariableType.UINT16,

PlcVariableType.INT32,

PlcVariableType.UINT32,

});

/// <summary>

/// Specifica i tipi di variabili che possono venir messe in binding per gli indici

/// </summary>

public List<PlcVariableType> AllowedIndexVars

{

get { return _allowedIndexVars; }

set { _allowedIndexVars = value; }

}

/// <summary>

/// Fa l'effetto per draggare una variabile

/// </summary>

/// <param name="sender"></param>

/// <param name="e"></param>

private void OnVarDragOver(object sender, Telerik.Windows.DragDrop.DragEventArgs e)

{

Boolean Evidenzia = false;

if (e.Data is DataObject)

{

VariabilePlc vPlc = (e.Data as DataObject).GetData(typeof(VariabilePlc)) as VariabilePlc;

if (vPlc != null)

{

if (vPlc.SysVarID > 0) ProvaASelezionareUnIndice();

Evidenzia = GenericiEditorVariabili.DimmiSeAppartieneAllaLista(_allowedVars, vPlc.Tipo);

if (!Evidenzia && vPlc.SysVarID < 1 && GenericiEditorVariabili.DimmiSeHoSelezionatoUnIndice(varObj))

{

Evidenzia = GenericiEditorVariabili.DimmiSeAppartieneAllaLista(_allowedIndexVars, vPlc.Tipo);

}

e.Effects = Evidenzia ? DragDropEffects.Copy : DragDropEffects.None;

GenericiEditorVariabili.EvidenziaPerDrag(LayoutRoot, Evidenzia);

e.Handled = true;

}

private void OnVarDragLeave(object sender, Telerik.Windows.DragDrop.DragEventArgs e)

{

e.Effects = DragDropEffects.None;

GenericiEditorVariabili.EvidenziaPerDrag(LayoutRoot, false);

e.Handled = true;

}

/// <summary>

/// Viene eseguito al drop di una variabile

/// </summary>

/// <param name="sender"></param>

/// <param name="e"></param>

private void OnVarDrop(object sender, Telerik.Windows.DragDrop.DragEventArgs e)

{

GenericiEditorVariabili.EvidenziaPerDrag(LayoutRoot, false);

if (e.Data == null || !(e.Data is DataObject)) return;

VariabilePlc vPlc = (e.Data as DataObject).GetData(typeof(VariabilePlc)) as VariabilePlc;

if (vPlc != null)

{

ProvaASelezionareUnIndice();

if (vPlc.SysVarID < 1 && GenericiEditorVariabili.DimmiSeHoSelezionatoUnIndice(varObj))

{

if (GenericiEditorVariabili.DimmiSeAppartieneAllaLista(_allowedIndexVars, vPlc.Tipo))

{

String strPrima = varObj.Text.Substring(0, varObj.SelectionStart);

String strDopo = varObj.Text.Substring(varObj.SelectionStart + varObj.SelectionLength);

Variabile.PlcVar = strPrima + vPlc.PlcVar + strDopo;

}

else

{

if (GenericiEditorVariabili.DimmiSeAppartieneAllaLista(_allowedVars, vPlc.Tipo))

{

Variabile.ResetVar();

Variabile.PlcVar = vPlc.PlcVar;

}

else

{

if (GenericiEditorVariabili.DimmiSeAppartieneAllaLista(_allowedVars, vPlc.Tipo))

{

Variabile.ResetVar();

if (vPlc.SysVarID > 0)

{

Variabile.SysVarName = vPlc.PlcVar;

Variabile.SysVarID = vPlc.SysVarID;

}

else

{

Variabile.PlcVar = vPlc.PlcVar;

}

MettiInPrimoPianoIlControlloCorretto();

e.Handled = true;

}

//private void OnDropQuery(object sender, DragDropQueryEventArgs e)

//{

// switch (e.Options.Status)

// {

// case DragStatus.DropDestinationQuery:

// if (e.Options.Payload is VariabilePlc)

// {

// VariabilePlc vPlc = e.Options.Payload as VariabilePlc;

// if (GenericiEditorVariabili.DimmiSeAppartieneAllaLista(_allowedVars, vPlc.Tipo) ||

// (vPlc.SysVarID < 1 && GenericiEditorVariabili.DimmiSeAppartieneAllaLista(_allowedIndexVars, vPlc.Tipo))

// )

// {

// e.QueryResult = true;

// e.Handled = true;

// }

// break;

// }

//}

//private void OnDropInfo(object sender, DragDropEventArgs e)

//{

// LibreriaWpfCoster.CustomDragCue cueObj = e.Options.DragCue as LibreriaWpfCoster.CustomDragCue;

//    if (e.Options.Status == DragStatus.DropPossible) GenericiEditorVariabili.EvidenziaPerDrag(LayoutRoot,cueObj , true);

//    if (e.Options.Status == DragStatus.DropImpossible) GenericiEditorVariabili.EvidenziaPerDrag(LayoutRoot,cueObj , false);

// if (e.Options.Status != DragStatus.DropComplete) return;

// GenericiEditorVariabili.EvidenziaPerDrag(LayoutRoot,cueObj, false);

// VariabilePlc vPlc = e.Options.Payload as VariabilePlc;

// if (e.Options.Status == DragStatus.DropComplete && vPlc != null)

// {

// ProvaASelezionareUnIndice();

// if (vPlc.SysVarID < 1 && GenericiEditorVariabili.DimmiSeHoSelezionatoUnIndice(varObj))

// {

// if (GenericiEditorVariabili.DimmiSeAppartieneAllaLista(_allowedIndexVars, vPlc.Tipo))

// {

// String strPrima = varObj.Text.Substring(0, varObj.SelectionStart);

// String strDopo = varObj.Text.Substring(varObj.SelectionStart + varObj.SelectionLength);

// Variabile.PlcVar = strPrima + vPlc.PlcVar + strDopo;

// }

// else

// {

// if (GenericiEditorVariabili.DimmiSeAppartieneAllaLista(_allowedVars, vPlc.Tipo))

// {

// Variabile.ResetVar();

// Variabile.PlcVar = vPlc.PlcVar;

// }

// else

// {

// if (GenericiEditorVariabili.DimmiSeAppartieneAllaLista(_allowedVars, vPlc.Tipo))

// {

// Variabile.ResetVar();

// if (vPlc.SysVarID > 0)

// {

// Variabile.SysVarName = vPlc.PlcVar;

// Variabile.SysVarID = vPlc.SysVarID;

// }

// else

// {

// Variabile.PlcVar = vPlc.PlcVar;

// }

// MettiInPrimoPianoIlControlloCorretto();

// e.Handled = true;

// }

//}

/// <summary>

/// Partendo dalla posizione del cursore prova a vedere se nell'intorno c'è un array

/// </summary>

private void ProvaASelezionareUnIndice()

{

int PosParentesiSinistra, PosParentesiDestra;

if (varObj.Text.Length < 4 || varObj.SelectionStart < 1) return;

if (varObj.SelectionStart >= varObj.Text.Length) return;

if (",".IndexOf(varObj.Text.Substring(varObj.SelectionStart, 1)) != -1) varObj.SelectionStart++;

for (PosParentesiSinistra = varObj.SelectionStart; PosParentesiSinistra > 1; PosParentesiSinistra--)

{

if ("[,".IndexOf(varObj.Text.Substring(PosParentesiSinistra, 1)) != -1)

{

break;

}

for (PosParentesiDestra = varObj.SelectionStart; PosParentesiDestra < varObj.Text.Length; PosParentesiDestra++)

{

if (",]".IndexOf(varObj.Text.Substring(PosParentesiDestra, 1)) != -1)

{

break;

}

if (PosParentesiSinistra > 0 && (PosParentesiDestra < varObj.Text.Length))

{

varObj.SelectionStart = PosParentesiSinistra + 1;

varObj.SelectionLength = PosParentesiDestra - PosParentesiSinistra - 1;

}

private void UserControl_Loaded(object sender, RoutedEventArgs e)

{

LayoutRoot.DataContext = Variabile;

MettiInPrimoPianoIlControlloCorretto();

varObj.ContextMenu = null;

}

private void MettiInPrimoPianoIlControlloCorretto()

{

Int32 varObjZ = 0;

Int32 varSysObjZ = 0;

if (Variabile.SysVarID > 0)

{

varSysObjZ = 1;

}

else

{

varObjZ = 1;

}

varObj.SetValue(Panel.ZIndexProperty, varObjZ);

varSysObj.SetValue(Panel.ZIndexProperty, varSysObjZ);

}

/// <summary>

/// Ho gestito quest'evento per aggiornare in caso di testo vuoto

/// </summary>

/// <param name="sender"></param>

/// <param name="e"></param>

private void varObj_PreviewKeyDown(object sender, KeyEventArgs e)

{

switch (e.Key)

{

case Key.Enter:

case Key.Back:

case Key.Delete:

Variabile.ResetVar();

MettiInPrimoPianoIlControlloCorretto();

break;

default:

break;

}

e.Handled = true;

}

/// <summary>

/// Serve per cancellare la variabile plc se gli si clicca sopra

/// </summary>

/// <param name="sender"></param>

/// <param name="e"></param>

private void imgObj_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)

{

Variabile.ResetVar();

MettiInPrimoPianoIlControlloCorretto();

e.Handled = true;

}

The drop is allowed only on the Image of the control and not on the whoole usercontrol loke with previous version ....
I have try too setting AllowDrop on only one RadNumericUpDown and in this case the drop is allowed ONLY if i am with cursor over the up/down buttons

I have added two images to explain the problem.
Can you help me , because for my company is important to solve this problem.

Best regards

Claudio Rossi

DragAndDrop

answered on 14 Mar 2012

4 answers

357 views

Senseless replacement of RadMaskedTextBox

Hi,

Since we’ve encountered your new RadMaskedInput controls and realized, that these are the replacement of your RadMaskedTextBox (they are, aren’t they?), we didn’t find any reason for this update. Even worse, we are about to use your old RadMaskedTextBox on.

We mostly use your input controls for non-restricted text or non-restricted numeric values. In those cases we expect an input behavior like a normal TextBox got. More precisely, inputs a user enters shouldn’t replace old characters just because the mask restricts the length of the characters. The input, a user does should be just inserted at the caret’s position, without replacing.

The other problem, we’ve ran into is the following: We’ve bound a string value to the Value property of a RadMaskedTextInput control. This control has a mask of 20 optional alphanumeric characters (Mask=”a20”). Now when moving the caret at a different position then the beginning, the entered text would be saved without leading whitespaces. That’s a behavior which no user would expect.

Using your old input control, we didn’t run into all this trouble. I don’t think that there are many developers, who are used to your old Input Control, like the new ones. I don’t understand why you’ve replaced good working controls with these weak components.

I would recommend you to provide just one suite of input controls, which really work and which offers a way to be less restrictive.

Best,

Martin

MaskedInput (Numeric, DateTime, Text, Currency)

answered on 14 Mar 2012

3 answers

202 views

PlotMode vs zoom

Hi,

is it a known bug when DateTimeContinuousAxis PlotMode is set to OnTicksPadded, when the chart is zoomed, the XAxis drifted depending on the zoom value? It works fine when PlotMode is set to OnTicks, but there's no padding with the chart border (that;s why I need OnTicksPadded).

Please see the latest picture.(the first picture, wpf_radchartview_plotmode_zoom_1.png,
doesn't show the problem clearly).

ChartView

answered on 14 Mar 2012

1 answer

112 views

RadOutlookBar Binding

I try to set Binding To ContentControl with No Success

<telerik:RadOutlookBar.ContentTemplate>
<DataTemplate>

</DataTemplate>
</telerik:RadOutlookBar.ContentTemplate>

OutlookBar

answered on 14 Mar 2012

2 answers

82 views

Which control - GridView or TreeListView

Hi

I am new to the telerik wpf controls and because I am am unsure of their capabilities, I don't know which one to select. I've been considering the radgridview in "hierachical mode" but now I'm not sure whether this is the correct control to use or perhaps the TreeListView.

My use case is as follows:
I have some hierarchical data as follows

Subject A Name Address DoB etc
HospitalVisit1 VisitDate SeenBy etc etc
Treatment1 Location Drug etc etc
Treatment2 Location Drug etc etc
Treatment3 Location Drug etc etc
HospitalVisit2 VisitDate SeenBy etc etc
Treatment1 Location Drug etc etc
Treatment2 Location Drug etc etc

Subject B Name Address DoB etc
HospitalVisit1 VisitDate SeenBy etc etc
Treatment1 Location Drug etc etc
Treatment2 Location Drug etc etc

I need to display the above. Then I going to provide the UI to flatten this data into 1 row per subject. To do this, I think I need to add a boolean columns to permit the user to choose which of the child events they want to use in the flattening mechanism. eg for Subject A

X Subject A Name Address DoB etc
HospitalVisit1 VisitDate SeenBy etc etc
Treatment1 Location Drug etc etc
Treatment2 Location Drug etc etc
Treatment3 Location Drug etc etc
X HospitalVisit2 VisitDate SeenBy etc etc
X Treatment1 Location Drug etc etc
Treatment2 Location Drug etc etc

The rows marked X will then be used to create a flat structure eg

Subject A Name Address DoB HospitalVisit2 VisitDate SeenBy Treatment1 Location Drug etc etc

I'd be grateful if someone could suggest which control would best suit my purposes. I'd assumed the radgridview or the treelistview but perhaps there may be other ways of doing this which may be better

Many thx

Simon

General Discussions

answered on 14 Mar 2012

3 answers

109 views

GridViewImageColumn does not display image

Hi,

I have a RadGridView with a GridViewImageColumn, this column is map to a property of my object. Depending of the value of the property, I display 2 differents images. In my dialog, the users have two buttons, when the users click on a button, I change the value of the property of the current object and I switch the the next item in the list. The problem is that I have to call a rebind() to see my image but the rebind seem's to take some time and my users have to wait between each click.

Thank's

GridView

answered on 14 Mar 2012

2 answers

409 views

RadMaskedNumericInput binding issues

Hello, I am trying to use the RadMaskedNumericInput control for masking text and binding on some customer data, such as phone numbers. I have found this control to be extremely buggy and unusable.

I am using a custom mask "(###) ###-####" and it works fine. The phone numbers are stored as 10 digit strings with no separators ("0123456789" for example). When I load a customer, the value shows up correctly masked in the control (I see (012) 345-6789).

The main problem is that the bound property on the model never gets set. So if I am entering a new customer and type in the phone number, it does not get saved. I found that this is because the Value property of the numeric input never gets changed, as the conversion from string always fails. I have tried setting ValueToTextConverter to convert between double? and string, and I found that when NumericInput attempts to convert what is typed and store it the double? Value property, it always includes the mask in the string it's trying to convert. So it tries to convert "(012) 345-6789" to a double and this of course fails. I have tried binding to the Text property instead, but this does not work either as it includes the characters from the mask.

I have TextMode set to MaskedText, please do not recommend that as the solution because it does not work. I have tried setting it in markup and via an extended class. If I set it in markup, the typed text will stay in the control, but still the values will never be set. If I set TextMode via the extended class, the typed characters will disappear when the control loses focus, though they will reappear when it regains focus. But still the databinding will not set the model's properties.

I am using release 2011.3.1116.40 and unfortunately upgrading is not possible as this is the version provided and required by my client.

Here is the code for the value converter I used with MaskedNumericInput:

[CanConvert(typeof(System.String), typeof(System.Nullable<double>))]

public class StringToNullableDouble : IValueConverter

{

public object Convert(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture)

{

string s = value as string;

if (s == null) return null;

double d;

if (Double.TryParse(s, out d)) return d;

return null;

}

public object ConvertBack(object value, Type targetType,

object parameter, System.Globalization.CultureInfo culture)

{

double? d = value as double?;

if (d == null || !d.HasValue) return null;

return d.Value.ToString();

}

Here is a XAML sample:

<tel:RadMaskedNumericInput

HorizontalAlignment="Left"

VerticalAlignment="Center"

EmptyContent="Enter Phone"

Width="120"

Margin="2"

Mask="(###) ###-####"

Value="{Binding Path=Customer.Phone, ValidatesOnDataErrors=True, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}"

FontWeight="Bold"

AllowInvalidValues = "False"

AutoFillNumberGroupSeparators = false;

AutoFillZeros = "False"

FlowDirection = "LeftToRight"

Precision = "0"

HorizontalContentAlignment = "Left"

TextMode = "MaskedText"

SpinMode = "None"

/>

MaskedInput (Numeric, DateTime, Text, Currency)

answered on 14 Mar 2012

2 answers

195 views

Chartview Series Opacity

Hello.

In the past, I used to use the Chart control but migrated a few months ago to the ChartView control due to the memory leak associated with the Chart control. Everything has been great, the only problem I've found is that I used to be able to specify the opacity of the series (for when different series would overlap) like this:

<telerik:LineSeries Stroke="#FF51B0DD" StrokeThickness="2" Opacity="0.6"/>

This no longer works with the ChartView control. Any ideas why or what I can do to re-enable this behavior?

ChartView

answered on 13 Mar 2012

2 answers

547 views

Separator does not show

The Separator element does not show in RadRibbonView

This code is from the sample code shipped with telerik wpf controls

<StackPanel Margin="3">                             
    <telerik:RadRibbonButton SmallImage="Images/16/Cut.png" Text="Cut" Command="Cut"/>  
    <telerik:Separator />                             
    <telerik:RadRibbonButton SmallImage="Images/16/Copy.png" Text="Copy" Command="Copy" />   
</StackPanel> 
The panel is in a Ribbon group, itself in a Ribbon Tab.

The Separator does not show in the Visual Studio Editor (it is selectable but not visisble) and it does not show at run time.
Giving the Separator a width and height makes it visible at design time but not at design time.

Any help will be appreciated

RibbonView and RibbonWindow

answered on 13 Mar 2012