Questions on UI for WPF Forum

5 answers

697 views

I'm binding the RadGridView to an ObservableCollection of about 1,000 items or so. I have both Row and Column Virtualization turned on. When I'm displaying my grid cells as plain TextBlocks, the realtime scrolling performance is pretty decent (Immediate scrolling is not an option). But once I start using more complex templates, like my own custom editors, scrolling performance suffers greatly, and becomes very choppy. The grid definition looks something like:

   <telerik:RadGridView
                         ItemsSource="{Binding MyItemsSource}"
                         ScrollMode="RealTime"
                         SelectionMode="Extended"
                         AutoGenerateColumns="False"
                         EnableColumnVirtualization="True"
                         EnableRowVirtualization="True">

and the columns looks like:

<telerik:GridViewDataColumn Header="Price">

                <telerik:GridViewDataColumn.CellTemplate>
                    <DataTemplate>
                        <TextBlock Text="{Binding Price.Value}" />
                    </DataTemplate>
                </telerik:GridViewDataColumn.CellTemplate>

            </telerik:GridViewDataColumn>

Even if I keep the entire grid as TextBlocks but just make even a couple of columns TextBoxes, the scrolling performance starts to degrade fairly quickly. If I disable both row and column Virtualization completely, then the grid scrolls very fast, but starts to take up a lot of memory (because it's instantiating all of the visual trees, it's something around 1GB memory usage). Are there any other settings that can help with the scrolling performance, or anything else that I can do ? I've found the grid very performant is almost all other scenarios, and it would be a shame to discard an otherwise well performing grid because of lackluster scrolling.

GridView

answered on 25 Oct 2010

3 answers

621 views

IsFocused Background Trigger

In the RadComboBox I have a IsMouseOver trigger and an IsFocused trigger. The IsMouseOver trigger changes the background color while the IsFocused trigger does not. How can I make this work? I've also tried doing this in the editabletemplate with no luck.

Here is test markup that demonstrates: It should trigger a Black background on keyboard focus.

                    <Window         
                xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"         
                xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"         
                xmlns:telerik="http://schemas.telerik.com/2008/xaml/presentation"         
                x:Class="WpfApplication12.MainWindow"         
                x:Name="Window"         
                Title="MainWindow"         
                Width="327" Height="217">         
                     
            <Window.Resources>         
             <Style  x:Key="{x:Type telerik:RadComboBox}"  TargetType="{x:Type telerik:RadComboBox}">         
                 <Style.Triggers>         
                    <MultiTrigger>         
                      <MultiTrigger.Conditions>         
                         <Condition Property="IsEnabled" Value="True"/>         
                         <Condition Property="IsFocused" Value="True"/>         
                      </MultiTrigger.Conditions>                                     
                      <Setter Property="Background" Value="Black" />         
                    </MultiTrigger>         
                    <MultiTrigger>         
                      <MultiTrigger.Conditions>         
                         <Condition Property="IsEnabled" Value="True"/>         
                         <Condition Property="IsMouseOver" Value="True"/>         
                      </MultiTrigger.Conditions>                                     
                      <Setter Property="Background" Value="Blue" />         
                    </MultiTrigger>         
                 </Style.Triggers>         
             </Style>         
                      
            </Window.Resources>         
                     
                <Grid x:Name="LayoutRoot">         
                    <Grid.RowDefinitions>         
                     <RowDefinition Height="50" />         
                     <RowDefinition Height="50" />         
                    </Grid.RowDefinitions>         
                    <TextBox >Some text</TextBox>         
                    <telerik:RadComboBox  Grid.Row="1" IsEditable="True" IsReadOnly="True" Margin="0,0,0,1">         
                        <telerik:RadComboBoxItem Content="Item 1"/>         
                        <telerik:RadComboBoxItem Content="Item 2"/>         
                        <telerik:RadComboBoxItem Content="Item 3"/>         
                    </telerik:RadComboBox>         
                </Grid>         
            </Window>         

ComboBox

answered on 25 Oct 2010

2 answers

136 views

Add Menu Item to RadPane's menu

Hello!
Since the Telerik documentation having this "How to" referring to adding a menu item to RadPane's menu is obsolete because is using the CustomMenuCommand I have a question for you.

I am adding a RadMenuItem to the template I use for all the radpanes as follows:

<DataTemplate x:Key="PaneContextMenuTemplate">

<telerik:RadContextMenu InheritDataContext="False">

<telerik:RadMenuItem IsChecked="{Binding IsInDocumentHost}"

Command="telerikDocking:RadDockingCommands.TabbedDocument"

CommandParameter="{Binding}"

CommandTarget="{Binding}"

Header="{Binding Command.Text, RelativeSource={RelativeSource Self}}" />

<telerik:RadMenuItem IsCheckable="False"

Header="Change header name"

Click="RadMenuHeaderChange_Click" />

</telerik:RadContextMenu>

</DataTemplate>

In RadMenuHeaderChange_Click method I need to get somehow the RadPane that owns the RadContextMenu that has been opened.
How can I achieve that?

Thank you!
Roxana

Docking

answered on 23 Oct 2010

6 answers

160 views

gridview edit clears the cell

I have a fairly simple radgridview I'm messing around with. the data is loaded from a dataset, I only have 1 column that is editable (all others are readonly). However, when I edit that column it clears the cell rather than letting me edit the value it is currently.

the code:

<telerik:RadGridView HorizontalAlignment="Left" Margin="12,78,0,0"

Name="gvAccounts" VerticalAlignment="Top" Height="240" Width="619"

AutoGenerateColumns="False" Grid.Column="0" CanUserSortColumns="False"

DataLoaded="gvAccounts_DataLoaded" LoadingRowDetails="gvAccounts_LoadingRowDetails"

CanUserReorderColumns="False" ShowGroupPanel="False" EditTriggers="CellClick"

BeginningEdit="gvAccounts_BeginningEdit">

<telerik:RadGridView.Columns>

<telerik:GridViewSelectColumn />

<telerik:GridViewDataColumn DataMemberBinding="{Binding acct_num}"

Header="Account No" IsReadOnly="True"/>

<telerik:GridViewDataColumn DataMemberBinding="{Binding reg_phone_num, Mode=TwoWay}"

Header="Mobile Phone No" IsReadOnly="True">

</telerik:GridViewDataColumn>

<telerik:GridViewDataColumn DataMemberBinding="{Binding nickname, Mode=TwoWay}"

Header="Nickname">

</telerik:GridViewDataColumn>

<telerik:GridViewDataColumn DataMemberBinding="{Binding created_dt, Mode=TwoWay}"

Header="Date Activated" IsReadOnly="True">

</telerik:GridViewDataColumn>

<telerik:GridViewDataColumn DataMemberBinding="{Binding address, Mode=TwoWay}"

Header="Service Address" IsReadOnly="True" TextWrapping="Wrap">

</telerik:GridViewDataColumn>

</telerik:RadGridView.Columns>

</telerik:RadGridView>

GridView

answered on 22 Oct 2010

2 answers

104 views

Floating ToolWindows fade out after LoadLayout

Hi,

We've noticed that using RadDocking if we have a floating ToolWindow which is later closed and the docking layout is saved then later loaded with LoadLayout we see the floating toolwindow appear briefly then animate/fade away.

I'd like to avoid the confusing UI experience. Does anyone know how to avoid seeing this brief glimpse of the floating toolwindow before LoadLayout decides to hide it?

John

Docking

answered on 22 Oct 2010

6 answers

155 views

Direction with SlideAndZoomTransition

Hi,
I'm looking for a way to invert the transition of movement in "SlideAndZoomTransition".
I'm implementing a behavior of type: "Go Forward" and "Go Back" between some userControls (in a "Wizard Like" situation).

Is It possible to invert the movement direction of the transition when I choose "Go Back"?

thanks a lot
Michele

TransitionControl

answered on 22 Oct 2010

1 answer

72 views

GridView Style

Hi,

I would like to change completely the look of the grid view. I don't want to use Black or Blue theme.
It is not possible to get the style with blend. Could you please send me all the style/template code of the grid view ?
It is not easy to change the header color or to remove the white background color of the grid view content.

Thank you in advance,

Suzi

GridView

answered on 22 Oct 2010

2 answers

155 views

RadCarousel keyboardnavigation

I'm trying to create a RadCarousel which does not show the scrollbar-buttons and supports scrolling by clicking on items or by using the keyboard navigation keys. This is (almost) working smoothly, with the current solution:

            <telerik:RadCarousel Name="carousel" HorizontalScrollBarVisibility="Hidden"
                                 ItemsSource="{Binding Path=Templates}"
                                 ItemTemplate="{StaticResource template}"
                                 SelectedItem="{Binding Path=SelectedTemplateAndFolder}" />

Now, the issue is that if you click outside the items in the carousel but inside the carousel boundary, you can scroll by using left and right navigation keys. If you click on an item in the carousel, the ability to navigate with the keyboard is lost. The different navigation behavior, based on where you clicked in the carousel, leads to a quirky user-experience and I would really like to know if there is a solution to this problem.

Carousel

answered on 22 Oct 2010

1 answer

304 views

Predefined color palette for pie chart

Hi,
The WinForms RadChart control has a SeriesPalette property that allows us to set the series colors to a predefined color scheme (for instance BabyBlue, Classic, Rainbow, etc.). I see that the WPF chart allows you to create a custom palette of colors to use for pie charts, but I don't see a way to map the wedge colors to a predefined theme. Is that possible with the WPF chart?

Many Thanks!

Chart

answered on 22 Oct 2010

1 answer

220 views

Difference between SelectedDate and SelectedValue property

Hi

I noticed that RadDateTimePicker control has both SelectedDate & SelectedValue properties. How are they both different and if I have to bind to a database field which one should I be using.

Regards
Kiran

DateTimePicker

answered on 22 Oct 2010