Questions on UI for WPF Forum

1 answer

185 views

Hi,

I have a short question belonging to the the GridLines in a GridView.
Is it possible to format the GridLines inidividual for each row? (e.g. the width or color).

Thanks

GridView

answered on 21 May 2014

4 answers

441 views

Positive (unsigned) integers only

Is there a way to make either the RadMaskedNumericInput or RadMaskedTextBox accept only non negative integers?

MaskedInput (Numeric, DateTime, Text, Currency)

answered on 21 May 2014

7 answers

323 views

Column ShowColumnWhenGrouped attribute ignored when set in XAML

I am a long time Telerik user, and I love the ShowColumnWhenGrouped attribute, I've wanted this functionality for a long time. It works great when the user drags a column to the group bar, but when set in XAML with a column grouping defined in XAML, it is ignored. Is this a bug, and is there a workaround? Thanks.

GridView

answered on 20 May 2014

1 answer

166 views

load second combobox on demand

Hi,

i can't find how to load a second combobox on demand depending what is selected in the first combobox? For Example, i select "Audi" in
the first combobox and the second should load all Audis "A1, A2, A3, A4, A5,..." out of a csv-File!

Thanks
Best Regards
Rene

ComboBox

answered on 20 May 2014

1 answer

357 views

"Ambiguous Reference" error when editing the default style of the RadScheduleView control

I'm trying to make a custom appointment following this tutorial. I clone the style using Right Click -> Edit Template -> Edit a Copy. The resulting code has several ambiguous reference error. I read that the solution is to use the fully qualified namespace but I don't know which option is correct.

One of the errors is in the line

<Style TargetType="{x:Type telerik:DragVisual}"

>



but DragVisual is defined in both Telerik.Windows.Controls and Telerik.Windows.DragDrop. Which one should I use?

ScheduleView

answered on 20 May 2014

1 answer

71 views

How to pass on new value only in the CellEditEnded event?

Hello,

i am using a Gridview that is having a RadObservableCollection<T> (where T is DependencyObject, INotifyPropertyChanged) as ItemsSource. The same collection is also used in a Chartview as Datasource for a Lineseries.
Any changes in the Chart (Drag&Drop) are reflected in the Gridview and the other direction works too.

My problem is the way the editing is passed on:
I have a Double Column which is editable and reflect the values that are shown in the Chart too. But the editing changes are passed on the the chart on every keypress during the editing which is very irritating.

So lets say someone wants to enter 749 as new value the behavior is now like this:

press key 7 -> datapoint in chart jumps to Y-Value 7
press key 4 -> datapoint in chart jumps to Y-Value 74
press key 9 -> datapoint in chart jumps to Y-Value 749

what i want is this:

press key 7 -> nothing
press key 4 -> nothing
press key 9 -> nothing
press return -> datapoint in chart jumps to Y-Value 749

I guess I need to block some notification sending in the BeginningEdit event and pass out the final new value only in the CellEditEnded event. But i havent been able to work out how.

Thanks in advance!
Mikk

GridView

answered on 20 May 2014

2 answers

684 views

Column IsVisible does not bind with late DataContext binding

I've run into a problem where if the DataContext is set too late in the initialization/rendering process, bindings on the IsVisible property of columns are never established. Below is an example showing the problem.

If you establish the DataContext in the constructor, it works as expected; the Number column is not shown, and you can toggle its display using the checkbox.

However, if you comment out that line, run the app, and use the button to establish the DataContext after the grid has rendered, the Number column is shown even though ShowNumber is false, and the binding does not respond to changes in ShowNumber (again using the checkbox).

I found a work-around by re-establishing the binding after setting the DataContext, but this is ugly and much less maintainable.

Is there a way I can force it to update the column bindings when the DataContext is set, rather than re-creating the binding for every column on which I need to control visibility?

Thanks,
Louis

XAML:

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

<Grid>

<Grid.RowDefinitions>

<RowDefinition Height="*"/>

<RowDefinition Height="Auto"/>

</Grid.RowDefinitions>

<telerik:RadGridView Grid.Row="0" x:Name="radGridView" AutoGenerateColumns="False" ItemsSource="{Binding Path=Items}"

IsFilteringAllowed="False" ShowGroupPanel="False" CanUserSortColumns="False">

<telerik:RadGridView.Columns>

<telerik:GridViewDataColumn Header="Name" Width="65"

DataMemberBinding="{Binding Path=Name}"/>

<telerik:GridViewDataColumn IsVisible="{Binding Path=ShowNumber}" Header="Number" Width="65" x:Name="NumberColumn"

DataMemberBinding="{Binding Path=Number}"/>

<telerik:GridViewDataColumn Header="Group" Width="65"

DataMemberBinding="{Binding Path=Group}"/>

</telerik:RadGridView.Columns>

</telerik:RadGridView>

<StackPanel Grid.Row="1" Orientation="Horizontal">

<Button Click="ConnectVM" Content="ConnectVM" Margin="5"/>

<CheckBox IsChecked="{Binding Path=ShowNumber}" Content="Show Number" VerticalAlignment="Center"/>

</StackPanel>

</Grid>

</Window>

Code-behind:

using System.Collections.ObjectModel;

using System.ComponentModel;

using System.Windows;

namespace DelayedBinding

{

public class Item

{

public string Name { get; set; }

public int Number { get; set; }

public string Group { get; set; }

}

public partial class MainWindow : Window, INotifyPropertyChanged

{

public event PropertyChangedEventHandler PropertyChanged;

public ObservableCollection<Item> Items { get; private set; }

private bool _ShowNumber = false;

public bool ShowNumber

{

get { return _ShowNumber; }

set

{

_ShowNumber = value;

if (PropertyChanged != null)

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

}

public MainWindow()

{

Items = new ObservableCollection<Item>();

for (int i = 0; i < 5; i++)

Items.Add(new Item() { Name = "Object " + i, Number = i, Group = (i % 2 == 1 ? "Odd" : "Even") });

InitializeComponent();

// If we connect the DataContext here, everything works fine!

DataContext = this;

}

private void ConnectVM(object sender, RoutedEventArgs e)

{

// If we wait to connect it here, the ShowNumber binding isn't established!

DataContext = this;

// This is the work-around, by re-establishing the binding, the grid again works correctly.

//NumberColumn.SetBinding(Telerik.Windows.Controls.GridViewColumn.IsVisibleProperty, "ShowNumber");

}

GridView

answered on 20 May 2014

1 answer

269 views

Chrome Button Style To Menu

I have an application where I am using buttons across the top that are styled a certain way. I can seem to figure out how to get that same style to apply to the top level menu. So I need to know how to apply a chrome button style to a top level menu? Submenu popup should remain with the default style. Just wanted to change
the style of the main menu so that when we hover over it looks like chrome button.

Here is the styling we are doing on the Button. Right now, I can't seem to achieve the mouseover effect this has for Top Level menu

<Style TargetType="{x:Type telerik:RadButton}">

<Setter Property="Padding" Value="4" />
<Setter Property="Margin" Value="1,1,0,1" />
<Setter Property="IsTabStop" Value="False" />
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="{x:Type telerik:RadButton}">
<Grid>
<Chromes:ButtonChrome
CornerRadius="1"
RenderNormal="False"
RenderMouseOver="{TemplateBinding IsMouseOver}"
RenderPressed="{TemplateBinding IsPressed}" Template="{DynamicResource ButtonChromeControlTemplate1}">
<telerik:StyleManager.Theme>
<telerik:Office_BlackTheme />
</telerik:StyleManager.Theme>
</Chromes:ButtonChrome>
<ContentPresenter
ContentTemplate="{TemplateBinding ContentTemplate}"
Content="{TemplateBinding Content}"
ContentStringFormat="{TemplateBinding ContentStringFormat}"
Margin="{TemplateBinding Padding}" />
</Grid>
</ControlTemplate>
</Setter.Value>
</Setter>
</Style>
</telerik:RadButton.Style>

Menu

answered on 20 May 2014

1 answer

175 views

Customize Shape Progress

Hi.

I looked for 'RadProgress Demo - First Look'

In the demo, when 'IsIndeterminate' button is checked appeared.

I want this shape progressbar.

How make this?

ProgressBar

answered on 19 May 2014

2 answers

150 views

Restricting row height in horizontal grouping

Hi all

I have a RadScheduleView grouped by resources in a horizontal view. My problem now is that if the view does not contain many rows, every row is stretched so that the rows take all space (see screenshot). This doesn't seem to be because of any of my templates (which don't resize).

In order to simplify diagnosis, please check the second screenshot. I overwrote the height of all elements in the style, including the groupheader (green background). Basically, that GroupHeader doesn't have a parent anymore, it's just part of it's parent (AppointmentsPanel). I assume that parent stretches content, which I something I'd rather not have as it screws the layout.

What I basically want is a automatic height, rather than the control stretching all rows to take up all vertical space. Any idea how I can set this?

Thanks
Philipp

ScheduleView

answered on 19 May 2014