Questions on UI for WPF Forum

2 answers

357 views

[Solved] Error tool tip on masked input textbox similar to WPF textbox

Hi,

I want the error tool tip on masked text similar to normal WPF textbox. Please find attached images.
I also want the border of the masked input text to be red when an invalid number given as input.
Could you help me to achieve this?
I am not sure whether this request raised by anyone but i couldn't find the solution in any of the threads.
Let me know if you need more information on this.

Thanks,
Vivek

MaskedInput (Numeric, DateTime, Text, Currency)

answered on 14 May 2013

1 answer

101 views

[Solved] GridViewCell Paste, CellEditEnded

Hi, is there a way so that the event CellEditEnded fires at the pasting of a value into cell?
i'm not succeding...

Thanks in advanced.

GridView

answered on 14 May 2013

3 answers

648 views

Adding a column dynamically with mvvm pattern

Hi guys

Ok two basic classes:

using System;

using System.Collections.Generic;

using System.Collections.ObjectModel;

using System.Linq;

using System.Text;

namespace ProjectMaster.Core.Business

{

public class Project

{

#region Fields

private string _name;

private double _budget;

private DateTime _startDate;

private DateTime _finishDate;

private int _duration;

private ObservableCollection<Phase> _phases;

#endregion

#region Properties

public string Name

{

get { return _name; }

set { _name = value; }

}

public double Budget

{

get { return _budget; }

set { _budget = value; }

}

public DateTime StartDate

{

get { return _startDate; }

set { _startDate = value; }

}

public DateTime FinishDate

{

get { return _finishDate; }

set { _finishDate = value; }

}

public int Duration

{

get

{

_duration = (_finishDate - _startDate).Days;

return _duration;

}

set { _duration = value; }

}

public ObservableCollection<Phase> Phases

{

get { return _phases; }

set { _phases = value; }

}

#endregion

public Project(string name, int budget, DateTime startDate, DateTime finishDate)

{

this._name = name;

this._budget = budget;

this._startDate = startDate;

this._finishDate = finishDate;

_phases = new ObservableCollection<Phase>();

}

using System;

using System.Collections.Generic;

using System.Collections.ObjectModel;

using System.Linq;

using System.Text;

namespace ProjectMaster.Core.Business

{

public class Phase

{

#region Fields

private string _name { get; set; }

private double _budget { get; set; }

private DateTime _startDate { get; set; }

private DateTime _finishDate { get; set; }

private int _duration { get; set; }

private ObservableCollection<Task> _tasks { get; set; }

#endregion

#region Properties

public string Name

{

get { return _name; }

set { _name = value; }

}

public double Budget

{

get { return _budget; }

set { _budget = value; }

}

public DateTime StartDate

{

get { return _startDate; }

set { _startDate = value; }

}

public DateTime FinishDate

{

get { return _finishDate; }

set { _finishDate = value; }

}

public int Duration

{

get

{

_duration = (_finishDate - _startDate).Days;

return _duration;

}

set { _duration = value; }

}

public ObservableCollection<Task> Tasks

{

get { return _tasks; }

set { _tasks = value; }

}

public Phase(string name, int budget, DateTime startDate, DateTime finishDate)

{

this._name = name;

this._budget = budget;

this._startDate = startDate;

this._finishDate = finishDate;

_tasks = new ObservableCollection<Task>();

}

#endregion

}

And the xaml that binds these classes to a RadTreeListView to get the expected output:

<telerik:RadTreeListView Grid.Row="2" VerticalAlignment="Top" HorizontalAlignment="Left" Margin="6,0,0,0" AutoGenerateColumns="True" ItemsSource="{Binding Project, Mode=TwoWay}" SelectedItem="{Binding Item}">

<telerik:RadTreeListView.ChildTableDefinitions>

<telerik:TreeListViewTableDefinition ItemsSource="{Binding Phases}"/>

<telerik:TreeListViewTableDefinition ItemsSource="{Binding Tasks}"/>

</telerik:RadTreeListView.ChildTableDefinitions>

<telerik:RadTreeListView.Columns>

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

<telerik:GridViewDataColumn Header="Start Date" DataType="{x:Type System:DateTime}">

<telerik:GridViewDataColumn.CellTemplate>

<DataTemplate>

<telerik:RadDatePicker SelectedValue="{Binding StartDate, Mode=TwoWay}" />

</DataTemplate>

</telerik:GridViewDataColumn.CellTemplate>

</telerik:GridViewDataColumn>

<telerik:GridViewDataColumn Header="Finish Date" DataType="{x:Type System:DateTime}">

<telerik:GridViewDataColumn.CellTemplate>

<DataTemplate>

<telerik:RadDatePicker SelectedValue="{Binding FinishDate, Mode=TwoWay}" />

</DataTemplate>

</telerik:GridViewDataColumn.CellTemplate>

</telerik:GridViewDataColumn>

<telerik:GridViewDataColumn Header="Duration" DataMemberBinding="{Binding Duration}" DataType="{x:Type System:Int32}" />

<telerik:GridViewDataColumn Header="Budget (Hrs)" DataMemberBinding="{Binding Budget}" DataType="{x:Type System:Double}" />

</telerik:RadTreeListView.Columns>

</telerik:RadTreeListView>

I've attached an image to show what the output is like.

Not what I want to be able to do is if the user clicks on a button, a new column is added to the TreeListVIew for eg a Resource column. Im really not sure how to go about this so any help/tips to get me in the right direction will be greatly appreciated!!

Thanking you in Advance!

TreeListView

answered on 14 May 2013

1 answer

206 views

RadTileView Horizontal Scrollbar not visible

I have a simple implementation of a RadTileView.

The tile view is contained within a radpane which is docked.

If a drag the pane out of the docking area so the pane is floating I see both vertical and horizontal scrollbars.

But, if I maximize one of the TileViewItems and then drag the pane out of the docking area so it is floating I see the vertical scrollbar but not the horizontal scrollbar.

Please advise.

<Grid>

<telerik:RadTileView

IsItemsAnimationEnabled="False"

ColumnsCount="3"

ColumnWidth="Auto"

DragMode="Slide"

IsItemsSizeInPercentages="True"

IsAutoScrollingEnabled="True"

PreservePositionWhenMaximized="True"

RowHeight="Auto"

MinimizedRowHeight="300"

MinimizedColumnWidth="300"

telerik:TileViewPanel.IsColumnsShrinkEnabled="True"

telerik:TileViewPanel.IsRowsShrinkEnabled="True"

telerik:TileViewPanel.IsSizeBoundToPosition="True">

<telerik:RadTileViewItem Header="{Binding Path=PatchMi.Title}">

<telerik:RadChart x:Name="RadChart" ItemsSource="{Binding Path=PatchMi.Metrics}" BorderThickness="0">

<telerik:RadChart.DefaultView>

<telerik:ChartDefaultView ChartLegendPosition="Bottom">

<telerik:ChartDefaultView.ChartLegend>

<telerik:ChartLegend x:Name="ChartLegend"

UseAutoGeneratedItems="True">

</telerik:ChartLegend>

</telerik:ChartDefaultView.ChartLegend>

</telerik:ChartDefaultView>

</telerik:RadChart.DefaultView>

<telerik:RadChart.SeriesMappings>

<telerik:SeriesMapping>

<telerik:SeriesMapping.SeriesDefinition>

<telerik:DoughnutSeriesDefinition LegendDisplayMode="DataPointLabel"></telerik:DoughnutSeriesDefinition>

</telerik:SeriesMapping.SeriesDefinition>

<telerik:SeriesMapping.ItemMappings>

<telerik:ItemMapping DataPointMember="YValue" FieldName="Value"></telerik:ItemMapping>

<telerik:ItemMapping DataPointMember="LegendLabel" FieldName="Key"></telerik:ItemMapping>

</telerik:SeriesMapping.ItemMappings>

</telerik:SeriesMapping>

</telerik:RadChart.SeriesMappings>

</telerik:RadChart>

</telerik:RadTileViewItem>

<telerik:RadTileViewItem Header="Calendar">

<telerik:RadCalendar DisplayMode="MonthView" Height="Auto" Width="Auto" />

</telerik:RadTileViewItem>

<telerik:RadTileViewItem Header="Item3" >

<TextBlock Text="Item3 Content"/>

</telerik:RadTileViewItem>

</telerik:RadTileView>

</Grid>

TileView

answered on 14 May 2013

8 answers

1.2K+ views

Sales Dashboard Source Code Download

Hi,

Do you know where I can download the source code for the Sales Dashboard sample application for WPF/Silverlight?

Thanks in advance,

Wagner

General Discussions

answered on 14 May 2013

7 answers

150 views

Sorting ItemPropertyDefinition.DisplayName

Hi,

I am creating the ItemPropertyDefinition(s) in code-behind. I add the definitions one at a time based on various user selections peculiar to my app. As I add a ItemPropertyDefinition to the ItemPropertyDefinitions collection, I would like the ItemPropertyDefinition display names to be presented in alphabetical order. Can this be done?

Thanks
Rich

DataFilter

answered on 14 May 2013

4 answers

170 views

[Solved] DataFilter FilterDescriptors.LogicalOperator Changed event

Hi, we need an event to be fired from the control, when one of the logical operators (AND/OR) are being changed by the user. Is there a way to achieve this?

DataFilter

answered on 14 May 2013

2 answers

208 views

Scroll bar problem

Hi,

This is treeview code:

<telerik:RadTreeView Grid.Row="2" IsRootLinesEnabled="False" IsLineEnabled="True" ItemsSource="{Binding DisplayDataList}" PreviewSelectionChanged="RadTreeView_PreviewSelectionChanged" telerik:StyleManager.Theme="{StaticResource MetroStyle}" FontFamily="{StaticResource font_global}" HorizontalContentAlignment="Stretch">

<telerik:RadTreeView.ItemTemplate>

<HierarchicalDataTemplate ItemsSource="{Binding TreeNodeList}">

<TextBlock FontSize="16" Text="{Binding TreeNodeID}" />

</HierarchicalDataTemplate>

</telerik:RadTreeView.ItemTemplate

</telerik:RadTreeView>

And this is tree node modle code:

public class AccountTreeNode

{

private Object treeNodeObject;

public Object TreeNodeObject

{

get { return treeNodeObject; }

set { treeNodeObject = value; }

}

private Type treeNodeType;

public Type TreeNodeType

{

get { return treeNodeType; }

set { treeNodeType = value; }

}

private ObservableCollection<AccountTreeNode> treeNodeList;

public ObservableCollection<AccountTreeNode> TreeNodeList

{

get { return treeNodeList; }

set { treeNodeList = value; Notify("TreeNodeList"); }

}

In the case of treeview's scrollbar displayed. The scrollbar will be uncontrolled movement when clicked one tree node in the treeview.
And tree node can be selected more than one.

If the scroll bar isn't displayed, the above problems would not have occurred.

TreeView

answered on 14 May 2013

8 answers

168 views

Clear Description panel

Hi all,

I have a property grid which is populated when an item in a tree view is selected.

The appropriate description appears when you click a property in the grid. However, when a new item in the tree view is selected, although the new set of properties is loaded up the old description remains.

I need to be able to clear this when I click on a new item in my tree view

Thanks is advance

Arthur

PropertyGrid

answered on 13 May 2013

0 answers

330 views

Adding button to busy indicator

Hi I am using the busy indicator while I have a simulator setting it self up. I need to give the user a method to perform an emergency stop if needed. I tried adding a button to the data template but clicking it seems to do nothing. Can this be done? Below is the XMAL and command definition

<telerik:RadBusyIndicator IsIndeterminate="True" IsBusy="{Binding IsVehicleRotating}">

<telerik:RadBusyIndicator.BusyContentTemplate>

<DataTemplate>

<Grid HorizontalAlignment="Center" VerticalAlignment="Center">

<Grid.RowDefinitions>

<RowDefinition></RowDefinition>

<RowDefinition Height="23"></RowDefinition>

</Grid.RowDefinitions>

<diControls:DILabel>

Vehicle is rotating

</diControls:DILabel>

<diControls:DIButton Grid.Row="1">