Questions on UI for WPF Forum

1 answer

96 views

In my GridView I want to show the cell like below, how should i do with this formate and if the filter can still filter the data of the result? Thanks

Column Header :

(<Total Bad Data>/<Total Data>)

Cell Content:

98
(196/200)

GridView

answered on 26 Apr 2016

15 answers

2.2K+ views

How to use the NoXaml binaries

I discovered the NoXaml binaries and would like to use them because of the smaller size, but I do not really understand them since I don't use themes anyway. I dragged the noxaml map into a new WPF project for testing but nothing is showing up. Do I still have to include at least one theme dll? That would seem to defeat the purpose for me since the MapNoXAML+Theme is the same size as the normal Map dll. Thanks.

Map

answered on 26 Apr 2016

1 answer

175 views

Spline series

Hello,

I'm currently evaluation the chart control and tried to draw a spline line. The result looks odd (see attached screenshot). I would expect a line as shown in the second attachment.

These are the point of spline:

this.DataContext = new List<ChartData>()
{
new ChartData { XVal = 1, YVal = 0.2 },
new ChartData { XVal = 2, YVal = 0.259 },
new ChartData { XVal = 15, YVal = 2.884 },
new ChartData { XVal = 25, YVal = 5.15 },
new ChartData { XVal = 40.3, YVal = 8.73 },
new ChartData { XVal = 50, YVal = 9.9 },
};

It seems there is a problem with the slope. Is there a way to set the start slope?

Best Regards

Olaf

Chart

answered on 26 Apr 2016

2 answers

293 views

Bar chart label far away from axis

Hi, I am using telerik:RadCartesianChart in my UI. But I can't control the alignment of the vertical labels.

My code looks like this:

================================================================================================

<telerik:RadCartesianChart x:Name="BarChart" Grid.Row="1"
                                       VerticalAlignment="Stretch"
                                       HorizontalAlignment="Stretch">
                <telerik:RadCartesianChart.HorizontalAxis>
                    <telerik:CategoricalAxis GapLength="0.4"
                                             LabelFitMode="Rotate"
                                             ShowLabels="True"
                                             SmartLabelsMode="SmartStep"
                                             LabelStyle="{StaticResource BarLabelTextStyle}"
                                             PlotMode="OnTicksPadded" />
                </telerik:RadCartesianChart.HorizontalAxis>
                <telerik:RadCartesianChart.VerticalAxis>
                    <telerik:LinearAxis Maximum="{Binding MaxCount}"
                                        Minimum="{Binding MinCount}"
                                        ShowLabels="True"
                                        LabelStyle="{StaticResource BarLabelTextStyle}" />
                </telerik:RadCartesianChart.VerticalAxis>
                <telerik:RadCartesianChart.Grid>
                    <telerik:CartesianChartGrid MajorLinesVisibility="Y" />
                </telerik:RadCartesianChart.Grid>
                <telerik:BarSeries CategoryBinding="Name"
                                   ValueBinding="Proportion"
                                   ItemsSource="{Binding CheckedListItems}"
                                   ShowLabels="{Binding LabelEnabled}"
                                   CombineMode="Cluster"
                                   IsHitTestVisible="True">
                    <telerik:BarSeries.PointTemplate>
                        <DataTemplate>
                            <Border
                                Background="{Binding DataItem, Converter={StaticResource SliceToBarBrushConverter}}"
                                MouseEnter="BarElement_MouseEnter"
                                MouseLeave="BarElement_MouseLeave" />
                        </DataTemplate>
                    </telerik:BarSeries.PointTemplate>
                </telerik:BarSeries>
                <telerik:RadCartesianChart.Behaviors>
                    <telerik:ChartTrackBallBehavior />
                    <telerik:ChartPanAndZoomBehavior x:Name="ZoomPanBehavior" ZoomMode="None" PanMode="None"
                                                     DragMode="Pan" />
                    <telerik:ChartSelectionBehavior DataPointSelectionMode="Multiple" HitTestMargin="2"
                                                    SelectionChanged="BarChartSelectionBehavior_SelectionChanged" />
                </telerik:RadCartesianChart.Behaviors>
            </telerik:RadCartesianChart>

================================================================================================

Changing the BarLabelTextStyle HorizontalAlignment is not affecting anything for bar labels.

The result looks like from attachment. You can see that the first bar chart's vertical labels are too far away from axis. And the second bar chart's labels are too close to the first bar chart, comparing to it's own axis.

Is there something I can do here?

Thanks.

ChartView

answered on 25 Apr 2016

1 answer

114 views

Applying VisualStudio2013_Dark Theme to PanelBar

Hi all,

I have successfully applied the VisualStudio2013 theme to the panelBar using implicit styling. However, I am still unable to figure out how to apply the VisualStudio2013_Dark Theme. Can anyone help me with this?

I have attached the sample program I used to try on.

<Application x:Class="MapSetUp.App"

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

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

StartupUri="MainWindow.xaml">

<Application.Resources>

<ResourceDictionary>

<ResourceDictionary.MergedDictionaries>

<ResourceDictionary Source="Themes/Telerik.Windows.Controls.xaml"/>

<ResourceDictionary Source="Themes/Telerik.Windows.Controls.Navigation.xaml"/>

</ResourceDictionary.MergedDictionaries>

</ResourceDictionary>

</Application.Resources>

</Application>

<UserControl x:Class="Telerik.Windows.Examples.PanelBar.FirstLook.Example"

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

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

xmlns:interactions="http://schemas.microsoft.com/expression/2010/interactions"

xmlns:interactivity="http://schemas.microsoft.com/expression/2010/interactivity"

xmlns:local="clr-namespace:Telerik.Windows.Examples.PanelBar.FirstLook"

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

HorizontalAlignment="Center" VerticalAlignment="Center">

<UserControl.Resources>

<local:MainPageViewModel x:Key="myViewModel" />

</UserControl.Resources>

<Grid>

<Grid x:Name="LayoutRoot" Width="766" Height="360" HorizontalAlignment="Center" VerticalAlignment="Center"

Background="White" DataContext="{StaticResource myViewModel}">

<Grid.ColumnDefinitions>

<ColumnDefinition Width="220" />

<ColumnDefinition Width="*" />

</Grid.ColumnDefinitions>

<telerik:RadPanelBar x:Name="radPanelBar" VerticalAlignment="Stretch"

BorderBrush="#FFCBD8E8" BorderThickness="1 1 0 1"

SelectedItem="{Binding SelectedCategory, Mode=TwoWay}"

SelectionChanged="radPanelBar_SelectionChanged">

<telerik:RadPanelBarItem IsExpanded="True">

<telerik:RadPanelBarItem.Header>

<TextBlock Text="Academic Staff" Margin="5 3" />

</telerik:RadPanelBarItem.Header>

<ListBox ItemsSource="{Binding Employees}" BorderThickness="0" BorderBrush="Transparent"

SelectedItem="{Binding SelectedEmployee, Mode=TwoWay}">

<ListBox.ItemTemplate>

<DataTemplate>

<StackPanel VerticalAlignment="Center" Orientation="Horizontal">

<Border Margin="10 5 15 5" BorderBrush="#FFA1A1A1"

BorderThickness="1">

<Image Source="{Binding SmallImagePath}" Stretch="None" />

</Border>

<TextBlock VerticalAlignment="Center" FontFamily="Segoe UI"

Text="{Binding Name}" />

</StackPanel>

</DataTemplate>

</ListBox.ItemTemplate>

</ListBox>

</telerik:RadPanelBarItem>

<telerik:RadPanelBarItem>

<telerik:RadPanelBarItem.Header>

<TextBlock Text="Programs" Margin="5 3" />

</telerik:RadPanelBarItem.Header>

<ListBox ItemsSource="{Binding WeekDays}" BorderThickness="0" BorderBrush="Transparent">

<ListBox.ItemTemplate>

<DataTemplate>

<CheckBox Margin="10 5 5 5"

Command="{Binding DayCheckedCommand, Source={StaticResource myViewModel}}"

Content="{Binding Header}"

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

</DataTemplate>

</ListBox.ItemTemplate>

</ListBox>

</telerik:RadPanelBarItem>

<telerik:RadPanelBarItem >

<telerik:RadPanelBarItem.Header>

<TextBlock Text="Selected Publications" Margin="5 3" />

</telerik:RadPanelBarItem.Header>

<ListBox ItemsSource="{Binding PublicationPeriods}" BorderThickness="0" BorderBrush="Transparent">

<ListBox.ItemTemplate>

<DataTemplate>

<CheckBox Margin="10 5 5 5"

Command="{Binding PublicationCheckedCommand, Source={StaticResource myViewModel}}"

Content="{Binding Header}"

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

</DataTemplate>

</ListBox.ItemTemplate>

</ListBox>

</telerik:RadPanelBarItem>

<telerik:RadPanelBarItem>

<telerik:RadPanelBarItem.Header>

<TextBlock Text="Contact Information" Margin="5 3" />

</telerik:RadPanelBarItem.Header>

</telerik:RadPanelBarItem>

</telerik:RadPanelBar>

<Border Grid.Column="1" BorderBrush="#FFCBD8E8"

BorderThickness="1">

<Grid>

<Grid.RowDefinitions>

<RowDefinition Height="Auto" />

</Grid.RowDefinitions>

<Border Margin="10" Background="#FFF9F9F9">

<Grid Margin="15 10" DataContext="{Binding SelectedEmployee}">

<Grid.RowDefinitions>

<RowDefinition Height="Auto" />

</Grid.RowDefinitions>

<Grid Margin="0 0 0 5">

<TextBlock HorizontalAlignment="Left" VerticalAlignment="Center"

FontFamily="Segoe UI" FontSize="16" FontWeight="Bold"

Foreground="#FF1E395B" Text="{Binding Department}" />

<Image HorizontalAlignment="Right"

Source="Images/PanelBar/Printer.png" Stretch="None" />

</Grid>

<Border Height="1" VerticalAlignment="Bottom" Background="#FFA0AFC3">

<Border.OpacityMask>

<LinearGradientBrush StartPoint="0,1" EndPoint="1,0">

<GradientStop Offset="1" />

<GradientStop Offset="0.5" Color="White" />

</LinearGradientBrush>

</Border.OpacityMask>

</Border>

<Grid Grid.Row="1" Margin="0 10 0 0">

<Grid.ColumnDefinitions>

<ColumnDefinition Width="Auto" />

</Grid.ColumnDefinitions>

<Grid.RowDefinitions>

<RowDefinition Height="Auto" />

</Grid.RowDefinitions>

<Border Grid.RowSpan="3" Margin="10 5 15 5" BorderBrush="#FFA1A1A1"

BorderThickness="1">

<Image Source="{Binding LargeImagePath}" Stretch="None" />

</Border>

<TextBlock Grid.Column="1" Margin="10 3 20 10"

HorizontalAlignment="Left" FontFamily="Segoe UI"

Text="Name:" TextAlignment="Right" />

<TextBlock Grid.Column="2" HorizontalAlignment="Left"

FontFamily="Segoe UI" FontSize="16" Foreground="#FF1E395B"

Text="{Binding Name}" />

<TextBlock Grid.Row="1" Grid.Column="1" Margin="10 3 20 10"

HorizontalAlignment="Left" FontFamily="Segoe UI"

Text="Position:" TextAlignment="Right" />

<StackPanel Grid.Row="1" Grid.Column="2" Margin="0 0 0 10">

<TextBlock HorizontalAlignment="Left" FontFamily="Segoe UI"

FontSize="13.333" FontWeight="Bold"

Foreground="#FF4C607A" Text="{Binding Position}" />

<TextBlock Width="309" Margin="0 10 0 0"

HorizontalAlignment="Left" FontFamily="Segoe UI"

FontSize="12" Text="{Binding PositionAdditionalInfo}"

TextWrapping="Wrap" />

</StackPanel>

<TextBlock Grid.Row="2" Grid.Column="1" Margin="10 2 20 0"

HorizontalAlignment="Left" FontFamily="Segoe UI"

Text="Office:" TextAlignment="Right" />

<TextBlock Grid.Row="2" Grid.Column="2" Width="309"

HorizontalAlignment="Left" FontFamily="Segoe UI"

FontSize="12" Text="{Binding Office}" TextWrapping="Wrap" />

</Grid>

</Border>

<StackPanel Grid.Row="1" Margin="25 10">

<TextBlock Margin="0 0 0 10" HorizontalAlignment="Left"

FontFamily="Segoe UI" FontSize="13" FontWeight="Bold"

Foreground="#FF1E395B" Text="{Binding AdditionalInfoType}" />

<TextBlock FontFamily="Segoe UI" Text="{Binding AdditionalInfo}"

TextWrapping="Wrap" />

</StackPanel>

</Grid>

</Border>

</Grid>

<!--<telerikQuickStart:QuickStart.ConfigurationPanel>

<StackPanel Margin="3">

<RadioButton Margin="0 2" Checked="OnRadioButtonClick" Content="Single ExpandMode"

IsChecked="true" Unchecked="OnRadioButtonClick" />

<RadioButton Margin="0 2" Content="Multiple ExpandMode" />

</StackPanel>

</telerikQuickStart:QuickStart.ConfigurationPanel>-->

</UserControl>

Regards,

Vincent

PanelBar

answered on 25 Apr 2016

3 answers

201 views

Remove duplicate members from SimpleFilterMemberComboBox

I am trying to find a solution to display only unique members in the rad data filter. For ex I have a class Employee with 3 properties Name, Age, Address. User clicks on the + sign and in the first filter editor selects Name. Then user adds another filter editor, in this one i do not want to display Name property similarly if user selects age in the second one, I want to remove age option from the first filter and not have that in other editors.

I am reading some posts about SimpleFilterMemberComboBox and how to manipulate the available members items, but that looks very compilcated, Just wondering if there is some easy option for this.

DataFilter

answered on 25 Apr 2016

3 answers

192 views

Data from RadDataForm doesn't fall into property of object to which RadDataForm is bound.

Hi! I try to use RadDataForm in my WPF MVVM Prism 6 application. Since I began to use this control I've collided with some problems - data from form is not passed into properies of the object to which RadDataForm is bound. Below is the class to object of which RadDataForm is bound:

public class Group : IEditableObject

{

struct GroupData

{

internal string name;

}

private GroupData _newGroupData;

private GroupData _backupGroupData;

private bool _isEditMode = false;

public Group()

{

this._newGroupData = new GroupData();

this._newGroupData.name = string.Empty;

}

public string Name

{

get { return this._newGroupData.name; }

set { this._newGroupData.name = value; }

}

public void BeginEdit()

{

if(!this._isEditMode)

{

this._backupGroupData = this._newGroupData;

this._isEditMode = true;

}

public void CancelEdit()

{

if (this._isEditMode)

{

this._newGroupData = this._backupGroupData;

this._isEditMode = false;

}

public void EndEdit()

{

if (this._isEditMode)

{

this._backupGroupData = new GroupData();

this._isEditMode = false;

}

public override string ToString()

{

StringWriter stringWriter = new StringWriter();

stringWriter.Write(this.Name);

return stringWriter.ToString();

}

Then in view model:

private Group _profileElementsGroup;

public Group ProfileElementsGroup

{

get { return this._profileElementsGroup; }

set { this.SetProperty(ref this._profileElementsGroup, value); }

}

Then in XAML of view:

<Grid.Resources>

<DataTemplate x:Key="GroupTemplate">

<Grid>

<Grid.ColumnDefinitions>

<ColumnDefinition/>

</Grid.ColumnDefinitions>

<Grid.RowDefinitions>

<RowDefinition/>

</Grid.RowDefinitions>

<telerik:DataFormDataField Grid.Row="0" Label="GroupName" DataMemberBinding="{Binding ProfileElementsGroup.Name, Mode=TwoWay}"/>

</Grid>

</DataTemplate>

</Grid.Resources>

<telerik:RadDataForm HorizontalAlignment="Center" VerticalAlignment="Top"

AutoGenerateFields="False" Header="Add Element Group of Profile of Device" ReadOnlyTemplate="{StaticResource GroupTemplate}"

EditTemplate="{StaticResource GroupTemplate}" CurrentItem="{Binding ProfileElementsGroup}">

<telerik:EventToCommandBehavior.EventBindings>

<telerik:EventBinding

Command="{Binding HandleEndEditNewProfileElementsGroupCommand}"

EventName="EditEnded"

PassEventArgsToCommand="True"/>

</telerik:EventToCommandBehavior.EventBindings>

</telerik:RadDataForm>

When I printing in my RadDataForm in Name field I set breakpoint in C# code of Name property and this breakpoint is not activated. So data from RadDataForm doesn't fall into ProfileElementsGroup.Name property. What I do wrong? Please help.

DataForm

answered on 25 Apr 2016

1 answer

91 views

Custom Pins

Can anyone point me to an example of how to place custom pins on a map? I've seen demos and other examples that do exactly what I'm looking for but none of them give any code or explanation of how to do the pins.

I've attached a screen shot of what I'm looking for.

Thanks in advance

Map

answered on 25 Apr 2016

2 answers

89 views

Feature request

Allow docking a floating window without making the pane take the whole space (Just like in visual studio).

Docking

answered on 25 Apr 2016

1 answer

655 views

RadComboBox SelectionChanged Text Property Not Set Properly

When processing the SelectionChanged event for a RadComboBox, the Text property of the control is not yet set with the new text value. For example, we add a RadComboBox with the SelectionChanged event set to the following OnSelectionChanged.

private void OnSelectionChanged(object sender, SelectionChangedEventArgs e)

{

RadComboBox cb = sender as RadComboBox;

Trace.TraceInformation("cb.Text = {0}", cb.Text);

}

When we start typing in the Combo Box, the displayed text is always the Text value before the latest character. So,l when we type 1, cb.Text is null, when we type 2, the combo box displays "12", but cb.Text is 1.

How can we see the current value of the text box when the selection is changed?

ComboBox

answered on 25 Apr 2016