Questions on UI for WPF Forum

1 answer

163 views

What happened with chart's context menu?

Hello!
There are about six months since I've worked last time for a project that is using Telerik's dlls.
Now I have my hands back on it, and the first thing I tried to do was to update Telerik's libraries...
one thing I've noticed (and I bet there are others) is that my context menu for charts has disappeared - vanished - gone!
I'm now looking in your documentation and tutorials - and you are explaining how to add context menus to bars or other items in charts
but this is not the point! I had a general context menu for the entire chart that is now shown anymore when I'm right clicking the chart...

<telerik:RadChart Name="telerikChart" >

<telerik:RadChart.DefaultSeriesDefinition>

<Charting:ScatterSeriesDefinition />

</telerik:RadChart.DefaultSeriesDefinition>

<Controls:RadContextMenu.ContextMenu>

<Controls:RadContextMenu x:Name="chartContextMenu">

<Controls:RadMenuItem Name="miTooltipFormat"

Header="Precision" />

<Controls:RadMenuItem Name="miXStrip"

Header="X axis strip lines"

IsCheckable="True"

Checked="miXStrip_Checked"

Unchecked="miXStrip_Checked"/>

<Controls:RadMenuItem Name="miYStrip"

Header="Y axis strip lines"

IsCheckable="True"

Checked="miYStrip_Checked"

Unchecked="miYStrip_Checked" />

<Controls:RadMenuItem Name="miExport"

Header="Export"

Click="ctxExportMenuItem_Click"/>

</Controls:RadContextMenu>

</Controls:RadContextMenu.ContextMenu>

</telerik:RadChart>

Is there something that I am missing here?

Thank you!
R

Chart

answered on 19 Oct 2011

3 answers

196 views

Interpolating line

Hi I am using RadChart control with 2 series:
1. BubbleSeries
2. LineSeries.
The line series is used as regression line for all points found in BubbleSeries. The issue that I am facing is inability to "accurately" display the regression line. The regression line contains only two points; the y-intercept and the datapoint with max visible x value. The interpolation between those points is non existent.
For example, when I have 2 points, the regression line just simply goes through those 2 points - dead on. However, it does not. I was thinking that I could start adjusting the YScale manually so that the points in BubbleSeries appeared to be on the line -> before I dig into that I wanted to ask and see if there is a better solution out there.

Attached is the the chart I am taking about; the point 1 and 4 lie directly on the line, however visually they don't appear. Ignore the points 2, 3, 5 -> in this case there are not used in calculating the points for LineSeries.

https://docs.google.com/leaf?id=0B-bulDANY3zRMDM2YmY3NGItY2M3NC00ZGVmLWIzOGYtYWFmZjYwNzFjODI3&hl=en_US

Thanks.

Chart

answered on 19 Oct 2011

3 answers

148 views

Column reorder issue after hiding columns at runtime

Hi,

I am working on an application where I need to dynamically hide/unhide the columns. I have implemented that functionality. However, after hiding a few columns at runtime, if I try to reorder column by dragging dropping the columns, the RadGridView adds blank columns at the hidden columns' places. I have created a small sample demonstrating the issue.

Xaml File:

<Window x:Class="AbstractionPOC.Window1"

xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

Title="Window1" Height="500" Width="900"

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

<StackPanel>

<ComboBox x:Name="viewFields" Grid.Column="2" ItemsSource="{Binding Columns, ElementName=orderView}">

<ComboBox.ItemTemplate>

<DataTemplate>

<CheckBox Content="{Binding Header}"

IsChecked="{Binding IsVisible, Mode=TwoWay}" />

</DataTemplate>

</ComboBox.ItemTemplate>

</ComboBox>

<telerik:RadGridView Grid.Row="1" Grid.ColumnSpan="4" x:Name="orderView"

SelectionMode="Extended" EditTriggers="None" AutoGenerateColumns="True" >

</telerik:RadGridView>

</StackPanel>

</Window>

Code Behind:

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.Shapes;

using System.Collections.ObjectModel;

namespace AbstractionPOC

{

/// <summary>

/// Interaction logic for Window1.xaml

/// </summary>

public partial class Window1 : Window

{

public ObservableCollection<CustomerOrder> CustomerOrders

{

get;

set;

}

public Window1()

{

InitializeComponent();

CustomerOrders = new ObservableCollection<CustomerOrder>

{

new CustomerOrder() {CustomerName="David Blaine", CustomerPONumber="PO123", PharmacyNotes="Some Pharmacy Notes", PrescriptionNumber="12345", ProductName="Cetrizine", ShipToId=387541},

new CustomerOrder() {CustomerName="John Ruth", CustomerPONumber="PO654", PharmacyNotes="Some Other Notes", PrescriptionNumber="67890", ProductName="Brufen", ShipToId=12387},

new CustomerOrder() {CustomerName="Jane Doe", CustomerPONumber="PO325", PharmacyNotes="More Pharmacy Notes", PrescriptionNumber="54321", ProductName="Crocin", ShipToId=65879},

new CustomerOrder() {CustomerName="Robert Frost", CustomerPONumber="PO698", PharmacyNotes="Some More Notes", PrescriptionNumber="19875", ProductName="Paracetamole", ShipToId=234578},

new CustomerOrder() {CustomerName="Tim Ferriss", CustomerPONumber="PO568", PharmacyNotes="Some Notes", PrescriptionNumber="15485", ProductName="Tetracycline", ShipToId=286541},

};

orderView.ItemsSource = CustomerOrders;

}

CustomerOrder class:

using System;

using System.Collections.Generic;

using System.Linq;

using System.Text;

namespace AbstractionPOC

{

public class CustomerOrder

{

public string CustomerName

{

get;

set;

}

public string ProductName

{

get;

set;

}

public string PharmacyNotes

{

get;

set;

}

public string CustomerPONumber

{

get;

set;

}

public string PrescriptionNumber

{

get;

set;

}

public long ShipToId

{

get;

set;

}

Now, at runtime I can show/hide a column by opening the combobox and checking/unchecking the checkbox for any column. However, after hiding the column, if I try to reorder the column, the gridview adds a blank column. For example, after hiding the CustomerPONumber column, if I drag the ShipToId column and place it after ProductName column, the gridview add a blank column after PharmacyNotes column(where the hidden column was before hiding).

Please help. All inputs are appreciated.

Thanks,
Jaspreet Singh.

GridView

answered on 19 Oct 2011

2 answers

212 views

Scroll wheel issue when RadRichTextBox is inside Radcarousel

Hi there,

When I place a readonly RadRichTextBoxes as template inside a RadCarousel and the focus is on the RadRichTextBox, the scroll wheel scrolls RadCarousel instead of the content inside the RadRichTextBox. When I put a FlowDocumentViewer in place of the RadRichTextBox, the scroll wheel scrolls correctly. Is there a workaround for this?

Thanks
Haifeng

Carousel

answered on 18 Oct 2011

2 answers

285 views

Using the new DragDropManager, i.e. Windows approach

I'm using the new DragDropManager and trying to stay as close to the standard Windows/WPF approach as much as possible. Most of the examples here use the RadDragAndDropManager, and I haven't been able to find examples using the new approach.

I have a form with 2 grids (i.e. RadGridView). There are 2 possible drag/drop scenarios:

Scenario 1. Drag a row from the left grid, and drop onto a row in the right grid, in order to create an association. In this scenario I need to determine how to Provide a visual indicator of the drop target row. This could be achieved by displaying the default mouse-hover highlight on a row, which seems to be turned off during drag/drop. Is there a way to selectively turn this on and off from within the DragEnter and DragLeave events?

Scenario 2. Use drag/drop to reorder rows within either grid. In this scenario I need to determine how to display a visual indicator of where the dragged row will be moved to, via an indicator line between the rows. I notice that the RadTreeListView contains a nice template for this. I can use the RadTreeListView instead of the RadGridView to take advantage of this. However this indicator seems to be always on or off based on the IsDragDropEnabled property. Can this template be toggled on/off from within DragEnter and DragLeave events? Also how can I determine if the drop point is before or after the target row.

You'll notice that the right grid handles both scenarios, depending on the drag source. Here is the DragOver handler which provides feedback on what effect (if any) the drop would have.

private static void OnRightGridDragOver(object sender, DragEventArgs e)

{

e.Effects = DragDropEffects.None;

GridViewRow row = FindVisualParent<GridViewRow>(e.OriginalSource as UIElement);
Attribute attribute = row == null ? null : row.Item as Attribute;
IDataObject dataObject = (IDataObject)e.Data;

if (dataObject.GetDataPresent(typeof(Field)))
{
if (attribute != null && attribute.Children.Count == 0)
{
e.Effects = DragDropEffects.Link;
}
}
else if (dataObject.GetDataPresent(typeof(Attribute)))
{
e.Effects = DragDropEffects.Move;
}
e.Handled = true;

}

Also I notice that unlike the RadDragAndDropManager, the new DragDropManager doesn't seem to support auto scrolling of a list. How would that be handled?

Thanks for your help.

DragAndDrop

answered on 18 Oct 2011

2 answers

140 views

Different theme for a nested gridview

Hi,

I have a gridview that is themed with Telerik Windows 7 theme, which is the general theme of the application and gets set at load time. I want to add another grid in the Row Details section, however I want this nested grid to have a different theme for clarity (office black, or the white theme from the WPF Telerik examples). Unfortunately, the nested gridview always take the same theme as the parent one. I have tried to set the style differently, but it didn’t work.

<Style x:Key="RowDetailGridViewStyle" TargetType="{x:Type Controls:RmpReadOnlyGridView}"  BasedOn="{StaticResource {telerik:ThemeResourceKey ThemeType=telerik:Office_SilverTheme, ElementType=telerik:RadGridView}}">

Any suggestion what I should do?

Regards

GridView

answered on 18 Oct 2011

2 answers

152 views

Problem with Custom Theme for Docking

I'm trying to modify the existing Docking.xaml theme to put the close button on the document tab instead of the tabstrip. The StyleManager seems to accepts the theme (GetTheme returns my theme); however the display still reflects the original Office_BlackTheme with the button on the tabstrip and not on the document tab. I've included the project, and code snippets of how I use it.

Xaml:

<telerik:RadDocking x:Name="radDock">

<telerik:RadDocking.DocumentHost>

<telerik:RadSplitContainer>

<telerik:RadPaneGroup>

<telerik:RadDocumentPane Header="Document 1"

Title="Document 1" />

<telerik:RadDocumentPane Header="Document 2"

Title="Document 2" />

</telerik:RadPaneGroup>

</telerik:RadSplitContainer>

</telerik:RadDocking.DocumentHost>

</telerik:RadDocking>

Code-behind:

StyleManager.SetTheme(radDock, new OfficeBlack_Docking());

Sample Theme Project

If anyone can help it would be greatly appreciated. I am evaluating the product for purchase by my company and my trial period has expired, so this is my only recourse for resolution.

Thanks in advance,
Steve

Docking

answered on 18 Oct 2011

1 answer

107 views

Setting SelectionBoxTemplate has no effect when binding to a collection of UserControls

Here's my situation (simplified): I want to bind a collection of user controls to a combo box, but I only want to see the Name of the user controls displayed in the list and displayed as the selected item.

So I have essentially done the following in code:

var collection = new ObservableCollection<MyUserControl>();

// Add some items to collection here

myRadComboBox.ItemsSource = collection;

And my XAML looks something like the following:

<telerik:RadComboBox SelectionBoxTemplate="{StaticResource MyUserControlDataTemplate}" ItemTemplate="{StaticResource MyUserControlDataTemplate}" />

With the static resource defined as...

<DataTemplate x:Key="MyUserControlDataTemplate" >

<TextBlock Text="{Binding Name}"/>

</DataTemplate>

And when I run the app, and select an item from the drop down, the visual content of the user control is what shows up in the selection box -- not the name. It appears that when the data bound to ItemsSource is a collection of UserControls, the specified ItemTemplate will be honored, but not the SelectionBoxTemplate. I have tried to simplify this as much as possible, but I just cannot get it to work.

Fortunately, when I set the ItemsSource property of my RadComboBox to a collection of some other object which had a "Name" property (without making any other changes to the XAML), I got exactly what I expected to see -- the content of the object's Name property showed up in the selection box.

Please tell me that what I'm seeing is not the expected behavior when binding to a collection of user controls!

ComboBox

answered on 18 Oct 2011

1 answer

269 views

How to set the expander visibility for a RadTreeViewItem

Hi,

My requirement is to set the visibility of RadTreeViewItem. For this sample shared at the http://www.telerik.com/community/forums/wpf/treeview/radtreeviewitem-visibility.aspx post helped me. I modified this sample to incorporate my requirement. I added one more property in BusinessItem for Visibility and bind it with the RadTreeViewItem. But problem is that RadTreeViewItem shows expander button (on left side) even if all its children are set to Collapsed.
I also need to hide expander button for a RadTreeViewItem if all its children are collapsed.

Thanks and Regards,
Bala,

TreeView

answered on 18 Oct 2011

1 answer

72 views

Print - Spel check off

Hello,

Is it possible to disable spelling check in print document?

I prepare data by RadDocument and assign to RadRichTextBox(RadRichTextBox.1Document).
and then give it to print.

now i select Cute PDF Writer rather then selecting Printer.

It gives Rad under line(spel error) in a some of content.