Questions on UI for WPF Forum

1 answer

128 views

BusyIndicator Resource Dictionary Problem

Hi,

I'm having some very odd behaviour by using the Expression Dark resource dictionary for the BusyIndicator in my project. I had everything working perfectly with the default style and settings. I have a requirement to make the background overlay more opaque, so I attached the busy indicator resource dictionary and fired up my application ready to try and tweak it. At this point I have not changed anything in the resource dictionary, only attached it to my project. It seems that this action alone causes the BusyIndicator to fire and cover my whole window with the overlay. If I comment out the line that links the resource dictionary to my project, the problem disappears.

Does anyone have any idea why this might be?

All I want to do is make the grey overlay a little more transparent, so if there is another way to achieve this without editing the resource dictionary that would also help.

Thanks

Mark

BusyIndicator

answered on 08 Mar 2011

5 answers

94 views

Keyboard navigation in 2010.3.1415.40

Hi,

in release notes I saw, that now it's possible to navigate with HOME/END and PGUP/PGDOWN. That's great and it fundamentally works.
But I figured out some problems (in general keyboard navigation):
1. We only need row selection and no cell selection. We worked around this by setting cell selector style to something "invisible".
2. If a row gets selected via ViewModel it isn't brought into view. I worked around this by using ScrollIntoView() when ViewModels SelectedItem property changed. Sometimes I get performance issues, but couldn't reproduce them: the scrollbar moves very very slowly but the grid doesn't get updated. After several seconds it then updates the grid.
3. If I navigate via arrow down/up key very fast, the selected row is not enforced to contain the selected cell. That means there is a selected cell further up/down to the navigation direction than the selected row.
4. Sometimes it is not possible to navigate to the last row via key down (with RowDetails enabled) - the same with the first row and key up
5. If I reach the last row in the grid it looses keyboard focus (it doesn't matter which key invokes the navigation - I tried key up/down, home/end & page up/down.
6. the grid generally behaves very sluggish with keyboard navigation and enabled RowDetails

RadControls tested: 2010.3.1415.40

Greetings,
Daniel

GridView

answered on 08 Mar 2011

1 answer

123 views

Styling Non-RadPanelBarItem inside RadPanelBarItem

Hello All,

In WPF, how can I put a RadTreeView directly inside a RadPanelBarItem without highlighting effect?

this is what I've tried:

<telerik:RadPanelBar Orientation="Vertical" Background="Gray" ExpandMode="Multiple" >

<telerik:RadPanelBarItem IsExpanded="True" Header="Locations" Style="{DynamicResource sidePanelRadPanelBarItemStyle}"

>

	    <

telerik:RadTreeView>

<telerik:RadTreeViewItem Header="Person A" >

<telerik:RadTreeViewItem Header="Child 01"/>

<telerik:RadTreeViewItem Header="Child 02"/>

<telerik:RadTreeViewItem Header="Child 03"/>

<telerik:RadTreeViewItem Header="Child 04"/>

</telerik:RadTreeViewItem>

<telerik:RadTreeViewItem Header="Person Two" >

<telerik:RadTreeViewItem Header="Child 01"/>

<telerik:RadTreeViewItem Header="Child 02"/>

<telerik:RadTreeViewItem Header="Child 03"/>

<telerik:RadTreeViewItem Header="Child 04"/>

<telerik:RadTreeViewItem Header="Child 05"/>

<telerik:RadTreeViewItem Header="Child 06"/>

</telerik:RadTreeViewItem>

</telerik:RadTreeView>

</telerik:RadPanelBarItem>

</telerik:RadPanelBar>

and this is the style i use:

<Style x:Key="sidePanelRadPanelBarItemStyle" TargetType="{x:Type telerik:RadPanelBarItem}">

<Setter Property="Background">

<Setter.Value>

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

<GradientStop Color="Gainsboro" Offset="-0.5"/>

<GradientStop Color="Black" Offset="0.2"/>

<GradientStop Color="Black" Offset="1"/>

</LinearGradientBrush>

</Setter.Value>

</Setter>

<Setter Property="BorderBrush" Value="#FF848484"/>

<Setter Property="BorderThickness" Value="0"/>

<Setter Property="Foreground" Value="White"/>

<Setter Property="Padding" Value="5"/>

<Setter Property="HorizontalContentAlignment" Value="Stretch"/>

<Setter Property="VerticalContentAlignment" Value="Stretch"/>

<Setter Property="Template">

<Setter.Value>

<ControlTemplate TargetType="{x:Type telerik:RadPanelBarItem}">

<Grid x:Name="RootElement">

<Grid.RowDefinitions>

<RowDefinition Height="Auto"/>

</Grid.RowDefinitions>

<Grid x:Name="HeaderRow" Background="Transparent">

<ContentControl x:Name="Header" ContentTemplate="{TemplateBinding HeaderTemplate}" Foreground="{TemplateBinding Foreground}" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" Margin="{TemplateBinding Padding}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}"/>

<Rectangle x:Name="FocusVisual" IsHitTestVisible="False" RadiusY="2" RadiusX="2" Stroke="Black" StrokeThickness="1" StrokeDashArray="1 2" Visibility="Collapsed"/>

</Grid>

<Grid x:Name="ItemsContainer" Grid.Row="1" Visibility="Collapsed" VerticalAlignment="Top" >

<ItemsPresenter/>

</Grid>

<ControlTemplate.Triggers>

<Trigger Property="IsFocused" Value="True">

<Setter Property="Visibility" TargetName="FocusVisual" Value="Visible"/>

</Trigger>

<Trigger Property="IsExpanded" Value="True">

<Setter Property="Visibility" TargetName="ItemsContainer" Value="Visible"/>

</Trigger>

</ControlTemplate.Triggers>

</ControlTemplate>

</Setter.Value>

</Setter>

<Setter Property="ItemsPanel">

<Setter.Value>

<ItemsPanelTemplate>

<telerik:PanelBarPanel IsItemsHost="True"/>

</ItemsPanelTemplate>

</Setter.Value>

</Setter>

<Style.Triggers>

<Trigger Property="Level" Value="1">

<Setter Property="Template">

<Setter.Value>

<ControlTemplate TargetType="{x:Type telerik:RadPanelBarItem}">

<Grid x:Name="RootElement" SnapsToDevicePixels="True">

<Grid.RowDefinitions>

<RowDefinition Height="Auto"/>

</Grid.RowDefinitions>

<Grid x:Name="HeaderRow">

<Grid.ColumnDefinitions>

<ColumnDefinition Width="Auto"/>

<ColumnDefinition Width="*"/>

<ColumnDefinition Width="Auto"/>

</Grid.ColumnDefinitions>

<Border BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Grid.ColumnSpan="5">

<Border BorderBrush="White" BorderThickness="0.2" Background="{TemplateBinding Background}"/>

</Border>

<ContentControl x:Name="Header" Grid.ColumnSpan="4" ContentTemplate="{TemplateBinding HeaderTemplate}" Foreground="{TemplateBinding Foreground}" FontSize="{TemplateBinding FontSize}" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" Margin="{TemplateBinding Padding}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}"/>

<Rectangle x:Name="FocusVisual" Grid.ColumnSpan="5" Grid.Column="0" IsHitTestVisible="False" Stroke="Black" StrokeThickness="1" StrokeDashArray="1 2" Visibility="Collapsed"/>

<Rectangle x:Name="rect1" Grid.Column="3" HorizontalAlignment="Right" Margin="0,0,7.75,4.5" Stroke="{x:Null}" StrokeThickness="2" Width="13.5" Fill="#FF7C7C7C" Height="3.25" VerticalAlignment="Bottom" RenderTransformOrigin="0.5,0.5"/>

<Rectangle x:Name="rect2" Grid.Column="3" HorizontalAlignment="Right" Margin="0,5.277,7.75,0" Stroke="{x:Null}" StrokeThickness="2" Width="13.5" Fill="#FF7C7C7C" Height="3.25" VerticalAlignment="Top" RenderTransformOrigin="0.5,0.5"/>

<Rectangle x:Name="rect3" Grid.Column="3" HorizontalAlignment="Right" Margin="0,10.527,7.75,9.5" Stroke="{x:Null}" StrokeThickness="2" Width="13.5" Fill="#FF7C7C7C" Height="Auto" VerticalAlignment="Stretch" RenderTransformOrigin="0.5,0.5"/>

</Grid>

<Grid x:Name="ItemsContainer" Grid.Row="1" Visibility="Collapsed" Background="Gray" >

<telerik:LayoutTransformControl x:Name="transformationRoot" IsTabStop="False">

<ItemsPresenter/>

</telerik:LayoutTransformControl>

</Grid>

<ControlTemplate.Triggers>

<Trigger Property="IsSelected" Value="True">

<Setter Property="Fill" TargetName="rect1" Value="White"/>

<Setter Property="Fill" TargetName="rect2" Value="White"/>

<Setter Property="Fill" TargetName="rect3" Value="White"/>

</Trigger>

<Trigger Property="IsFocused" Value="True">

<Setter Property="Visibility" TargetName="FocusVisual" Value="Visible"/>

</Trigger>

<Trigger Property="IsExpanded" Value="True">

</Trigger.ExitActions>-->

<Setter Property="Fill" TargetName="rect1" Value="White"/>

<Setter Property="Fill" TargetName="rect2" Value="White"/>

<Setter Property="Fill" TargetName="rect3" Value="White"/>

<Setter Property="Visibility" TargetName="ItemsContainer" Value="Visible"/>

</Trigger>

<Trigger Property="IsEnabled" Value="False">

<Setter Property="Foreground" TargetName="Header" Value="Gray"/>

</Trigger>

<Trigger Property="IsMouseOver" Value="True">

<Setter Property="Fill" TargetName="rect1" Value="SteelBlue"/>

<Setter Property="Fill" TargetName="rect2" Value="SteelBlue"/>

<Setter Property="Fill" TargetName="rect3" Value="SteelBlue"/>

<Setter Property="Foreground" TargetName="Header" Value="SteelBlue"/>

</Trigger>

</ControlTemplate.Triggers>

</ControlTemplate>

</Setter.Value>

</Setter>

</Trigger>

</Style.Triggers>

</Style>

In this style I basically retemplate the header visual. now with this style applied when i tried to hover the radtreeview, it is highlighted, how can i remove the highlight?
I've tried to add RadPanelBarItem inside the RadPanelBarItem and yeah the highlight there is removed, but how can I do that if the RadPanelBarItem's child is RadTreeView?

Thanks,
Dhany

PanelBar

answered on 08 Mar 2011

1 answer

170 views

What event handles extending the appointment duration by dragging the thumb?

What event handles extending the appointment duration by dragging the thumb? I need to use the new values to update the database.

I already have code from handling the update from a drag and drop action. So subscribing to the appointment.PropertyChanged is not what I am looking for. I need something more specific for the drag of the start and end of the appointment.

Thanks,
Rod

ScheduleView

answered on 07 Mar 2011

1 answer

121 views

Overlapped columns

Hi,

we have a weird occurence: when are invisible columns in the GridViewColumnCollection of a RadGridView and user drag and reorder columns - then the dragged column and the target column are overlapped (both header and data: as visible on the attached picture). With all visible columns or when invisible columns are grouped at the end of the gridview : this error situation does not happen.

What we doing wrong?

We use the Q3 2010 release of the WPF controls.

Balazs

GridView

answered on 07 Mar 2011

2 answers

107 views

Transition effects

Hi

Is it possible to apply transition effects when the selected item in an OutlookBar changes? ie fade out the current content in the main view area, and fade in the new one?

Are there any examples of this?

Thanks
Tom Davies

OutlookBar

answered on 07 Mar 2011

5 answers

279 views

Mouse Double click example

In Telerik's latest release (2011.1.0223) we now have the ability to use a double click event. Could you please provide me an example showing this.

Thanks!

TreeView

answered on 07 Mar 2011

0 answers

73 views

How to get the value from the gridviewcombobox drop down column

Hi,

I want to pick the selected value from the RadGridViewCombo box drop down and assign it to a textbox.

How can I do this.

Can any one here help me with a sample code to solve this issue.

Thanks in advance.

With Regards,
Hirak

GridView

asked on 07 Mar 2011

7 answers

93 views

GridViewComboBox column issue

HI,

I have two GridViewComboBox columns in my application & I want to display data in second combo box based on the selection done in combobox1.
In this case the data vanishes once I move out of the comboboxcolumn1 to comboboxcolumn2.

Please, suggest me a quick solution to this issue.

A quick sample code in this regard would highly help me to resolve this issue.

Looking forward to a early reply.

Thanks & Regards,
Hirak

GridView

answered on 07 Mar 2011

1 answer

233 views

GridViewComboBoxColumn

Hi,

I am using Telerik Q3 2010, blend 4, vs 2010.

i am using rad gridview one of the column is Gridviewcombobox column, when i set the ItemContainerStyle of the combobox i am loosing data, when i click the dropdown instead of getting tubelist i am getting the object name. if i comment the ItemContainerStyle its working fine.

please see the attached image.

<Style TargetType="telerik:RadComboBox">

<Setter Property="OpenDropDownOnFocus" Value="True"/>

<Setter Property="ItemContainerStyle" Value="{DynamicResource RadComboBoxItemStyle1}" />

<Setter Property="MaxDropDownHeight" Value="500" />

</Style>

<Style x:Key="RadComboBoxItemStyle1" TargetType="{x:Type telerik:RadComboBoxItem}">

<Setter Property="Background" Value="Transparent" />

<Setter Property="Template">

<Setter.Value>

<ControlTemplate TargetType="{x:Type telerik:RadComboBoxItem}">

<Border x:Name="Background" BorderBrush="steelblue" BorderThickness="1" Background="{TemplateBinding Background}" Margin="5,2" CornerRadius="2">

<Grid>

<Rectangle x:Name="Highlight" Visibility="Collapsed">

<Rectangle.Fill>

<LinearGradientBrush EndPoint="0.5,1" MappingMode="RelativeToBoundingBox" StartPoint="0.5,0">

<GradientStop Color="#FF5F9DD6" />

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

</LinearGradientBrush>

</Rectangle.Fill>

</Rectangle>

<ContentPresenter x:Name="Content" ContentTemplate="{TemplateBinding ContentTemplate}" Content="{TemplateBinding Content}" ContentStringFormat="{TemplateBinding ContentStringFormat}" TextElement.Foreground="Black" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}" OpacityMask="Black" Margin="2,10" />

</Grid>

</Border>

<ControlTemplate.Triggers>

<Trigger Property="IsHighlighted" Value="True">

<Setter Property="Visibility" TargetName="Highlight" Value="Visible" />

<Setter Property="BorderBrush" TargetName="Background" Value="SteelBlue" />

<Setter Property="Background" Value="#FF001720" TargetName="Background" />

</Trigger>

</ControlTemplate.Triggers>

</ControlTemplate>

</Setter.Value>

</Setter>

<Setter Property="HorizontalContentAlignment" Value="Left" />

<Setter Property="VerticalContentAlignment" Value="Center" />

<Setter Property="Padding" Value="3,1" />

<Setter Property="SnapsToDevicePixels" Value="True" />

<Setter Property="FocusVisualStyle" Value="{x:Null}" />

</Style>

<telerik:GridViewComboBoxColumn DataMemberBinding="{Binding TubeType}"
DisplayMemberPath="TubeType" SelectedValueMemberPath="TubeType" Header="Tube Type"
MinWidth="200" EditTriggers="CellClick"

/>

GridView

answered on 07 Mar 2011