Questions on UI for WPF Forum

1 answer

259 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

268 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

135 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

309 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

166 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

111 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

453 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

136 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

4 answers

440 views

How to unselect an item?

Is there a way to programmatically unselect an item. Right now, upon selection, we launch a window to do some processing on the item and when we are done, we want to return the rad time line to its prior state. We want to unselect the item, so if the item is selected again, it will launch the edit window.

Please let me know.
Paul

TimeLine

answered on 05 Jun 2013

1 answer

139 views

Programmatic Manipulation

I'm missing something here. There's tons and tons of documentation for the RadGridView and yet I still can't find some simple documentation on what I'm looking for. I don't have a lot of .Net experience, so maybe that's the problem, not the Gridview.

I've got a bound gridview (in a WPF application) that gets populated from a dataset. When the user is finished and clicks the update button, I want my code to go through the grid, apply local business rules and formating to individual cell entries, delete records as necessary, and then send the grid contents back to the database.

I would like to go, row by row, through my grid, get the contents of a given column, modify it if necessary, and then call my Stored Procedure to take the data from the row and write it back to the database.

Do I have to set my gridview up as unbound to accomplish this?

GridView

answered on 05 Jun 2013