Questions on UI for WPF Forum

2 answers

146 views

[Solved] Strange GridViewDataColumn not filtrable

Hello,

I created a GridView that shows a List<object>, this "object" could be several types, all these types inherit from a same type. This base type has 3 properties:Key, Value and Icon.

Now I show my XAML

<telerik:RadGridView.Columns>

<telerik:GridViewImageColumn Header="" DataMemberBinding="{Binding Icon,Converter={StaticResource IconaParametroConverter}}" IsFilterable="False"/>

<telerik:GridViewDataColumn Header="Parametro" DataMemberBinding="{Binding Caption}" Width="Auto"/>

<telerik:GridViewDataColumn Header="Valore" DataMemberBinding="{Binding Value,Converter={StaticResource DynamicsParameterConverter}}" Width="*" CellStyle="{StaticResource ValueBoldStyle}" />

</telerik:RadGridView.Columns>

I attached what it shows at runtime.

The ValueColumn has not the filter control.

The only things is that DataMemberBinding has connected with a Converter because Value property should be several type, but this converter return ever string.

Is it for this reason that not appear a filter control?

This is a converter code (Column of value is not editable)

public class DynamicsParameterConverter : IValueConverter

{

public object Convert(object value, Type targetType, object parameter,

System.Globalization.CultureInfo culture)

{

if (value == null)

return "";

if (value.GetType() == typeof(DateTime))

{

var date = (DateTime) value;

return date.ToShortDateString();

}

else if (value.GetType() == typeof(int))

{

var number = (int) value;

return number.ToString();

}

else if (value.GetType() == typeof(bool))

{

var siNo = (bool) value;

return siNo ? "Sì" : "No";

}

else if (value.GetType() == typeof(double))

{

var valore = (double) value;

return string.Format("{0:N2}", valore);

}

else if (value.GetType() ==typeof(CausaleIVA))

{

var valore = (CausaleIVA) value;

return string.Format("{0} ({1})", valore.Codice, valore.Descrizione);

}

else

return value.ToString();

}

//....

}

GridView

answered on 26 Apr 2016

1 answer

163 views

PdfViewer

Hello Telerik.

I am currently browsing your forums and documentations, looking for two different features for the PDF displayed on my page.

Perhaps you could guide me to the right direction to look.

what i need the PDFViewer to do is:

- bookmark each chapter's titles

so that i could add a navigation menu, allowing the user to click a chapter and have the pdf document scrolled all the way down to it.

- implement a toolbox (including a search bar) to ease the user's navigation

it is getting pretty annoying finding running examples for these features. if you have something, please let me know.

thank you!

PDFViewer

answered on 26 Apr 2016

1 answer

106 views

Show cell with details

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.3K+ views

[Solved] 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

193 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

317 views

[Solved] 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

140 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

223 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

213 views

[Solved] 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

105 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