Questions on UI for WPF Forum

1 answer

194 views

Hi There,

We need to use more than 1,00,000 records for pivot grid in my project. Is there any possible to improve the performance of pivot grid rather than normal mode. If possible please suggest me the way or share me any ug reference link.

Kind Regards,

Sabari R

PivotGrid

answered on 04 Jan 2016

3 answers

218 views

[Solved] how to connect Custom Shapes in run time ?

Hi
I read This link to create and and use my own shapes in RADDIAGRAM it,s working fine , except the fact that i am not able to connect that shape to any other shape in run time ... Is that default property that custom shapes can not have connectors or i have to some extra work to achieve that ??

Diagram

answered on 04 Jan 2016

1 answer

78 views

[RadPaneGroup] How to set tab items all in the same row?

I have an implicit style for radpanegroup and have three tab items. In Blend, it looks good that all of them are on the same row. But when I run it, each tab item spans a row.

Thanks.

Docking

answered on 04 Jan 2016

3 answers

246 views

Chartview : StepLineSeries PointTemplate not refreshing after zoom

my requirement :

I am creating chart to display digital waveform output ( 0,1) for N number of points.I need to highlight only certain points(index).(see attached).

I have done this with the help of Point template and update done at code behind chart loaded event.This is working perfectly at loading . But after zooming the highlighting point is moved from one point another point and it is not refreshed properly.Please see below code.

Please help to fix this issue...

<Grid> <telerik:RadCartesianChart Height="1" Loaded="RadCartesianChart_Loaded" Palette="Arctic" ZoomChanged="RadCartesianChart_ZoomChanged"> <telerik:RadCartesianChart.HorizontalAxis> <telerik:CategoricalAxis VerticalLocation="Top" Visibility="Visible" LabelFitMode="None" LabelRotationAngle="-90" /> </telerik:RadCartesianChart.HorizontalAxis> <telerik:RadCartesianChart.VerticalAxis> <telerik:LinearAxis Minimum="-1" Maximum="2" MajorStep="1" MajorTickOffset="5" ElementBrush="Orange" /> </telerik:RadCartesianChart.VerticalAxis> <telerik:RadCartesianChart.Series> <telerik:StepLineSeries> <telerik:StepLineSeries.DataPoints> <telerik:CategoricalDataPoint Value="1"/> <telerik:CategoricalDataPoint Value="0" /> <telerik:CategoricalDataPoint Value="1" /> <telerik:CategoricalDataPoint Value="1" /> <telerik:CategoricalDataPoint Value="1"/> <telerik:CategoricalDataPoint Value="1" /> <telerik:CategoricalDataPoint Value="0" /> <telerik:CategoricalDataPoint Value="0"/> <telerik:CategoricalDataPoint Value="1"/> <telerik:CategoricalDataPoint Value="0" /> <telerik:CategoricalDataPoint Value="1"/> <telerik:CategoricalDataPoint Value="0" /> <telerik:CategoricalDataPoint Value="1" /> <telerik:CategoricalDataPoint Value="1" /> <telerik:CategoricalDataPoint Value="1"/> <telerik:CategoricalDataPoint Value="1" /> <telerik:CategoricalDataPoint Value="0" /> <telerik:CategoricalDataPoint Value="0"/> <telerik:CategoricalDataPoint Value="1"/> <telerik:CategoricalDataPoint Value="0" /> <telerik:CategoricalDataPoint Value="1"/> <telerik:CategoricalDataPoint Value="0" /> <telerik:CategoricalDataPoint Value="1" /> <telerik:CategoricalDataPoint Value="1" /> <telerik:CategoricalDataPoint Value="1"/> <telerik:CategoricalDataPoint Value="1" /> <telerik:CategoricalDataPoint Value="0" /> <telerik:CategoricalDataPoint Value="0"/> <telerik:CategoricalDataPoint Value="1"/> <telerik:CategoricalDataPoint Value="0" /> <telerik:CategoricalDataPoint Value="1"/> <telerik:CategoricalDataPoint Value="0" /> <telerik:CategoricalDataPoint Value="1" /> <telerik:CategoricalDataPoint Value="1" /> <telerik:CategoricalDataPoint Value="1"/> <telerik:CategoricalDataPoint Value="1" /> <telerik:CategoricalDataPoint Value="0" /> <telerik:CategoricalDataPoint Value="0"/> <telerik:CategoricalDataPoint Value="1"/> <telerik:CategoricalDataPoint Value="0" /> </telerik:StepLineSeries.DataPoints> <telerik:StepLineSeries.PointTemplate> <DataTemplate > <StackPanel>   <Rectangle Height="126" Width="10" Stroke="Transparent" Fill="Transparent" /> </StackPanel> 

<!--<DataTemplate.Triggers><br>                                <DataTrigger  Value="1"  Binding="{Binding Index}" ><br>                                    <Setter Property="Opacity" Value="0.01" /><br>                                </DataTrigger><br>                            </DataTemplate.Triggers>-->

 </DataTemplate> </telerik:StepLineSeries.PointTemplate> </telerik:StepLineSeries> </telerik:RadCartesianChart.Series> <telerik:RadCartesianChart.Behaviors> <telerik:ChartPanAndZoomBehavior x:Name="panZoomBehavior" Changed="panZoomBehavior_Changed" > </telerik:ChartPanAndZoomBehavior> </telerik:RadCartesianChart.Behaviors> <telerik:RadCartesianChart.Resources> <local:SeriesToPaletteColorConverter x:Key="SeriesToPaletteColorConverter" /> </telerik:RadCartesianChart.Resources> <telerik:RadCartesianChart.Grid> <telerik:CartesianChartGrid MajorLinesVisibility="XY" StripLinesVisibility="XY" IsTabStop="False" IsManipulationEnabled="False" > <telerik:CartesianChartGrid.YStripeBrushes> <SolidColorBrush Color="#FFD7D7D7" Opacity="0.3" /> <SolidColorBrush Color="Transparent" /> </telerik:CartesianChartGrid.YStripeBrushes> <telerik:CartesianChartGrid.XStripeBrushes> <SolidColorBrush Color="#FFD7D7D7" Opacity="0.3" /> <SolidColorBrush Color="Transparent" /> </telerik:CartesianChartGrid.XStripeBrushes> </telerik:CartesianChartGrid> </telerik:RadCartesianChart.Grid> <telerik:RadCartesianChart.SelectionPalette> <telerik:ChartPalette> <telerik:ChartPalette.GlobalEntries> <telerik:PaletteEntry Fill="Red" /> </telerik:ChartPalette.GlobalEntries> </telerik:ChartPalette> </telerik:RadCartesianChart.SelectionPalette> </telerik:RadCartesianChart> </Grid>

private void RadCartesianChart_Loaded(object sender, RoutedEventArgs e) { RadCartesianChart chart = (RadCartesianChart)sender; StepLineSeries series = chart.Series.FirstOrDefault() as StepLineSeries; //Get the Content Presenter of the series var pointPresenter1 = series.ChildrenOfType<ContentPresenter>().ToList(); int count = 0; pointPresenter1.ForEach(x => { var ellipseElement1 = x.ChildrenOfType<Rectangle>().FirstOrDefault(); //Logic from view model to decide which index need to be higlighted if (count % 2 == 0 && ellipseElement1 != null) ellipseElement1.Fill = new SolidColorBrush(Colors.Red); count++; }); } private void panZoomBehavior_Changed(object sender, EventArgs e) { } private void RadCartesianChart_ZoomChanged(object sender, ChartZoomChangedEventArgs e) { }

ChartView

answered on 04 Jan 2016

1 answer

135 views

Inconsistent behavior and styling between column headers and column group headers

I've been evaluating a number of data grids from various vendors, and the way Telerik handles stacked column headers (GridViewColumnGroup) seems to be the most awkward and restrictive of them all. A couple of points to start with:

The group column headers styling does not match the style of the column headers as per selected theme (see attached "column group default header style.jpg"). I was able to hack something by wasting my time finding the style of the column header, and creating a custom style based on CommonColumnHeaderStyle to target CommonColumnHeader, which is obviously a convoluted way of getting this done. Am I missing something? How can I apply the same theme to the group column headers without resorting to hacking? This simply works out of the box with grids of other vendors, like ComponentOne FlexGrid, or DevExpress data grid.
It appears the behavior of the group column headers differs from column headers. For instance, the hover over visual state is not consistent between these column headers. Also, I cannot resize columns from group column headers. Again, this is something other grids support out of the box with no effort on the part of the developer. What am I missing?

In short, I would like consistent behavior between group column headers and column headers. I'd appreciate any insight on this subject.

GridView

answered on 31 Dec 2015

1 answer

379 views

Load on Demand

Hello,

I'm currently testing the RadGridView with Load On Demand behaviour and I'm having some issues.

I'm using Entity Framework and when grouping the GridView the rows within some groups appear twice. This happens sometime just after opening the groups but sometimes not until clicking on the row within the group. Then a second row appears within that group.

This only happens when using VirtualQueryableCollectionView as ItemsSource of the GridView. When using ObservableCollection everything is ok. It's also in both cases ok, when no grouping is used - also when removing the grouping after having the duplicated rows. The affected groups are mostly those displayed at the top of the gridview. When changing the sort order of the column before grouping the column, the groups with duplicated rows are at the bottom.

using System;

using System.Collections.Generic;

using System.Collections.ObjectModel;

using System.Linq;

using Telerik.Windows.Controls;

using Telerik.Windows.Data;

using GalaSoft.MvvmLight.Messaging;

namespace PsShell.ViewModels.Articles.CtlArticleMainSelection {

public class ArticleMainSelectionViewModel : ViewModelBase {

public delegate ArticleMainSelectionViewModel Factory();

public ArticleMainSelectionViewModel() {

}

private PsShell.Models.Articles.CtlArticleMainSelection.ArticleModel _selectedArticle = null;

public PsShell.Models.Articles.CtlArticleMainSelection.ArticleModel SelectedArticle {

get {

return _selectedArticle;

}

set {

_selectedArticle = value;

OnPropertyChanged("SelectedArticle");

}

// private ObservableCollection<Models.Articles.CtlArticleMainSelection.ArticleModel> _articles = null;

// public ObservableCollection<Models.Articles.CtlArticleMainSelection.ArticleModel> Articles {

private VirtualQueryableCollectionView _articles = null;

public VirtualQueryableCollectionView Articles {

get {

if (_articles == null) {

var context = new Models.Articles.CtlArticleMainSelection.ArticleContext();

var query = from gp in context.BusinessPartner

orderby gp.geschaeftspartner_id ascending

select new Models.Articles.CtlArticleMainSelection.ArticleModel() {

Name1 = gp.Name1,

Name2 = gp.Name2

};

_articles = new VirtualQueryableCollectionView(query) { LoadSize = 50, VirtualItemCount = 150 };    // duplicate row in group

// _articles = new ObservableCollection<Models.Articles.CtlArticleMainSelection.ArticleModel>(query); // ok

}

return _articles;

}

<UserControl x:Class="PsShell.Views.Articles.CtlArticleMainSelectionView"

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

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

xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"

xmlns:d="http://schemas.microsoft.com/expression/blend/2008"

xmlns:globalization="clr-namespace:System.Globalization;assembly=mscorlib"

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

mc:Ignorable="d"

d:DesignHeight="800" d:DesignWidth="1400">

<DockPanel LastChildFill="True">

<telerik:RadGridView x:Name="gvArticles" ItemsSource="{Binding Articles}" SelectedItem="{Binding SelectedArticle, Mode=TwoWay}"

IsReadOnly="True" EnableRowVirtualization="True" EnableColumnVirtualization="True"

AutoGenerateColumns="False" ShowGroupPanel="True" GroupRenderMode="Flat"

IsSynchronizedWithCurrentItem="True" SelectionMode="Single"

FilteringMode="FilterRow" ScrollMode="RealTime">

<telerik:RadGridView.SortDescriptors>

<telerik:ColumnSortDescriptor Column="{Binding Columns[\Name1\], ElementName=gvArticles}" SortDirection="Ascending"/>

</telerik:RadGridView.SortDescriptors>

<telerik:RadGridView.Columns>

<telerik:GridViewDataColumn Header="Name" DataMemberBinding="{Binding Name1}" Width="400" ShowDistinctFilters="False"/>

<telerik:GridViewDataColumn Header="Namenszusatz / Vorname" DataMemberBinding="{Binding Name2}" Width="300" ShowDistinctFilters="False"/>

</telerik:RadGridView.Columns>

</telerik:RadGridView>

</DockPanel>

</UserControl>

A second issue is the performance. When using ObservableCollection as ItemsSource the performance is ok. But when using VirtualQueryableCollectionView the performance is unacceptable slow. I can see the empty grid for about 2 seconds before it is populated with data - and this with a Loadsize of 50 items (in this example it's a bit faster because I reduced the columns from about 10 to 2). I noticed that when using GroupRenderMode="Nested" the performance is noticeable faster, but that isn't the recommended way because of performance issues when using nested grouping.

Best Regards

Raul

GridView

answered on 30 Dec 2015

1 answer

184 views

Control's width

I use auto generate property and find it to an object with a string property....

(in edit mode) if i type a super long text into the textbox, the width of the textbox would keep increasing so the whole text is always visible

How can i change that behavior to have width of the textbox fixed?

Please see attached

DataForm

answered on 30 Dec 2015

5 answers

324 views

PDF Compress

Hi,

I have 2014.1.331.40 version

I am using mail merge functionality of telerik RichTextBox. It working good but when I export mail merge document to pdf, it generates more than 1 mb pdf file.
I am not adding any image in the pdf file.

After PdfExportSettings below property, its generate 450 to 500 kb pdf files.

PdfFormatProvider _PdfFormatProvider = new PdfFormatProvider();
PdfExportSettings _PdfExportSettings = new PdfExportSettings();
_PdfExportSettings.ContentsCompressionMode = PdfContentsCompressionMode.Automatic;
_PdfExportSettings.ContentsDeflaterCompressionLevel = 9;
_PdfExportSettings.FloatingUIContainersExportMode = PdfInlineUIContainersExportMode.Image;
_PdfExportSettings.ImagesCompressionMode = PdfImagesCompressionMode.Automatic;
_PdfExportSettings.ImagesDeflaterCompressionLevel = 9;
_PdfExportSettings.InlineUIContainersExportMode = PdfInlineUIContainersExportMode.Image;
_PdfFormatProvider.ExportSettings = _PdfExportSettings;

Is there any option by which I can manage pdf file size upto 150 kb?

Thanks

RichTextBox

answered on 29 Dec 2015

1 answer

237 views

Binding DependencyProperty when invisible?

I have a WPF window that contains a Telerik RadPaneGroup, and in it I have a RadPanes:

<telerik:RadPaneGroup>

<telerik:RadPane

x:Name="ticketMapPane"

Header="Map"

CanUserPin="False"

CanFloat="{Binding preferencesProperties.canFloatPanes}"

IsHidden=

"{Binding Path=viewModel.stickyProperties.mapPaneVisible, RelativeSource={RelativeSource AncestorType=KtWpf:KorWindow}, Mode=TwoWay, Converter={StaticResource boolInverterConverter}}"

telerik:RadDocking.SerializationTag="ticketMapPane"

>

<local:TicketMap

x:Name="ticketMap"

ticketMapType=

"{Binding RelativeSource={RelativeSource AncestorType=KtWpf:KorWindow}, Path=viewModel.preferencesProperties.ticketMapType}"

/>

</telerik:RadPane>

</telerik:RadPaneGroup>

The ticketMapPane.IsHidden property is bound to the negation of stickyProperties.mapPaneVisible, so if mapPaneVisible is true, IsHidden is false, and the pane is displayed.

If mapPaneVisible is true on startup, ticketMapPane is visible, and ticketMap.ticketMapType is bound correctly to preferencesProperties.ticketMapType, and all is well with the world.

If I then manipulate the UI control that sets stickyProperties.mapPaneVisible to false the pane becomes invisible, if I set it to true the pane becomes visible again, and ticketMapType is bound correctly through it all.

But if stickyProperties.mapPaneVisible is false on startup, ticketMapPane is hidden, and ticketMapType doesn't seem to be bound.
I have a change handler on the ticketMapType property. It's called, when the ticketMapPane is visible on startup, and it is not, when it is not:

public partial class TicketMap : KorUserControl

{

public TicketMapType ticketMapType

{

get { return (TicketMapType)GetValue(ticketMapTypeProperty); }

set { SetValue(ticketMapTypeProperty, value); }

}

public static readonly DependencyProperty ticketMapTypeProperty =

DependencyProperty.Register("ticketMapType", typeof(TicketMapType), typeof(TicketMap),

new PropertyMetadata(new PropertyChangedCallback(ticketMapTypePropertyChanged)));

private static void ticketMapTypePropertyChanged(DependencyObject d, DependencyPropertyChangedEventArgs e)

{

var ticketMap = d as TicketMap;

if (ticketMap != null && e.NewValue is TicketMapType)

{

var ticketMapType = (TicketMapType) e.NewValue;

ticketMap.setTicketMapType(ticketMapType);

}

[...]

}

So what is happening is that if the pane is hidden on startup, when I make it visible the TicketMap.ticketMapType contains the default value, and not the value that it was supposed to be bound to. If the pane is visible on startup, everything binds correctly.

So, the question - how do I get this to work?

I can see two possibilities:

I get the binding to connect even though the pane is invisible, or
I get the binding to connect when the pane is made visible.

Any ideas as to how to do either?

Docking

answered on 29 Dec 2015

3 answers

121 views

Scheduleview not rending appointments under 24 hours

I'm trying to render appointments in the scheduleview but only entire days are rendered as shown in attachment.

I'm using the Scheduleview like this

<telerik:RadScheduleView x:Name="MainSchedule" Grid.Column="1" Margin="2" NavigationHeaderVisibility="Collapsed" AppointmentsSource="{Binding Appointments}"

ResourceTypesSource="{Binding ResourceTypes}" SelectedAppointment="{Binding SelectedAppointment, Mode=TwoWay}" MouseDoubleClick="MainSchedule_MouseDoubleClick"

CurrentDate="{Binding DateStart}" GroupHeaderContentTemplateSelector="{StaticResource GroupSelector}" AppointmentItemContentTemplate="{StaticResource AppointmentTemplate}">

<telerik:RadScheduleView.GroupDescriptionsSource>

<scheduleView:GroupDescriptionCollection>

<scheduleView:ResourceGroupDescription ResourceType="Staff" />

</scheduleView:GroupDescriptionCollection>

</telerik:RadScheduleView.GroupDescriptionsSource>

<telerik:RadScheduleView.ViewDefinitions>

<telerik:TimelineViewDefinition TimerulerGroupStringFormat="{}{0:dd MMM}" TimerulerMajorTickStringFormat="{}{0:HH}" TimerulerMinorTickStringFormat="{}{0:HH}"/>

</telerik:RadScheduleView.ViewDefinitions>

</telerik:RadScheduleView>

private void LoadHolidays()

{

if (_holidayResource != null)

{

Appointments.Clear();

var holidays = _dataService.GetManager().TblDatStaffTime.Where(st => st.TblLstActivity.ActivityType == "Holiday" && st.RealStart >= this.CurrentView.MainSchedule.CurrentDate.FirstDayOfMonth() &&

st.RealEnd < this.CurrentView.MainSchedule.CurrentDate.LastDayOfMonth()).Execute();

foreach (TblDatStaffTime item in holidays)

{

var appt = new HolidayAppointment(item);

if (_holidayResource.Where(c => c.Key == item.StaffID.ToString()).Count() > 0)

{

appt.Resources.Add(_holidayResource[item.StaffID.ToString()]);

this.Appointments.Add(appt);

}

var countApp = this.CurrentView.MainSchedule.AppointmentsSource;

}

public class HolidayAppointment : Appointment

{

private bool isReadOnly;

public TblDatStaffTime Holiday { get; set; }

public HolidayAppointment(TblDatStaffTime holiday)

{

this.Holiday = holiday;

}

public bool IsReadOnly

{

get { return this.Storage<HolidayAppointment>().isReadOnly; }

set

{

var storage = this.Storage<HolidayAppointment>();

if (storage.isReadOnly != value)

{

storage.isReadOnly = value;

this.OnPropertyChanged(() => this.IsReadOnly);

}

public override string Subject

{

get { return Holiday.TblLstActivity.ShortName; }

}

public SolidColorBrush HolidayBrush

{

get { return new SolidColorBrush(StringExtensions.HexStringToColor(Holiday.TblLstActivity.Color)); }

}

public override DateTime Start

{

get { return this.Holiday.RealStart; }

set

{

base.Start = this.Holiday.RealStart;

this.OnPropertyChanged(() => this.Start);

}

public override DateTime End

{

get { return this.Holiday.RealEnd; }

set

{

base.End = this.Holiday.RealEnd;

this.OnPropertyChanged(() => this.End);

}

private string GetTranslation()

{

string result = string.Empty;

switch (IdentityCSD.Language)

{

case IdentityCSD.Languages.EN:

result = Holiday.TblLstActivity.DescEN;

break;

case IdentityCSD.Languages.NL:

result = Holiday.TblLstActivity.DescNL;

break;

case IdentityCSD.Languages.FR:

result = Holiday.TblLstActivity.DescFR;

break;

case IdentityCSD.Languages.GE:

result = Holiday.TblLstActivity.DescGE;

break;

default:

result = Holiday.TblLstActivity.DescLC;

break;

}

return result;

}

So that appoinments that are showing are 24 hours long. And those which are not showing are less. Anyone got a solution for this ?

ScheduleView

answered on 29 Dec 2015