Questions on UI for WPF Forum

1 answer

221 views

What property is this?

In the attached image, I need access to this property to control the height of the rows.

ScheduleView

answered on 22 Feb 2012

7 answers

318 views

Exception when binding to ListCollectionView with filter

If I bind a RadGridView to a ListCollectionView with a filter, and I chance a value in a Grid cell that causes the filter to return false for that row, I get an exception in the Grid cell.

Code to reproduce:

public class MyEntity : INotifyPropertyChanged

{

private bool _myBool;

public bool MyBool

{

get { return _myBool; }

set

{

_myBool = value;

PropertyChanged(this, new PropertyChangedEventArgs("MyBool"));

}

public event PropertyChangedEventHandler PropertyChanged;

}

public partial class MainWindow

{

public MainWindow()

{

InitializeComponent();

DataContext = this;

MyEntities = new ObservableCollection<MyEntity> { new MyEntity(), new MyEntity(), new MyEntity() };

MyCv = (ListCollectionView)CollectionViewSource.GetDefaultView(MyEntities);

MyCv.Filter = MyBoolFilter;

}

public ObservableCollection<MyEntity> MyEntities { get; set; }

public ListCollectionView MyCv { get; set; }

private bool MyBoolFilter(object item)

{

return !((MyEntity)item).MyBool;

}

<Window x:Class="GridViewTest.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">

<telerik:RadGridView ItemsSource="{Binding MyCv}"/>

</Window>

Steps to reproduce:
1. check one of the checkboxes in the grid
2. move focus to somewhere else

I use version Q3 2011 SP1, .Net 4.0

Is there a way around this problem?

GridView

answered on 22 Feb 2012

3 answers

221 views

Drag Tile without clicking the header

Hi,

Is possible to drag tile item without clicking the header? I need to drag the tile by clicking in the tile, and moving around holding the mouse button. The idea is to use this in a touch screen and I want the user clicking in the tile instead of the header. How can I do that?

Best regards,
Gonçalo Martins

TileView

answered on 22 Feb 2012

2 answers

101 views

Stacked 100 BarSeries

Is there a way to create a stacked 100% BarSeries in a ChartView?

ChartView

answered on 22 Feb 2012

0 answers

60 views

Checkbox should be unique

Hi @ All,

i have a checkbox in each row. But just in one row it is allowed to set the checkbox true. Is there a easy way to do that?

Thanks
ww

GridView

asked on 22 Feb 2012

1 answer

143 views

RadRichTextBoxRibbonUI localization doesn't work

TextBoxRibbonUI localization doesn't work but same localization is working in radribbinbar which was the previous version in wpf controls.

RibbonView and RibbonWindow

answered on 22 Feb 2012

1 answer

105 views

Asynchronous assignment of Bing Provider

Hi,

I am using WCF data service to fetch spatial objects (polygon) from SQL Server database and render them on the information layer.Everything was working fine until I decided to have my calls Asynchronous, in which I have a callback method to assign my polygon list to a bind-enabled property on my ViewModel (PRISM).My view used to be slow and would hange due to both the synchronous WCF call and the bing provider assignment which seems to freeze the UI. Now my WCF call is Asynchronous and does not freeze the UI, but the bing provider assignment is still freezing the view for about 2 to 3 seconds.Is there any plan to change this provider effects on the UI ?

Thanks

Madani

Map

answered on 22 Feb 2012

5 answers

313 views

Changing the RadPane height

I've got a RadSplitContainer that contains three RadPaneGroup each with one RadPane. On a certain event, I want to "shrink" one of the RadPanes. Changing the RadPage height or maxheight didn't seen to make a difference but changing the parent RadPaneGroup does.

So in my code right now, on one click event when I want my RadPane to shrink, I change the RadPaneGroup's MaxHeight to 50. When I want it to expand again, I change the RadPaneGroup's MaxHeight back to PositiveInifinity. This works well but as soon as I change the height of the RadPaneGroup itself by grabbing the little separator between each RadPaneGroup with my mouse and dragging it; when my collapse event fires, the RadPaneGroup gets shrunk too much or not enough depending on whether I changed the height to be bigger or smaller than before.

It appears the value I set the MaxHeight to needs to change dynamically depending on the current ActualHeight of the RadPaneGroup but I can't seem to find at what factor this needs to change by or, more baffling, why it appears to be opposite depending on the way I changed the height of the RadPaneGroup (for example, if I make it bigger, I have to use a smaller number for the MaxHeight).

So first off, am I doing this wrong by playing with the MaxHeight? If not, how can I get this control whether it be the parent RadSplitContainer or the individual RadPaneGroups to change their height from/to a specific value and from/to infinity (fill)?

EDIT: I've also found that when I "shrink" the middle RadPaneGroup, it doesn't work the first time... then I expand it and shrink it again and, while it works, there is a large gap between it and the top RadPaneGroup.

Docking

answered on 22 Feb 2012

1 answer

113 views

Keyboard focus indicator

I've run into some somewhat strange behavior.

As I hover over items, the item gets highlighted in yellow. But if I then switch to navigating with the keyboard, the highlighted item is still shown, and now it's confusing as to which highlight is indicating the selection.

Is this expected behavior, and is there a way to control it?

TreeListView

answered on 22 Feb 2012

2 answers

258 views

Horizontal Linear Gauge Resize Problem

I am using a linear gauge set to horizontal orientation inside a User Control class. Because of the number of different ways that a user needs to be able to configure this control class I am building the whole gauge in the code behind and none in the xaml. When I go to re-size the gauge by dragging it horizontally then the scale will re-size appropriately in the height and width dimensions, but when I attempt to re-size the control vertically the scales height and width will not decrease with the re-size of the control. This will happen until the scale is covered up by the bottom edge of the gauge. How can I get the scale to correctly size within the UserControl?

I have attached screenshots to see how the control looks when it is re-sized vertically and horizontally.

Thanks for any help.

The first code sample creates the gauge in the codebehind and the second code sample keeps the top of the scale in the correct spot when re-sizing.

private void SetupHorizontalSlider()

{

//clear the grid of any controls before setting up a control

layoutRoot.Children.RemoveAt(0);

//create the RadGauge

mGaugeControl = new RadGauge() { Name = "mGaugeControl" };

//create the LinearGauge

LinearGauge linearGauge = new LinearGauge();

//add the LinearGauge to the RadRauge container

mGaugeControl.Content = linearGauge;

//create the LinearScale

LinearScale linearScale = new LinearScale()

{

Name = "linearScale",

Min = 0,

Max = 10,

StartWidth = 0.1,

EndWidth = 0.1,

StrokeThickness = 1,

MajorTicks = 10,

MiddleTicks = 1,

MinorTicks = 5,

Orientation = Orientation.Horizontal,

Left = 0.15,

Top = 0.13,

RelativeHeight = 0.70

};

linearScale.MajorTick.Length = 0.01;

linearScale.MajorTick.TickWidth = 0.1;

linearScale.MajorTick.Location = ScaleObjectLocation.OverCenter;

linearScale.MiddleTick.Length = 0.025;

linearScale.MiddleTick.TickWidth = 0.5;

linearScale.MiddleTick.Location = ScaleObjectLocation.OverCenter;

linearScale.MinorTick.Length = 0.02;

linearScale.MinorTick.TickWidth = 0.3;

linearScale.MinorTick.Location = ScaleObjectLocation.OverCenter;

linearScale.SizeChanged += new System.Windows.SizeChangedEventHandler(linearScale_SizeChanged);

linearScale.Label.Location = ScaleObjectLocation.Inside;

//add the RadialScale to the RadialGauge Items collection

linearGauge.Items.Add(linearScale);

//use the marker styled in the resource section of this page

mMarkerTemplate = this.Resources["HorizontalTopMarkerTemplate"] as ControlTemplate;

//create the LinearBar indicator and add it to the indicators collection

mLinearBar = new LinearBar()

{

Name = "bar",

Location = ScaleObjectLocation.OverCenter,

EmptyFill = System.Windows.Media.Brushes.Transparent,

Background = System.Windows.Media.Brushes.Green,

IsAnimated = true,

Duration = new Duration(TimeSpan.FromSeconds(2)),

Value = 2

};

linearScale.Indicators.Add(mLinearBar);

//create marker indicator to add to the indicators collection

mNeedle = new Marker()

{

Name = "needle",

Template = mMarkerTemplate,

IsAnimated = true,

Duration = new Duration(TimeSpan.FromSeconds(2)),

Location = ScaleObjectLocation.OverCenter,

RelativeHeight = 0.1,

RelativeWidth = 0.09,

Value = 2

};

linearScale.Indicators.Add(mNeedle);

//register the needle with the page so that the animation will work correctly

RegisterControl(mNeedle.Name, mNeedle);

RegisterControl(mLinearBar.Name, mLinearBar);

//create NumericIndicator to add to the RadialScale Indicators collection

//mValueIndicator = new NumericIndicator();

mGaugeScale = linearScale;

mGauge = linearGauge;

layoutRoot.Children.Add(mGaugeControl);

}

void linearScale_SizeChanged(object sender, System.Windows.SizeChangedEventArgs e)

{

((Telerik.Windows.Controls.Gauges.LinearScale)(sender)).Top = (e.NewSize.Height / e.NewSize.Width) / 2;

}

Gauges

answered on 22 Feb 2012