Questions on UI for WPF Forum

1 answer

183 views

Hello,

We are using Telerik for WPF 2013 Q3 NET.
We need to have a vertically oriented text in the grid header row AND a fiter row underneath the header row. The example of what it should look like is attached.

Currently, I set up filter row like so:

<telerik:RadGridView x:Name="trgv"
FilteringMode="FilterRow"
IsFilteringAllowed="True"/>

When I run the app, it looks great. Now, we need to have a text in the header row aligned vertically. For that I do the following:

<telerik:RadGridView x:Name="trgv"
FilteringMode="FilterRow"
IsFilteringAllowed="True">

<telerik:RadGridView.Resources>
<Style TargetType="telerik:GridViewHeaderCell">
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="telerik:GridViewHeaderCell">
<ContentPresenter>
<ContentPresenter.LayoutTransform>
<RotateTransform Angle="270" />
</ContentPresenter.LayoutTransform>
</ContentPresenter>
</ControlTemplate>
</Setter.Value>
</Setter>
<Setter Property="Height" Value="200"></Setter>
</Style>
</telerik:RadGridView.Resources>

Now, when I run the app, the header text is occupying both the filter row and the header row AND my filters do not appear at all.

Thank you for your help!

GridView

answered on 11 Mar 2014

1 answer

367 views

Vertical Column Headers with filter row

We are using Telerik WPF controls (2013 Q3 NET) in our desktop application.

There is a requirement for a vertically aligned text in the column headers and also a filter row. (I have attached the picture to this post)

I have tried the following code:

<telerik:RadGridView x:Name="trgv"
FilteringMode="FilterRow"
IsFilteringAllowed="True">

<telerik:RadGridView.Resources>
<Style TargetType="telerik:GridViewHeaderCell">
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="telerik:GridViewHeaderCell">
<ContentPresenter>
<ContentPresenter.LayoutTransform>
<RotateTransform Angle="270" />
</ContentPresenter.LayoutTransform>
</ContentPresenter>
</ControlTemplate>
</Setter.Value>
</Setter>
</Style>

</telerik:RadGridView.Resources>
</telerik:RadGridView>

but when the grid is displayed, the header text spans both header and filter row, and filters do not show up at all.

Can someone help with this issue?

Thank you.

GridView

answered on 11 Mar 2014

1 answer

232 views

RadRibbonGroup Visibility to Collapsed doesn't resize properly

Hi,

I have to set RibbonGroup Visibility to Collapsed in some states of the application. But whenever i set the RibbonGroup visibility collapsed it doesn't properly resize with the window size and shows the ribbon outside the border of window.

<telerik:RadRibbonGroup Header="Test Header" Visibility="Collapsed">
                                <telerik:RadRibbonGroup.Variants>
                                    <telerik:GroupVariant Variant="Medium" Priority="2" />
                                </telerik:RadRibbonGroup.Variants>
                                <telerik:RadCollapsiblePanel>
                                    <pmControls:ASIRibbonButton Text="Test Button" telerik:KeyTipService.AccessText="TS"/>
                                </telerik:RadCollapsiblePanel>
</telerik:RadRibbonGroup>

Any help would be appreciated.
Thanks

RibbonView and RibbonWindow

answered on 11 Mar 2014

1 answer

69 views

dotted rectangle around dock control

Hi,

I am using telerik RadDocking control and it shows the dotted ractangle around the screen when application starts. how can i remove this.
Thanks
Ehsan

Docking

answered on 11 Mar 2014

3 answers

359 views

Lasso selection of data points?

I need to allow users to select multiple points on a ChartView chart by click-and-dragging the mouse, ideally in an arbitrary closed shape (lasso), but minimally in the rectangle formed by the positions of the mouse-down and mouse-up events. Handling the mouse events to define the area, and performing a hit-test on the points should be easy enough for the rectangular case, but I also need visual feedback on the screen showing the shape being drawn.

Are there any examples available showing the best way to accomplish something this with a ChartView? If not, is there anything besides the mouse events I should be exploring, and what's the best approach for the visual feedback aspect?

Thanks,
Louis

ChartView

answered on 10 Mar 2014

3 answers

597 views

RadGridView MVVM Bind Row Expanded

I have a WPF /MVVM application. I need to put 2 buttons, Expand All and Collapse All above the grid. I need an example of binding each row's expanded property to a view model.

Thank you

GridView

answered on 10 Mar 2014

1 answer

132 views

Exporting RowDetails having child gridview(s) of GridView

To export all the row details elements

<telerik:RadGridView.RowDetailsTemplate>

<DataTemplate x:Name="RowDetailsProvider">

<StackPanel>

<telerik:RadGridView x:Name="grdNPISItem1" ItemsSource="{Binding NPISItemsCollection}" GroupRenderMode="Flat">

<telerik:RadGridView.Columns>

<telerik:GridViewColumn>

<telerik:GridViewColumn.CellTemplate>

<ItemContainerTemplate>

<telerik:RadButton Name="btn1" Content="sdfsd" Click="btn1_Click"></telerik:RadButton>

</ItemContainerTemplate>

</telerik:GridViewColumn.CellTemplate>

<telerik:GridViewColumn.Header>

<telerik:RadButton Name="RdBtn" Content="Click"></telerik:RadButton>

</telerik:GridViewColumn.Header>

</telerik:GridViewColumn>

</telerik:RadGridView.Columns>

</telerik:RadGridView>

<telerik:RadGridView x:Name="grdNPISCover1" ItemsSource="{Binding NPISCoversCollection}"></telerik:RadGridView>

<telerik:RadGridView x:Name="grdNPISNote1" ItemsSource="{Binding NPISNotesCollection}" ></telerik:RadGridView>

</StackPanel>

</DataTemplate>

</telerik:RadGridView.RowDetailsTemplate>

GridView

answered on 10 Mar 2014

2 answers

228 views

Draw Text Tool

I made a custom settings container for my image editor. I am wondering on the draw text tool, how can I bind the properties there to my custom settings UI? Also wondering if I can change the background of the textblock that is displayed? Is there a custom tool demo that closely resembles the DrawTextTool?

Thank you

ImageEditor

answered on 10 Mar 2014

1 answer

155 views

GridViewDataColumn DataTemplate with DataType is not working

Hey guys,
I've got a problem which is really frustrating. I am trying to display content based on its type in a RadGridView. Therefore I am using a DataTemplate referenced to a DataType. Sadly it seems like the DataType isnt beeing recognized at all. If I change the DataMemberBinding from "{Binding}" to a member of the object which is of type string - it is working but thats not what I need, i need it to be working with my own Data types(classes).

XAML:

<Window x:Class="RadControlsWpfApp1.MainWindow"

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"

xmlns:local="clr-namespace:RadControlsWpfApp1"

xmlns:System="clr-namespace:System;assembly=mscorlib"

Title="MainWindow" Height="350" Width="525">

<Grid>

<telerik:RadGridView x:Name="Grid" Grid.Column="1" Margin="11,10,9,50" Grid.Row="1" ItemsSource="{Binding}" >

<telerik:RadGridView.Columns>

<telerik:GridViewDataColumn IsReadOnly="True" Header="test" DataMemberBinding="{Binding}" >

<telerik:GridViewDataColumn.Resources>

<DataTemplate DataType="{x:Type local:Foo}">

<TextBlock Text="test" />

</DataTemplate>

</telerik:GridViewDataColumn.Resources>

</telerik:GridViewDataColumn>

</telerik:RadGridView.Columns>

</telerik:RadGridView>

</Grid>

</Window>

Code behind:

using System;

using System.Collections.Generic;

using System.Linq;

using System.Text;

using System.Windows;

using System.Windows.Controls;

using System.Windows.Data;

using System.Windows.Documents;

using System.Windows.Input;

using System.Windows.Media;

using System.Windows.Media.Imaging;

using System.Windows.Navigation;

using System.Windows.Shapes;

namespace RadControlsWpfApp1

{

public class Foo

{

public string Name { get; set; }

public string Value { get; set; }

}

public class Foo2

{

public string Name { get; set; }

public string Value { get; set; }

}

/// <summary>

/// Interaction logic for MainWindow.xaml

/// </summary>

///

public partial class MainWindow : Window

{

public MainWindow()

{

var list = new List<object> { new Foo2() { Name = "Brian2", Value = "val2" }, new Foo() { Name = "Brian", Value = "val1" } };

InitializeComponent();

Grid.DataContext = list;

}

GridView

answered on 10 Mar 2014

1 answer

253 views

RadTreeListView, IsSynchronizedWithCurrentItem property not working.

Hi,

Previously I was using RadGridView with RadDataForm.
When IsSynchronizedWithCurrentItem property setted to True value, this controls working synchronous.

I needed Hierarchical items on some modules and I solved this problem with RadGridView.
But hierarchical data very complex for last user on RadGridView, that's not user-friendly.

I decided on the RadTreeListView after that, and I solved this with hierarchical TreeListView.
But there's a problem, IsSynchronizedWithCurrentItem setted True but RadTreeListView with RadDataForm not working synchronous.

How can solve this problem?

<telerik:RadTreeListView x:Name="mRadTreeListView"
                     IsReadOnly="True"
                     AutoExpandItems="True"
                     AutoGenerateColumns="False"
                     CanUserFreezeColumns="False"
                     ItemsSource="{Binding Items}"
                     IsSynchronizedWithCurrentItem="True"
                     RowIndicatorVisibility="Collapsed"
                     RowDetailsVisibilityMode="Collapsed">
    <telerik:RadTreeListView.ChildTableDefinitions>
        <telerik:TreeListViewTableDefinition ItemsSource="{Binding Children}" />
    </telerik:RadTreeListView.ChildTableDefinitions>
</telerik:RadTreeListView>
<telerik:RadDataForm x:Name="mRadDataForm"
                     ItemsSource="{Binding Items}"
                     VerticalAlignment="Top"
                     LabelPosition="Above"
                     AutoGenerateFields="False"
                     CommandButtonsVisibility="All"
                     AutoCommit="True">
</telerik:RadDataForm>

TreeListView

answered on 10 Mar 2014