Questions on UI for WPF Forum

2 answers

197 views

I have a databound tabstrip where the tabs come from one set of data and the content of the tabs is a DataTemplate with a ListView inside. Is there a way to have this scenario but also add additional tabs for items that will not be bound to that DataTemplate?

My tabstrip XAML looks like this:

<telerik:RadTabControl telerik:Theming.Theme="Windows7" BackgroundVisibility="Collapsed" TabStripPlacement="Left" TabOrientation="Vertical" DisplayMemberPath="Name"

ItemsSource="{Binding ReviewCategoryModels}" ContentTemplate="{StaticResource ReviewSectionDetailTemplate}" Align="Right" ItemContainerStyle="{StaticResource ReviewCategoryTabStyle}" />

And then in UserControl.Resources I have the following:

<DataTemplate x:Key="ReviewSectionDetailTemplate">

<ListView x:Name="items" ItemsSource="{Binding Items}" AlternationCount="2" MinWidth="550" Style="{StaticResource ReviewItemListView}">

[...]

</ListView>

</DataTemplate>

So I want to use this setup but then add an additional tab (or two, etc.) that do NOT use this DataTemplate. My app is based off the MVVM pattern so sticking inside the guidelines of that is preferable (though not required).

Is this possible?

TabControl

answered on 27 Jul 2011

4 answers

131 views

[Solved] Changing StripLine styles

<Setter Property="Template2D">

<Setter.Value>

<ControlTemplate TargetType="telerik:ChartArea">

<Border BorderBrush="{TemplateBinding BorderBrush}"

BorderThickness="{TemplateBinding BorderThickness}"

Background="{TemplateBinding Background}"

Margin="{TemplateBinding Margin}"

Padding="{TemplateBinding Padding}">

<Grid>

<Grid.ColumnDefinitions>

<ColumnDefinition Width="auto" />

<ColumnDefinition Width="*" />

<ColumnDefinition Width="auto" />

</Grid.ColumnDefinitions>

<Grid.RowDefinitions>

<RowDefinition Height="auto" />

<RowDefinition Height="*" />

<RowDefinition Height="auto" />

</Grid.RowDefinitions>

<telerik:AxisX2D x:Name="PART_AxisX"

Grid.Column="1"

Grid.Row="2"

Style="{TemplateBinding AxisXStyle}"

AxisLineStyle="{StaticResource YGridLineStyle}" />

<telerik:AxisY2D x:Name="PART_AxisY"

Grid.Column="0"

Grid.Row="1"

Style="{TemplateBinding AxisYStyle}"

AxisLineStyle="{StaticResource XGridLineStyle}" />

<telerik:AdditionalAxes2DContainer x:Name="PART_AdditionalHorizontalAxesPanel"

Grid.Column="1"

Grid.Row="0"

StackOrientation="Vertical" />

<telerik:AdditionalAxes2DContainer x:Name="PART_AdditionalVerticalAxesPanel"

Grid.Column="2"

Grid.Row="1"

StackOrientation="Horizontal"

Visibility="Collapsed" />

<telerik:RadTransitionControl x:Name="PART_RadTransitionControl"

Grid.Column="1"

Grid.Row="1"

Style="{TemplateBinding TransitionControlStyle}">

<telerik:ClipPanel x:Name="PART_PlotAreaPanel"

Style="{TemplateBinding PlotAreaStyle}">

<telerik:DragZoomLayerControl x:Name="PART_DragZoomLayer"

Style="{TemplateBinding DragZoomLayerControlStyle}">

<ItemsPresenter />

</telerik:DragZoomLayerControl>

<telerik:HorizontalStripLines2D x:Name="PART_HorizontalStripLines" />

<telerik:VerticalStripLines2D x:Name="PART_VerticalStripLines" />

<telerik:AnnotationLayer x:Name="PART_AnnotationLayer"

ItemsSource="{TemplateBinding Annotations}" />

<telerik:VerticalMinorGridLines2D x:Name="PART_VerticalMinorGridLines" />

<telerik:HorizontalMinorGridLines2D x:Name="PART_HorizontalMinorGridLines" />

<telerik:HorizontalGridLines2D x:Name="PART_HorizontalGridLines" />

<telerik:VerticalGridLines2D x:Name="PART_VerticalGridLines" />

<telerik:AdditionalPlotAreaAxes2DContainer x:Name="PART_AdditionalPlotAreaHorizontalAxesPanel"

StackOrientation="Vertical" />

<telerik:AdditionalPlotAreaAxes2DContainer x:Name="PART_AdditionalPlotAreaVerticalAxesPanel"

StackOrientation="Horizontal" />

<telerik:PlotAreaAxisY2D x:Name="PART_PlotAreaAxisY"

Style="{TemplateBinding PlotAreaAxisYStyle}" />

<telerik:PlotAreaAxisX2D x:Name="PART_PlotAreaAxisX"

Style="{TemplateBinding PlotAreaAxisXStyle}" />

<telerik:LabelsPanel x:Name="PART_LabelsPanel" />

</telerik:ClipPanel>

</telerik:RadTransitionControl>

<telerik:NoDataControl x:Name="PART_NoData"

Grid.ColumnSpan="3"

Grid.RowSpan="3"

Style="{TemplateBinding NoDataControlStyle}" />

</Grid>

</Border>

</ControlTemplate>

</Setter.Value>

</Setter>

Using this code I don't really understand how to set the style of the telerik:HorizontalStripLines2D... Where should the actual style for this be defined?

Chart

answered on 27 Jul 2011

2 answers

285 views

radribbonview vs radribbonbar

Hi,
It appears there are only a couple differences between RadRibbonView and RadRibbonBar as follows:

RibbonView implements MS Office 2010 UI.
- Although the on-line docs tend to say Office 2007:
  - http://www.telerik.com/help/wpf/radribbonview-overview.html
  - http://www.telerik.com/help/wpf/radribbonview-key-features.html
RibbonView includes "Codeless Test Automation for Scheduler."
RibbonView is newer.

Are there other differences I'm missing?
How do these 2 compare with RadRibbonWindow?

Thank you,
- Martin Schneider

General Discussions

answered on 27 Jul 2011

1 answer

195 views

Add button to item with mouse over

How can I add a button to the item with mouse over (like IE9 favorites)

TreeView

answered on 27 Jul 2011

7 answers

290 views

Custom operator selection

Hi,

is it possible to select available operators for a specific property (type)? I clarify this request: I have some flags enumerations in my business objects. I would like to filter objects by these flags enumerations. If you have a flags enum with following members: First = 1, Second = 2, Third = 4. And you want to filter all objects which have value "Second" set. The default operators for enum types are "Equal" and "Is not equal". But for the flags enumerations the correct questions would be additional "contains" and "not contains". I know how to implement a DropDown with Checkboxes for specific flag selection to make a graphical representation of this question. But how is it possible to add the two more operators "contains" and "not contains" to the list of available operators? And how could I implement user defined code "behind" this operators?

Best regards,
Oliver

DataFilter

answered on 27 Jul 2011

1 answer

178 views

Richtext box not selecting proper span text

I ve created span form code behind see the code:

public MainWindow()

{

InitializeComponent();

Telerik.Windows.Documents.Model.Section section = new Telerik.Windows.Documents.Model.Section();

Telerik.Windows.Documents.Model.Paragraph paragraph = new Telerik.Windows.Documents.Model.Paragraph();

Telerik.Windows.Documents.Model.Span span = new Telerik.Windows.Documents.Model.Span("span1. dfgfdgfd ");

Telerik.Windows.Documents.Model.Span span2 = new Telerik.Windows.Documents.Model.Span("span2.");

paragraph.Inlines.Add(span);

paragraph.Inlines.Add(span2);

section.Blocks.Add(paragraph);

radRichTextBox1.Document.Sections.Add(section);

}

on selection of current span using GetCurrentSpanBox().Text when the cursor is on "dfgfdgfd " i should get this "span1. dfgfdgfd " but i m getting "dfgfdgfd" this only. it recognize "SPACE" as a span. why?

private void radRichTextBox1_MouseUp(object sender, MouseButtonEventArgs e)

{

textBox1.Text = radRichTextBox1.Document.CaretPosition.GetCurrentSpanBox().AssociatedSpan.Text;

}

RichTextBox

answered on 27 Jul 2011

2 answers

122 views

[Solved] How to reuse Legend definition

Hi,
I want to use the same legend on several graph without duplicate xaml everywhere but when i do this the legend is displayed only in one chart :

the definition of my legend:

<telerik:ChartLegend x:Uid="ClassificationLegend"

x:Key="ClassificationLegend"

Name="ClassificationLegend"

Visibility="Visible"

Header=""

Padding="0,0,5,0"

HorizontalContentAlignment="Right"

VerticalAlignment="Center"

BorderThickness="0"

Background="Transparent"

UseAutoGeneratedItems="False">

<telerik:ChartLegendItem x:Uid="telerik:ChartLegendItem_1"

Label="Success"

MarkerFill="{x:Static sim:ClassificationStatusColors.SuccessBrush}" />

<telerik:ChartLegendItem x:Uid="telerik:ChartLegendItem_2"

Label="Hesitation"

MarkerFill="{x:Static sim:ClassificationStatusColors.HesitationBrush}" />

<telerik:ChartLegendItem x:Uid="telerik:ChartLegendItem_3"

Label="Unknown"

MarkerFill="{x:Static sim:ClassificationStatusColors.UnknownBrush}" />

<telerik:ChartLegendItem x:Uid="telerik:ChartLegendItem_4"

Label="Misrecognition"

MarkerFill="{x:Static sim:ClassificationStatusColors.MisrecognitionBrush}" />

</telerik:ChartLegend>

The way i use it:

<telerik:RadChart Name="chartStrategyPerformanceMax"

Background="Transparent"

BorderThickness="0"

IsTabStop="False"

DataContext=

"{Binding RelativeSource={RelativeSource AncestorType=telerik:RadFluidContentControl, Mode=FindAncestor},  Path=DataContext}"

ItemsSource="{Binding StatusGroup}"

PaletteBrushes="{Binding BrushPalette}">

<telerik:RadChart.SeriesMappings>

</telerik:RadChart.SeriesMappings>

<telerik:RadChart.DefaultView>

<telerik:ChartDefaultView ChartLegend="{StaticResource ClassificationLegend}">

<telerik:ChartDefaultView.ChartArea>

<telerik:ChartArea LegendName="ClassificationLegend"

SmartLabelsEnabled="True" />

</telerik:ChartDefaultView.ChartArea>

</telerik:ChartDefaultView>

</telerik:RadChart.DefaultView>

</telerik:RadChart>

and same in another chart:

<telerik:RadChart ItemsSource="{Binding DocumentsClassificationScore}"

PaletteBrushes="{x:Static sim:ClassificationStatusColors.ClassificationPalette}">

<telerik:RadChart.DefaultView>

<telerik:ChartDefaultView ChartLegend="{StaticResource ClassificationLegend}">

<telerik:ChartDefaultView.ChartArea>

<telerik:ChartArea LegendName="ClassificationLegend"/>

</telerik:ChartDefaultView.ChartArea>

</telerik:ChartDefaultView>

</telerik:RadChart.DefaultView>

...

I think because of the staticResource only one instance of the legend is created and this instance can only be owned by one chartarea (am i right ?).
But there is no LegendStyle and even i don't know a way to add LegendItem by style so, is there a way to not copy/paste the same lines in all my graph. A way in declarative xaml of course and without code behind...

- Cedric -

Chart

answered on 27 Jul 2011

1 answer

81 views

Formatting UI for allowable place for dropping in Rad Tree List View

Hi there,

Can we change the UI template when dragging item and hovering into possible dropping position on to RadTreeListView?

Currently the UI to show that an item is able to drop is shown as attached: <oops, I just realized that I can't attach>
Here is the direct link to the image

By default, It is a blue line in between two rows. I would like to change the behavior so that it is also able to highlight the Destination Rows. In this case I would like to change the color of Destination Rows.

regards,

Arinto

TreeListView

answered on 27 Jul 2011

1 answer

179 views

[Solved] API Reference missing Telerik.Windows.Controls.DataVisualization

Hi,

Just another issue I've found with the help for WPF controls: The API Reference section is missing Telerik.Windows.Controls.DataVisualization (which contains RadTimeBar). I'm currently using the corresponding section in the Silverlight help in the mean time.

Kind regards,
Dave.

TimeBar