Questions on UI for WPF Forum

2 answers

315 views

Show/Hide columns using IsVisible is slow

Hi,

I'm using the gridview to show items that are defined like following code:

public class GridLine

{

public string Key { get; set; }

public List<Year> Years { get; set; }

}

public class Year

{

public string Code { get; set; }

public int TotalValue { get { return Months != null ? Months.Sum(m => m.Value) : 0; } }

public List<Month> Months { get; set; }

}

public class Month

{

public string Code { get; set; }

public int Value { get; set; }

}

Because the list of years and the list of months are hierarchically and have variable lengths, the columns for these items must be generated on data load of the datagrid. The bindings are also defined in this part.

The desired behavior of the year column and the corresponding month columns is like this:

when the year column is visible, the month columns aren't visible
when doubleclicked on the header of the year column, the month columns are shown and the year column is hidden.
vice versa...

I'm using this code to obtain this:

private void TestGridDataLoaded(object sender, EventArgs e)

{

var items = (List<GridLine>)TestGrid.ItemsSource;

if (items == null || items.Count == 0) return;

// Generate columns for hierarchical years and months.

for (int yearCounter = 0; yearCounter < FixedNumberOfYears; yearCounter++)

{

var year = items[0].Years[yearCounter];

var yearColumn = new GridViewDataColumn

{

Tag = year.Code,

DataMemberBinding = new Binding(string.Format("Years[{0}].TotalValue", yearCounter)),

};

yearColumn.Header = CreateColumnHeaderLabel(yearColumn, year.Code); // creates a double clickable header to toggle visibility

_gridColumns.Add(yearColumn, new List<GridViewDataColumn>());

TestGrid.Columns.Add(yearColumn);

for (var monthCounter = 0; monthCounter < FixedNumberOfMonths; monthCounter++)

{

var month = year.Months[monthCounter];

var monthColumn = new GridViewDataColumn

{

IsVisible = false,

Header = CreateColumnHeaderLabel(yearColumn, month.Code, true),

DataMemberBinding = new Binding(string.Format("Years[{0}].Months[{1}].Value", yearCounter, monthCounter))

};

_gridColumns[yearColumn].Add(monthColumn);

TestGrid.Columns.Add(monthColumn);

}

private System.Windows.Controls.Label CreateColumnHeaderLabel(GridViewDataColumn yearColumn, string content, bool isMonth = false)

{

var label = new System.Windows.Controls.Label

{

Content = content,

Tag = yearColumn, Foreground = new SolidColorBrush( isMonth ? Colors.Yellow : Colors.White)

};

label.MouseDoubleClick += ToggleColumnsVisibility;

return label;

}

Now, all this works fine, except for the showing and hiding of the columns. The performance of this action is quite slow. when a dozen columns must be hidden (IsVisible=false) and a dozen hidden columns must be shown (IsVisible=true), it takes some seconds.

Can anyone explain to me how this showing and hiding using the IsVisible property works and if there are ways to reduce the rendering time of these actions?

I've added a screenshot of the real life project to this thread. The project is much more complex then the code samples above because it uses converters, custom celltemplates, custom celledittemplates... when creating the columns for month and year. This probably also slows down the rendering.

Best regards,
Pieter Jan Verfaillie

GridView

answered on 22 Jan 2013

1 answer

192 views

Binding RadPropertyGrid.Item causes ViewModelLocator to fail?!

If I put this in a MEFed dll (using MefedMVVM), I receive an exception:

<UserControl ...
mefed:ViewModelLocator.NonSharedViewModel="MyViewModel">
<telerik:RadPropertyGrid Item="{Binding IsAsync=True}" AutoGeneratePropertyDefinitions="True" />

Error while resolving ViewModel. System.ComponentModel.Composition.ImportCardinalityMismatchException: No exports were found that match the constraint

I suppose this binding somehow conflicts with my MEF contract. Any ideas? Makes no sense... but if I remove the binding, it works!

PropertyGrid

answered on 22 Jan 2013

2 answers

162 views

Using/Modifying Built-In Theme Colors in WPF

Does anyone know where I can find some examples &/or resources on how to properly change colors for built-in themes? I am trying to transition from using the Metro theme in which I had a singleton and could just access it and change the colors for the whole application. To know I am trying to utilize the Windows8Touch theme and I no longer have access to something like: Windows8TouchColors.PaletteInstance.MainColor = Colors.Orange

General Discussions

answered on 22 Jan 2013

1 answer

380 views

RadCartesianChart empty value's problem.

Hi,

I set 240 points in a RadCartesianChart, And then I changed some points' value.(Please watch pic1)
But I want to display like pic2.

Or you have a way to draw this only need a few pionts.

I need to use RadCartesianChart's behavior like this. So I can't use RadChart

<telerik:RadCartesianChart.Behaviors>
	<telerik:ChartTrackBallBehavior ShowIntersectionPoints="True" TrackInfoUpdated="ChartTrackBallBehavior_TrackInfoUpdated_1" />
</telerik:RadCartesianChart.Behaviors>

If RadCartesianChart has a property like this is better.

<telerik:RadChart>
 <telerik:RadChart.SeriesMappings>
 <telerik:SeriesMapping>
<telerik:SeriesMapping.SeriesDefinition>
<telerik:LineSeriesDefinition EmptyPointBehavior="Gap" />
</telerik:SeriesMapping.SeriesDefinition>

Sorry My English is not very well, If you can understand what I say, I would be very grateful.

Thanks.

Chart

answered on 22 Jan 2013

1 answer

168 views

Styling RadColorEditor ControlTemplate

Hi,

When I attempt to "Edit Template" of RadColorEditor in Expression Blend, the Sliders disappear from the template. Is there an easy way to edit the style of these controls used within RadColorEditor's ControlTemplate?

Thanks,
Frankie

ColorEditor

answered on 22 Jan 2013

1 answer

205 views

Getting a Slice of the Pie.

I have a Pie Chart that is bound to a stored procedure, the stored procedure brings back the percentage of sales for each sales person in my database. As the user select diffrent sales people I would like to be able to highlite or pull the wedge out that represents that sales person. I have the salesperson code, but right now its not bound and I know which sales person they are looking at.

<telerik:RadPieChart HorizontalAlignment="Left" Margin="31,32,0,0" VerticalAlignment="Top">

<telerik:PieSeries x:Name="TotalSalePercent" ShowLabels="True"

ItemsSource="{Binding}"

ValueBinding="__of_Total_Sales">

</telerik:PieSeries>

</telerik:RadPieChart>

List<spSalesPercentResult> spSalesPercentresult = (from s in

conn.spSalesPercent()

select s).ToList();

TotalSalePercent.ItemsSource = spSalesPercentresult;

ChartView

answered on 22 Jan 2013

5 answers

452 views

Styling RadToggleButton

Can someone point me to an example of changing the appearance of a RadToggleButton (hover, checked, not checked) using a ControlTemplate or otherwise (But NOT using Expression Blend)?

Thank you.

Buttons

answered on 22 Jan 2013

2 answers

124 views

Mouse Selection vs Programmatic selection

I am using the RadGridView from Rad controls 2012 Q3

I see to different behaviours for selection:
-When I click on an item with the mouse, the row is highlighted (in orange)
-When I programmatically set the selection (myGridView.SelectedItem = anObject), the row is highlighted (in grey)

I would like to be able to programmatically set the selection AND have it be highlighted (as is the case with the mouse click)

a) Why these behaviours are different?
b) How can I programmatically set the selection AND have it be highlighted?

Note: I am not trying to change the selection colors, but have programmatic selection behave the same as mouse selection.

Thank you

GridView

answered on 21 Jan 2013

2 answers

276 views

Enable Disable Filter in XAML without Code behind

I would like to enable/disable a filter based on a checkbox and I would like to do it only in XAML.

I can see how it is done in code but ideally I would be able to implement this strickly in XAML. For example: Bind something like IsEnabled to the checked status of a ToggleButton.

In my case, I actually have several toggle buttons which each apply filters to the view.

Thoughts?

GridView

answered on 21 Jan 2013

2 answers

234 views

Scaled MapPinPoint on RadMap

I am building a large facility map that will show facility equipment using a RadMap with bitmaps to portray equipment (computers, printers, etc). MapPinPoint seems to be the best approach to this. I can successfully add a MapPinPoint to a RadMap with code like this:

Uri uri = new Uri("/Printer.jpg", UriKind.Relative);

MapPinPoint newMapPoint = new MapPinPoint();
newMapPoint.ImageSource = new BitmapImage(uri);
newMapPoint.Text = "Test";
MapLayer.SetLocation(newMapPoint, new Location(19.70240, -154.08088));
informationLayer.Items.Add(newMapPoint);

This displays the image MapPinPoint with the correct image but introduces a zoom issue. When I zoom in/out, I need the MapPinPoint to keep its scale. If I zoom in, the image should get larger and I zoom out the image should get smaller.

How do I accomplish this? Or, is there a better approach to add image items on the map on the fly and have them scale with zooms?

Thanks.

Map

answered on 21 Jan 2013