Questions on UI for WPF Forum

1 answer

178 views

How can I custom the theme of RadSchudeView like the way it is in RadScheduler as this page:

http://www.telerik.com/support/kb/wpf/scheduleview/details/creating-and-applying-a-custom-theme-for-radscheduler-for-wpf

ScheduleView

answered on 14 Oct 2016

2 answers

654 views

Disable ScrollBar when StackPanl is adding

Hello Télérik,

I'm using a RadTreeView, and in my RadOutlookBarItem, when I added a StackPanel or a Grid, my Vertical and Horizontal ScrollBar are disabled. I can't use them, and the bottom of the Tree is going to infinity... (I can't see the last items)

Do you know where come from this problem ?

My code :

<telerik:RadSplitContainer InitialPosition="DockedLeft" x:Name="splitContainerMain">

<telerik:RadPaneGroup x:Name="radPaneArbo">

<telerik:RadDocumentPane PaneHeaderVisibility="Visible" Header="Navigateur" IsEnabled="True" CanFloat="True" CanUserClose="False">

<telerik:RadOutlookBar x:Name="navigationBar">

<telerik:RadOutlookBarItem x:Name="navigationStationVariables" Header="Stations et Variables">

<!--<Grid VerticalAlignment="Top" Height="50px">

<Grid.ColumnDefinitions>

<ColumnDefinition Width="*" />

<ColumnDefinition Width="Auto" />

</Grid.ColumnDefinitions>

<telerik:RadAutoCompleteBox Name="autocomplete" ItemsSource="{Binding Stations}"

TextSearchPath="Code" SelectionMode="Single" WatermarkContent="Entrée une variable de test.."

DropDownItemTemplate="{StaticResource StationsSearchAutoComplete}" BorderBrush="#FF25A0DA" BorderThickness="1" Height="30"

SelectionChanged="autocomplete_SelectionChanged"

/>

</Grid>-->

<!--<Grid VerticalAlignment="Top" Height="950px">

<Grid.ColumnDefinitions>

<ColumnDefinition Width="Auto" />

</Grid.ColumnDefinitions>-->

<telerik:RadTreeView

Name="treeViewStationsVariables"

ItemTemplateSelector="{StaticResource ArboStationFinalTemplateSelector}"

BorderThickness="1" Background="White" PreviewMouseRightButtonUp="treeViewStationsVariables_PreviewMouseRightButtonUp"

ScrollViewer.VerticalScrollBarVisibility="Visible" >

<telerik:RadTreeView.ContextMenu>

<ContextMenu x:Name="treeViewNavigateurVisualisation" Placement="Left">

<ContextMenu.PlacementTarget>

<UIElement />

</ContextMenu.PlacementTarget>

<MenuItem x:Name="treeViewMenuItemVisualiserAjouterGraphique" Header="Ajouter au Graphique" Click="treeViewMenuItemVisualiserAjouterGraphique_Click"/>

<MenuItem x:Name="treeViewMenuItemVisualiserNouveauGraphique" Header="Nouveau Graphique" Click="treeViewMenuItemVisualiserNouveauGraphique_Click"/>

</ContextMenu>

</telerik:RadTreeView.ContextMenu>

<telerik:RadTreeView.Resources>

<HierarchicalDataTemplate DataType="{x:Type business:Repertoire}" ItemTemplateSelector="{StaticResource ArboStationFinalTemplateSelector}">

<HierarchicalDataTemplate.ItemsSource>

<MultiBinding Converter="{StaticResource RepertoireStationConverter}">

<Binding Path="Stations" />

<Binding Path="SousRepertoires" />

</MultiBinding>

</HierarchicalDataTemplate.ItemsSource>

<StackPanel Orientation="Horizontal">

<Image Source="/SIGT.EVEm.Client;component/Images/Navigateur/folder.png" Width="20" Height="20" />

<TextBlock Text="{Binding Path=Code}"/>

</StackPanel>

</HierarchicalDataTemplate>

<HierarchicalDataTemplate DataType="{x:Type business:Station}" ItemsSource="{Binding Variables}" ItemTemplateSelector="{StaticResource ArboVariableTemplateSelector}">

<TextBlock Text="{Binding Code}"/>

</HierarchicalDataTemplate>

</telerik:RadTreeView.Resources>

</telerik:RadTreeView>

</telerik:RadOutlookBarItem>

</telerik:RadOutlookBar>

</telerik:RadDocumentPane>

</telerik:RadPaneGroup>

</telerik:RadSplitContainer>

TreeView

answered on 14 Oct 2016

5 answers

426 views

[Solved] Custom theme based on GreenTheme

Hi,

I want to make a custom theme like the green theme with a dark and a light color variation but with different colors. For example RedTheme or BlueTheme.

What is the best way to achieve this?

Thanks

General Discussions

answered on 14 Oct 2016

3 answers

204 views

Event before the grid is filtered

I am using DataFilter and its source is Bind to the Grid, I don't want to use the unbound mode because then I will have to populate everything. I am using rest service to get all the data and I want to do the filtering also on the server side.

- User open the window

- I make a rest request to get the data and populate the grid

- User add a filter

- I am listening for the collection changed and item changed event

- I loop through all the filters and send a request to get the filtered data

The problem is that DataFilter also filters the grid on the client side, so If my rest request takes time the grid items source is updated twice, one from the data filter and another one when rest returns the data

Is there any preview event or any other way to tell datafilter ot not filter the grid

DataFilter

answered on 14 Oct 2016

1 answer

661 views

GridView performance problem

Dear team,
we have a problem with RadGridView performance. He have the following scenario:
- We request data to server and it returns 44 rows into a list.
- We bind this list to a RadGridView with 8 columns.
Some remarks:
- One column is a template column with a checkbox.
- We have a style for the gridview and gridview rows.
- We have auto with for these columns.

This process takes 1.615s. The 30% was spent by the server and the 70% by gridview. We don't know how to solve this problem. We have done the following tests:
- We have removed all styles and template column.
- Removing one column we gain a 6,8%.
- Removing 2 columns we gain a 16,1%, etc.
- Having only one column we gain 54,64%! It means that rendering speed depends on number of columns?
- Fixing columns width we can gain a 10%, 0,2s.
- Replacing this grid by a WPF grid we gain a 42%, 0,6s. This means that WPF standard grid is faster that RadGridView?

We hope you can help us.
Thank you in advance.

GridView

answered on 13 Oct 2016

5 answers

151 views

Drag drop Group to change Group's order.

Hi,
How do I drag drop a group in the GridView to change Group's order?

Thank you.

GridView

answered on 13 Oct 2016

1 answer

368 views

Example of RadPieChart with series provider for multiple DoughnutSeries?

Looking for a way to dynamically populate multiple doughnut series so that I can make my "ring" chart that I made with the winforms version.

I've looked at the "Dynamic Number of Series (ChartSeriesProvider)" article. There doesn't seem to be a "PieSeriesDescriptor", and using the "ChartSeriesDescriptor" that is for "all series", it complains about "<telerik:ChartSeriesDescriptor " with the errors:

The type "ChartSeriesDescriptor" is abstract and must include an explicit value

Type 'ChartSeriesDescriptor' is not usable as an object element because it is not public or does not define a public parameterless constructor or a type converter.

ChartView

answered on 13 Oct 2016

3 answers

178 views

Update another cell using CreateCellEditElement in current cell

Hello, lets say that we are using the radGridView and we have some columns like above:

First Name, Last Name, Sex, Age, Type1, Type2

The column "Type1" has a custom editor that implements the classes:

CreateCellElement and CreateCellEditElement using a combobox for selection of value.

Also i must clarify that column "Type2" depents on column's "Type1" value

So how can we clear in the current row the column's "Type2" value when the value of column "Type1" is changed through the CreateCellEditElement?

Thanks

GridView

answered on 13 Oct 2016

1 answer

203 views

How to build the Tree View from the GraphSource

Once I build a RadDiagram I have basically one List of Items and one List of Links.

Now, would it be possible to Bind a TreeView with these two objects only?

See the screenshot attached for example. The Diagram consists of four objects linked together.

Now, Is it possible to have a TreeView representation of the Diagram like in the screenshot attached?

From the documentation seems to be that this cannot be done, unless I create dynamically a brand new List (i.e. TreeSource) for the tree from the Items and Links objects.

Where TreeSource would basically be a:

public ObservableCollection<TreeViewNode> TreeSource;

public class TreeViewNode {

public string DisplayName { get; set; }

public ObservableCollection<TreeViewNode> Nodes { get; set; }

}

And the XAML

 <HierarchicalDataTemplate x:Key="TreeViewTemplate" ItemsSource="{Binding Nodes}"    >

                <TextBlock Text="{Binding DisplayName}"/>

            </HierarchicalDataTemplate>

<telerik:RadTreeView x:Name="tree" ItemsSource="{Binding TreeSource}"> ItemTemplate="{StaticResource TreeViewTemplate}"

Diagram

answered on 13 Oct 2016

6 answers

236 views

Setting IsExpanded from a UserControl

I am working on a Prism WPF project and I have a RadExpander in the shell of my project.

<Grid>

<ContentControl prism:RegionManager.RegionName="ContentRegion" />

<tel:RadExpander x:Name="MenuFlyOut"

IsExpanded="True"

tel:AnimationManager.IsAnimationEnabled="True"

ExpandDirection="Right"

Width="210"

Background="CornflowerBlue"

Margin="0,0,159,0">

<tel:RadExpander.Header>

<TextBlock x:Name="ExpanderCaption" Text="Menu" Foreground="White"/>

</tel:RadExpander.Header>

<tel:RadExpander.Content>

<StackPanel Margin="10,20,0,0"

Width="200"

HorizontalAlignment="Left"

VerticalAlignment="Top"

Opacity="1">

//Button that opens UserControl in ContentRegion

//stuff in the stackpanel

</StackPanel>

</tel:RadExpander.Content>

</tel:RadExpander>

</Grid>

Currently since the RadExpander IsExpanded is set to "true" when the UserControl loads, the RadExpander is, obviously, still expanded. What I am trying to do is change the state of IsExpanded when the UserControl finishes loading.

my latest attempt was to set it in the codebehind of the UserControl:

public partial class UserControlContent : UserControl

{

public UserControlContent()

{

InitializeComponent();

var setExpander = new Shell();

setExpander.MenuFlyOut.IsExpanded = false;

}

But that didn't work.. I've tried a few other ways to do this. Event Triggers, Binding to a property which calls a method that sets IsExpanded.

Obviously, I'm missing something, and help would be appreciated.

Expander