Questions on UI for WPF Forum

1 answer

424 views

Disable theme for System.Windows.Controls.Button

Hi,

I'm using Telerik's TreeView, GridView, ListBox, DragDropManager in my project.

I decided to use the "Binaries.NoXaml" dlls because I don't really need all the themes included. I referenced the relevant control dlls + Telerik.Windows.Themes.Windows8.dll just so I can use the styling for the Telerik controls that I do use.

In my app.xaml I added in merged dictionaries the following resource dictionaries:

I noticed that "System.Windows.Controls.Button" also get styled with your Windows8 theme!

How can I cancel this behavior and get only the Telerik controls to have the Windows8 theme?

General Discussions

answered on 10 Nov 2015

15 answers

750 views

[Solved] Header wrap text and autoheight

Hi,

Is there a way to make the header row to wrap the header text and make it autosize to fit the full height?

I achieved that by modifying the HeaderCellStyle of the column, but that solution replaces sorting/filtering/etc...

                                            <telerik:GridViewDataColumn.HeaderCellStyle>         
                                        <Style TargetType="{x:Type telerik:GridViewHeaderCell}">         
                                            <Setter Property="Template">         
                                                <Setter.Value>         
                                                    <ControlTemplate TargetType="{x:Type telerik:GridViewHeaderCell}">         
                                                        <TextBlock Text="{TemplateBinding Content}" TextWrapping="Wrap" VerticalAlignment="Center" Margin="2" />         
                                                    </ControlTemplate>         
                                                </Setter.Value>         
                                            </Setter>         
                                        </Style>         
                                    </telerik:GridViewDataColumn.HeaderCellStyle>         

do you know a better way of doing that?

Thanks,

Ruben.

GridView

answered on 10 Nov 2015

3 answers

463 views

Visibility of an Individual CategoricalDataPoint in a Series Defined by a CategoricalSeriesDescriptor

Is there a way to control the Visibility of the individual categorical data points within a BarSeries (or any series), assuming that the series are defined by a ChartSeriesProvider?

I'm essentially looking to toggle the visibility of the various values available in the CategoryPath property of the CategoricalSeriesDescriptor below. The entire XAML for my chart is as follows:

<telerik:RadCartesianChart x:Name="chart" Grid.Column="1" Palette="Windows8">
<telerik:RadCartesianChart.HorizontalAxis>
<telerik:CategoricalAxis/>
</telerik:RadCartesianChart.HorizontalAxis>
<telerik:RadCartesianChart.VerticalAxis>
<telerik:LinearAxis LabelFormat="P0"/>
</telerik:RadCartesianChart.VerticalAxis>
<telerik:RadCartesianChart.SeriesProvider>
<telerik:ChartSeriesProvider Source="{Binding ExposureChartData}">
<telerik:ChartSeriesProvider.SeriesDescriptors>

<telerik:CategoricalSeriesDescriptor ItemsSourcePath="SeriesData" ValuePath="CategoryValue" CategoryPath="CategoryName">
<telerik:CategoricalSeriesDescriptor.Style>
<Style TargetType="telerik:BarSeries">
<Setter Property="CombineMode" Value="Cluster"/>
<Setter Property="ShowLabels" Value="True"/>
<Setter Property="LegendSettings">
<Setter.Value>
<telerik:SeriesLegendSettings Title="{Binding SeriesName}"/>
</Setter.Value>
</Setter>
</Style>
</telerik:CategoricalSeriesDescriptor.Style>
</telerik:CategoricalSeriesDescriptor>
</telerik:ChartSeriesProvider.SeriesDescriptors>
</telerik:ChartSeriesProvider>
</telerik:RadCartesianChart.SeriesProvider>
</telerik:RadCartesianChart>

ChartView

answered on 10 Nov 2015

1 answer

130 views

Selective grouping

In your "Grouping Basics" sample, you have a "Category" group (Business Layer, Data Layer, etc.), and a "Level" sub-group ("200", "250", etc.).

Is there a way to filter in such a way that levels 200 and 250 would appear under Business Layer only, level 300 under Data Layer, etc.?

ScheduleView

answered on 09 Nov 2015

3 answers

185 views

GridView paging doesn't work correctly when grouping

Hi,

I have the following code:

<telerik:RadGridView ItemsSource="{Binding PagedSource, ElementName=dataPager}"

IsReadOnly="True"

ShowGroupPanel="False"

ShowColumnHeaders="False"

RowIndicatorVisibility="Collapsed"

AutoGenerateColumns="False"

AutoExpandGroups="True">

 <telerik:RadGridView.GroupDescriptors>

     <telerik:GroupDescriptor Member="OwnerTypeDescription"/>

 </telerik:RadGridView.GroupDescriptors>

</telerik:RadGridView>

<telerik:RadDataPager x:Name="dataPager"

PageSize="{Binding RecordsPerListPage}"

Source="{Binding PagedCollection}"

DisplayMode="FirstLastPreviousNext"

IsTotalItemCountFixed="False"/>

The property RecordsPerList page returns 10, however the paging doesn't take this into account and 20+ records are still shown on a single page.

I noticed that this only happens if grouping is set for the gridview. If I remove the GroupDescriptor paging works properly and only 10 records per page are shown.

Any idea why this is happening?

Thanks!

GridView

answered on 09 Nov 2015

1 answer

130 views

Creating letterpaper in a document

Hello,

I am trying to set up a letterpaper in the RadRichTextbox, however I am not having much success (see code).

RadDocument document = new RadDocument();
Header header = new Header() { Body = document, IsLinkedToPrevious = false };
var section = new Telerik.Windows.Documents.Model.Section();
section.HasDifferentFirstPageHeaderFooter = true;
section.PageSize = PaperTypeConverter.ToSize(PaperTypes.A4);
document.Sections.Add(section);

var paragraph = new Telerik.Windows.Documents.Model.Paragraph();
ImageInline image = new ImageInline(stream);

FloatingImageBlock imageBlock = new FloatingImageBlock();
imageBlock.ImageInline = image;
imageBlock.WrappingStyle = WrappingStyle.BehindText;
paragraph.Inlines.Add(imageBlock);

document.Sections.First().Children.Add(paragraph);
this.TextEditor.UpdateHeader(document.Sections.First(), HeaderFooterType.Default, header);

I am seeing the image in the header with this code, however not filling in the whole page. If I then click in the header and press Enter on the keyboard the full page length image is displayed. With pressing Enter a second time the image dissappears again. In addition I am unsure how I can place a differing image for the follow up pages.

My goal is to acheive the following points in order to be able to use this letterpaper:
- Image fills the page (imagesize = pagesize)
- Image on first page is differing to the other pages
- Margins of the first page are differing to the other pages

Sincerly

A.Kasar

RichTextBox

answered on 09 Nov 2015

2 answers

428 views

Keyboard navigation after programmatically selecting an item

Hi

i have a treeview control in a wpf form

the user wants to jump and select an item when he presses any letter on the keyboard

so i did just that with the treeView_TextInput event and on capturing text i found the desired item and selected it like this:

treeView.SelectedItem = found;
treeView.BringItemIntoView(found);
treeView.BringIntoView();

My problem is that after the item is selected, the keyboard navigation will not work from the newly selected item.

as a matter of fact, the navigation will move from the previously selected item that the user selected with the mouse and not from the one the code selected

is that a bug?

thank you

TreeView

answered on 09 Nov 2015

1 answer

199 views

SelectionMiniToolbar customization issues

Hello,

I'm trying to create a custom SelectionMiniToolbar but I am encountering several issues.

I've tried some examples found here but I still have problems.

First of all I'm unable to remove the Title Bar from the RadRichTextBoxWindow and also I'm unable to position correctly the Window to appear where the default SelectionMiniToolbar would appear.

I would really like to have an example that shows how to declare a custom SelectionMiniToolbar and how to position it correctly as the default toolbar does.

Right now all the code that I have is:

RichTextBoxFormatToolbar.xaml

01.<richTextBoxUI:RadRichTextBoxWindow x:Class="Views.RichTextBoxFormatToolbar"

02.             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

03.             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

04.             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"

05.             xmlns:d="http://schemas.microsoft.com/expression/blend/2008"

06.             xmlns:richTextBoxUI="clr-namespace:Telerik.Windows.Controls.RichTextBoxUI.Dialogs;assembly=Telerik.Windows.Controls.RichTextBoxUI"

07.             ResizeMode="NoResize" WindowStartupLocation="CenterOwner">

08.

09.    <StackPanel Orientation="Horizontal">

10.

11.        <Button>Test</Button>

12.

13.    </StackPanel>

14.

15.</richTextBoxUI:RadRichTextBoxWindow>

RichTextBoxFormatToolbar.xaml.cs

01.[CustomSelectionMiniToolBar]

02. public partial class RichTextBoxFormatToolbar : RadRichTextBoxWindow, ISelectionMiniToolBar

03. {

04. public RichTextBoxFormatToolbar()

05. : base()

06. {

07. InitializeComponent();

08. }

09.

10. public void Hide()

11. {

12. Owner = null;

13. Close();

14. }

15.

16. public void SetOpacity(double opacity)

17. {

18. Opacity = opacity;

19. }

20.

21. public void Show(Point location, RadRichTextBox radRichTextBox)

22. {

23. SetOwner(radRichTextBox);

24. Show();

25. }

26. }

Thanks a lot for the help

RichTextBox

answered on 09 Nov 2015

3 answers

493 views

Show empty date value on load

Hi,

I have a RadDateTimePicker which is databound to a class object when my form loads I want to display and empty value in order that the watermark content is displayed. I also want to display a date range when the date time picker is selected and in order to do this I am setting the display range values when the main window is loaded. My problem is that I am seeing the default null value 01/01/0001 00:00:00! How do I achieve this behavior

<telerik:RadDateTimePicker x:Name="DeldateTime" Width="160" TimeInterval="0:30:0" DateTimeWatermarkContent="Delivery Date\Time" SelectedValue="{Binding dtDeliverDate, Mode=TwoWay, NotifyOnValidationError=True, ValidatesOnDataErrors=True}" Height="26" VerticalAlignment="Bottom" ToolTip="Delivery date - Select both Day and Time values!" TabIndex="4" IsTabStop="True" />

Date range set on loaded event

Me.DeldateTime.SelectableDateStart = DateTime.Now.AddMonths(-3)
Me.DeldateTime.SelectableDateEnd = DateTime.Now.AddMonths(3)
Me.DeldateTime.DisplayDate = DateTime.Now

Property

Public Property dtDeliverDate() As DateTime
Get
Return Me.m_dtDeliverDate
End Get
Set(value As DateTime)
Me.m_dtDeliverDate = value
If IsDate(m_dtDeliverDate) Then
Me.m_szDeliveryTime = Format(m_dtDeliverDate, "HH:mm")
End If
Me.SendPropertyChanged("dtDeliverDate")
End Set
End Property