Questions on UI for WPF Forum

1 answer

202 views

Currently we are using 4-6 Radcharts on a screen in our application and when we run our application its is consuming all the CPU. When we digged in the application we found it is because of enabling animation in chart view. But when we disabled the animation in chart controls it is still using 100% of CPU.

Can you please suggest us if there is any other property or solution to disable the refreshing in charts.

ChartView

answered on 06 Jun 2013

3 answers

246 views

[Solved] RadCartesianChart : export to pdf

Hi, what's the best way to export as pdf, or print a RadCartesianChart ?

Thanks in advance!

G.

Chart

answered on 06 Jun 2013

1 answer

273 views

Bring a specifc rad pane into focus when using RadPaneGroupRegionAdapter

Hi,
In the application we are developing we have a Raddocking control which hosts a RadSplitContainer, inside of which is a RadPaneGroup. This RadPaneGroup acts a region. RadPaneGroupRegionAdapter is used to add panes to the target (which is a RadPaneGroup in this case). Below is the adding logic that is being used. The problem is that I have to bring the first rad pane into focus. Is there a way to that. Right now whenever a new pane is added the focus shifts to the newly added pane.
Appreciate any pointers
Thanks
YK

region.Views.CollectionChanged += (s, e) =>

{

switch (e.Action)

{

case NotifyCollectionChangedAction.Add:

foreach (var i in e.NewItems)

{

if (i is RadPane)

{

(i as RadPane).CanUserClose = true;

target.Items.Add(i);

continue;

}

Docking

answered on 06 Jun 2013

1 answer

278 views

Change Dock position in codebehind

Hi Telerik,

Can i change the Dock position of RadPane in code behind? now i can do that using mouse drag and drop

Thanks,
Akram

Docking

answered on 06 Jun 2013

1 answer

142 views

Event when a radpane is expanded?

I want to perform an action when a radpane is expanded ( mouse over tab header ) but I cant find anything in the documentation about this. What event can I use to achieve this?

eg

<telerik:RadPane Header="Drills" IsPinned="False" CanUserClose="False" ExpandedEvent="MyExpandedEventHandler">

Thanks

Andy

Docking

answered on 06 Jun 2013

1 answer

334 views

How to get RadDatePicker to show Error tooltip when exception is thrown in bound property

I have the following XAML and I want the error tooltip to show when I throw and exception from the ViewModel property CobDate.

It will show the error tool tip when the CobDate is invalid text, e.g. 'aaaasss' but when it is a valid date but greater then the SelectableDateEnd it will not show the error tool tip when I throw an exception from the ViewModel, it does highlight the textbox of the control with a red border but I want the error tooltip to show as well.

How can I get the error tooltip to show?

<telerik:RadDatePicker DisplayFormat ="Long"

x:Name="cobDatePicker"

Width="150"

SelectableDateStart="{Binding MinDate, Mode=OneWay}"

SelectableDateEnd="{Binding MaxDate, Mode=OneWay}"

BlackoutDates="{Binding DisabledDates, Mode=OneWay}"

ErrorTooltipContent="Invalid Date!"

AutomationProperties.AutomationId="CobDatePicker">

<telerik:RadDatePicker.SelectedDate>

<Binding Path="CobDate"

Mode="TwoWay"

ValidatesOnExceptions="False"

UpdateSourceTrigger="PropertyChanged">

<Binding.ValidationRules>

<ExceptionValidationRule />

</Binding.ValidationRules>

</Binding>

</telerik:RadDatePicker.SelectedDate>

</telerik:RadDatePicker>

DatePicker

answered on 06 Jun 2013

3 answers

174 views

[Solved] TimeBar like range selection in TimeLine

Hello,

I was wondering if there is a TimeBar like range selection possible for TimeLine.
I'm currently testing Telerik Radcontrols for a new version of our planningssoftware.
It would be a nice feature if users could select a range in TimeBar and see all the changes that happen in that range.
For instance if they select a range from 05/15/2013 to 06/15/2013 they could see TaskX ended, TaskY started, ...

TimeLine

answered on 06 Jun 2013

1 answer

121 views

Connections sometimes below connectors

I have custom styled connections and connectors. When I drag a connection between connector A and B, the line is (correctly) on top of the connectors. However, as soon as I have selected the nodes, the connectors end up on top of the line! This weirdness is preserved if I remove the connection and add a new one.

What is causing the connection's line to become obscured by the connectors?

Diagram

answered on 06 Jun 2013

2 answers

468 views

tooltip doesn't display on selected combobox item.

Hi There,

I have created a style which will display a textblock in place of content control and i have to display a tooltip when user mouseover on selected item. unfortunately i am unable to see the tool tip even thought i set it. please see the below template for RadCombobox.
Please let me know how i can do this.

<ControlTemplate x:Key="NonEditableComboBox" TargetType="telerikInput:RadComboBox">

<Grid x:Name="VisualRoot">

<VisualStateManager.VisualStateGroups>

<VisualStateGroup x:Name="CommonStates">

<VisualState x:Name="Disabled">

<Storyboard>

<DoubleAnimationUsingKeyFrames Storyboard.TargetName="PART_DropDownButton" Storyboard.TargetProperty="Opacity">

<DiscreteDoubleKeyFrame KeyTime="0:0:0" Value=".5" />

</DoubleAnimationUsingKeyFrames>

</Storyboard>

</VisualState>

<VisualState x:Name="Normal">

</VisualState>

<VisualState x:Name="MouseOver">

<Storyboard>

<ObjectAnimationUsingKeyFrames Storyboard.TargetName="BackgroundBorder" Storyboard.TargetProperty="Background">

<DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource HoverBackground}" />

</ObjectAnimationUsingKeyFrames>

<ObjectAnimationUsingKeyFrames Storyboard.TargetName="DropDownIcon" Storyboard.TargetProperty="Foreground">

<DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource ButtonIconForeground_MouseOver}" />

</ObjectAnimationUsingKeyFrames>

<ObjectAnimationUsingKeyFrames Storyboard.TargetName="DropDownIcon" Storyboard.TargetProperty="Background">

<DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource ButtonIconBackground_MouseOver}" />

</ObjectAnimationUsingKeyFrames>

</Storyboard>

</VisualState>

<VisualState x:Name="DropDownOpen">

<Storyboard>

<ObjectAnimationUsingKeyFrames Storyboard.TargetName="BackgroundBorder" Storyboard.TargetProperty="Background">

<DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource DropDownOpenBackground}" />

</ObjectAnimationUsingKeyFrames>

<ObjectAnimationUsingKeyFrames Storyboard.TargetName="DropDownIcon" Storyboard.TargetProperty="Foreground">

<DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource ButtonIconForeground_Pressed}" />

</ObjectAnimationUsingKeyFrames>

<ObjectAnimationUsingKeyFrames Storyboard.TargetName="DropDownIcon" Storyboard.TargetProperty="Background">

<DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource ButtonIconBackground_Pressed}" />

</ObjectAnimationUsingKeyFrames>

<ObjectAnimationUsingKeyFrames Storyboard.TargetName="FocusBorder" Storyboard.TargetProperty="Visibility">

<DiscreteObjectKeyFrame KeyTime="0">

<DiscreteObjectKeyFrame.Value>

<Visibility>Collapsed</Visibility>

</DiscreteObjectKeyFrame.Value>

</DiscreteObjectKeyFrame>

</ObjectAnimationUsingKeyFrames>

<ObjectAnimationUsingKeyFrames Storyboard.TargetName="PopupFakeBorder"

Storyboard.TargetProperty="Visibility">

<DiscreteObjectKeyFrame KeyTime="0">

<DiscreteObjectKeyFrame.Value>

<Visibility>Visible</Visibility>

</DiscreteObjectKeyFrame.Value>

</DiscreteObjectKeyFrame>

</ObjectAnimationUsingKeyFrames>

</Storyboard>

</VisualState>

</VisualStateGroup>

<VisualStateGroup x:Name="FocusStates">

<VisualState x:Name="Focused">

<Storyboard>

<ObjectAnimationUsingKeyFrames Storyboard.TargetName="FocusBorder" Storyboard.TargetProperty="Visibility">

<DiscreteObjectKeyFrame KeyTime="0">

<DiscreteObjectKeyFrame.Value>

<Visibility>Visible</Visibility>

</DiscreteObjectKeyFrame.Value>

</DiscreteObjectKeyFrame>

</ObjectAnimationUsingKeyFrames>

</Storyboard>

</VisualState>

<VisualState x:Name="Unfocused" />

</VisualStateGroup>

</VisualStateManager.VisualStateGroups>

<Border x:Name="PopupFakeBorder" Visibility="Collapsed" BorderThickness="1,0,1,0" CornerRadius="5,5,0,0"

Grid.ColumnSpan="2" Background="{StaticResource PickerPopupBackground_fake}"

BorderBrush="{TemplateBinding BorderBrush}" />

<Border IsHitTestVisible="False" Background="{TemplateBinding Background}" CornerRadius="5" />

<telerik:RadToggleButton x:Name="PART_DropDownButton" Foreground="{TemplateBinding Foreground}" IsTabStop="False" Margin="0" Padding="0" ClickMode="Press">

<telerik:RadToggleButton.Template>

<ControlTemplate TargetType="telerik:RadToggleButton">

<ContentPresenter />

</ControlTemplate>

</telerik:RadToggleButton.Template>

<Grid>

<Grid.ColumnDefinitions>

<ColumnDefinition Width="*" />

<ColumnDefinition Width="36" />

</Grid.ColumnDefinitions>

<Border x:Name="BackgroundBorder"

CornerRadius="{StaticResource SplitButton_SpanCornerRadius}"

Grid.ColumnSpan="2"

BorderBrush="{StaticResource Control_OuterBorderBrush}" BorderThickness="1" Background="{StaticResource DefaultBackground}" />

<ContentControl x:Name="DropDownIcon"

Grid.Column="1"

IsTabStop="False"

Foreground="{StaticResource ButtonIconForeground_Normal}"

Background="{StaticResource ButtonIconBackground_Normal}"

Template="{StaticResource ArrowTemplateNonEditableCombobox}" />

<TextBlock x:Name="Content"

FontFamily="Segoe UI"

IsHitTestVisible="False"

Grid.Column="0"

Foreground="{TemplateBinding Foreground}"

HorizontalAlignment="Left"

Margin="{TemplateBinding Padding}"

VerticalAlignment="{TemplateBinding VerticalContentAlignment}"

Text="{TemplateBinding SelectionBoxItem}"

TextTrimming="CharacterEllipsis"

ToolTip="{TemplateBinding SelectionBoxItem}">

</TextBlock>

<!--<ContentPresenter x:Name="Content"

Grid.Column="0"

Margin="{TemplateBinding Padding}"

IsHitTestVisible="False"

Content="{TemplateBinding SelectionBoxItem}"

ContentTemplate="{TemplateBinding SelectionBoxItemTemplate}"

TextBlock.Foreground="Black"

HorizontalAlignment="Left"

VerticalAlignment="{TemplateBinding VerticalContentAlignment}" />-->

<Border x:Name="FocusBorder"

BorderThickness="1"

Margin="1"

Visibility="Collapsed"

BorderBrush="{StaticResource Control_FocusBorderBrush}" Grid.ColumnSpan="2" CornerRadius="3" />

</Grid>

</telerik:RadToggleButton>

<Popup x:Name="PART_Popup">

<Grid x:Name="PopupRoot">

<Border BorderThickness="{TemplateBinding BorderThickness}" Margin="0,-10,0,0" Padding="0,10,0,0" BorderBrush="{TemplateBinding BorderBrush}" MinWidth="{TemplateBinding MinDropDownWidth}" MaxHeight="{TemplateBinding MaxDropDownHeight}" Background="{StaticResource PickerPopupBackground}" CornerRadius="0 0 5 5">

<Grid>

<Grid.RowDefinitions>

<RowDefinition Height="Auto" />

<RowDefinition Height="*" />

</Grid.RowDefinitions>

<telerik:RadButton x:Name="PART_ClearButton" Grid.Row="0" Margin="-1 -1 -1 0" Visibility="{TemplateBinding ClearSelectionButtonVisibility}" Content="{TemplateBinding ClearSelectionButtonContent}" />

<ScrollViewer x:Name="PART_ScrollViewer" Grid.Row="1" Foreground="{TemplateBinding Foreground}" Padding="0 1 0 0" BorderThickness="0" VerticalScrollBarVisibility="Auto" CanContentScroll="True">

<ItemsPresenter />

</ScrollViewer>

</Grid>

</Border>

</Grid>

</Popup>

</Grid>

</ControlTemplate>

Regards,
Srinivas.

ComboBox

answered on 06 Jun 2013

0 answers

143 views

How to virtualize a sliding "window"?

I'm populating a GridView with a large (>10k) number of items and using VirtualQueryableCollectionView with a load size of about 500. I've also enabled deferred scrolling so that the user can quickly scroll to any part of the list without the UI feeling sluggish.

From what I can gather the virtualized elements that get loaded start at the first element visible on the screen and go from there. That's fine if the user is scrolling down because the load only happens once every 500 records, but if the user scroll *up* then a complete 500-record load occurs once for every line scroll. What I need/want is for 250 records to be loaded on either side of the first visible element, that way the user can thumb scroll to anywhere in the list and then mouse scroll in either direction without hitting the database constantly as they're scrolling.

What's the best way to achieve this? Is it possible to force the loading of a given range of items in response to the ItemsLoading event?

Data Virtualization

asked on 05 Jun 2013