Questions on UI for WPF Forum

2 answers

217 views

[Solved] What assembly/namespace do I need to use this?

I am using the very latest UI for WPF release (R3 for 2018). The release notes said that RadMultiColumnComboBox was available for use, albeit in beta. I wanted to try it but I cannot figure out where it is.

I tried replacing my XAML "<telerik:RadComboBox> tag with "<telerik:RadMultiColumnComboBox>" but Intellisense didn't know about it.

My current assembly references the following:

Telerik.Windows.Controls

Telerik.Windows.Controls.FileDialogs

Telerik.Windows.Controls.Input

Telerik.Windows.Controls.Navigation

What assembly am I missing? I've tried searching the docs but I can't see anywhere they're telling me what assembly to reference

MultiColumnComboBox

answered on 05 Oct 2018

2 answers

225 views

[Solved] Inconsistent radpane flyout and focus behaviour

Hello,

I have put together a small sample application which is a cut down version of my main application, both the sample application and main app are suffering from similar inconsistent flyout pane behaviour.

If I click on the collapsed "Search" pane and then one of the grid's hyperlinks. It collapses immediately - this is a show stopper in my main application for when the search pane is collapsed.

If I mouse hover on the search and don't click - I can click then click on the grid hyperlinks correctly - this is the same behaviour I want when the user clicks the search button.

These are the main issues I'm facing - I can live with the behaviour presented by the toolbar and the datagrid context menu but ideally I want the pane to stay expanded while I interact with the context menu's

Any advice would be appreciated.

MainWindow.xaml:

<Window x:Class="DockHidingIssue.MainWindow"

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

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

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

        xmlns:telerik="http://schemas.telerik.com/2008/xaml/presentation"

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

        xmlns:dockHidingIssue="clr-namespace:DockHidingIssue"

        WindowStartupLocation="CenterScreen"

        mc:Ignorable="d"

        Title="MainWindow" Height="768" Width="1024" d:DataContext="{d:DesignInstance dockHidingIssue:MainWindow}">

    <Window.Resources>



        <MenuItem x:Key="one" Header="First" Click="One_OnClick" />

        <MenuItem x:Key="two" Header="Second" Click="Two_OnClick" />

        <MenuItem x:Key="three" Header="Third" Click="Three_OnClick" />



        <ContextMenu x:Key="GridContextMenu">

            <MenuItem>Click me</MenuItem>

        </ContextMenu>

    </Window.Resources>

    <Grid>

        <telerik:RadDocking Background="White" x:Name="MainDock"

                            telerik:RadDocking.SerializationTag="ParentDockContainer">

            <telerik:RadDocking.DocumentHost>



                <telerik:RadSplitContainer telerik:RadDocking.SerializationTag="HomePageContainer">

                    <telerik:RadPaneGroup BorderBrush="{x:Null}" BorderThickness="0"

                                          telerik:RadDocking.SerializationTag="HomePageGroup">

                        <telerik:RadDocumentPane CanFloat="False" Visibility="Collapsed" CanUserClose="False"

                                                 telerik:RadDocking.SerializationTag="MainPane">

                            <WebBrowser x:Name="Browser" />

                        </telerik:RadDocumentPane>

                    </telerik:RadPaneGroup>

                </telerik:RadSplitContainer>

            </telerik:RadDocking.DocumentHost>



            <telerik:RadSplitContainer InitialPosition="DockedBottom"

                                       telerik:RadDocking.SerializationTag="SearchContainer">

                <telerik:RadPaneGroup telerik:RadDocking.SerializationTag="SearchGroup">

                    <telerik:RadPane Header="Search" x:Name="SearchRadPane"

                                     telerik:RadDocking.SerializationTag="SearchPane"

                                     CanUserPin="True" IsPinned="False" MouseEnter="SearchRadPane_OnMouseEnter">





                        <TabControl TabStripPlacement="Bottom">

                            <TabItem Header="Search">

                                <StackPanel>

                                    <ToolBar x:Name="tbSelectorControl" ToolBarTray.IsLocked="True"

                                             KeyboardNavigation.TabNavigation="Continue"

                                             VerticalAlignment="Center" VerticalContentAlignment="Center">

                                        <Menu TabIndex="0" SnapsToDevicePixels="True" Background="Transparent">

                                            <Menu.Resources>

                                                <Style TargetType="MenuItem"

                                                       BasedOn="{StaticResource {x:Type MenuItem}}">

                                                    <Setter Property="Command"

                                                            Value="{Binding Path=Command, FallbackValue={x:Null}}" />

                                                </Style>

                                            </Menu.Resources>

                                            <MenuItem x:Name="mnuSelected" SubmenuOpened="MnuSelected_OnSubmenuOpened">

                                                <MenuItem.Header>

                                                    <StackPanel Orientation="Horizontal" Height="30">

                                                        <Label x:Name="txtSelectedFinder" Content="Selected Finder"

                                                               Height="30" />

                                                        <Image Height="8" Width="8"

                                                               Margin="8,0,0,0" />

                                                    </StackPanel>

                                                </MenuItem.Header>



                                                <MenuItem Header="Test" />

                                            </MenuItem>

                                        </Menu>

                                        <Separator />

                                    </ToolBar>

                                    <DataGrid ItemsSource="{Binding Data}" AutoGenerateColumns="False"

                                              ContextMenu="{StaticResource GridContextMenu}"

                                              ContextMenuOpening="FrameworkElement_OnContextMenuOpening">

                                        <DataGrid.Columns>

                                            <DataGridTextColumn Header="Name" />



                                            <DataGridHyperlinkColumn Header="Link" Binding="{Binding}" >



                                                <DataGridHyperlinkColumn.ElementStyle>

                                                    <Style>

                                                        <EventSetter Event="Hyperlink.Click" Handler="Hyperlink_Click" />

                                                    </Style>

                                                </DataGridHyperlinkColumn.ElementStyle>

                                            </DataGridHyperlinkColumn>

                                        </DataGrid.Columns>



                                    </DataGrid>

                                </StackPanel>

                            </TabItem>

                            <TabItem Header="Tasks">

                                <Grid x:Name="MyTasks" />

                            </TabItem>

                        </TabControl>

                    </telerik:RadPane>

                </telerik:RadPaneGroup>

            </telerik:RadSplitContainer>

        </telerik:RadDocking>

    </Grid>

</Window>

Code behind:

using System.Collections.Generic;

using System.ComponentModel;

using System.Runtime.CompilerServices;

using System.Windows;

using System.Windows.Controls;

using System.Windows.Documents;

using System.Windows.Input;

namespace DockHidingIssue

{

/// <summary>

/// Interaction logic for MainWindow.xaml

/// </summary>

public partial class MainWindow : Window, INotifyPropertyChanged

{

private IEnumerable<string> _data;

public MainWindow()

{

InitializeComponent();

DataContext = this;

Data = new List<string>

{

@"http://www.google.com",

@"http://www.telerik.com"

};

}

public IEnumerable<string> Data

{

get { return _data; }

set

{

_data = value;

OnPropertyChanged();

}

public event PropertyChangedEventHandler PropertyChanged;

private void FrameworkElement_OnContextMenuOpening(object sender, ContextMenuEventArgs e)

{

(sender as FrameworkElement).Focus();

}

private void One_OnClick(object sender, RoutedEventArgs e)

{

Data = new List<string>

{

@"http://www.reddit.com",

@"http://www.yahoo.com"

};

}

private void Two_OnClick(object sender, RoutedEventArgs e)

{

Data = new List<string>

{

@"http://www.cnn.com",

@"http://www.facebook.com"

};

}

private void Three_OnClick(object sender, RoutedEventArgs e)

{

Data = new List<string>

{

@"http://www.rt.com",

@"http://www.bbc.com"

};

}

protected virtual void OnPropertyChanged([CallerMemberName] string propertyName = null)

{

PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));

}

private void MnuSelected_OnSubmenuOpened(object sender, RoutedEventArgs e)

{

mnuSelected.Items.Clear();

mnuSelected.Items.Add(Resources["one"] as MenuItem);

mnuSelected.Items.Add(Resources["two"] as MenuItem);

mnuSelected.Items.Add(Resources["three"] as MenuItem);

}

private void SearchRadPane_OnMouseEnter(object sender, MouseEventArgs e)

{

SearchRadPane.Focus();

}

private void Hyperlink_Click(object sender, RoutedEventArgs e)

{

var link = e.OriginalSource as Hyperlink;

if (link != null)

Browser.Navigate(link.NavigateUri.OriginalString);

}

Thanks,

Alex

Docking

answered on 05 Oct 2018

0 answers

275 views

RadGridView - Column DataTrigger change the Content Size - Why?

<telerik:RadGridView    Grid.Row="1"
                                        AutoGenerateColumns="False"
                                            IsFilteringAllowed="False" CanUserResizeColumns="False" ShowGroupPanel="False"
                                                RowIndicatorVisibility="Collapsed"
                                                    SelectionMode="Single" SelectionUnit="FullRow"
                                                        telerik:StyleManager.Theme="Windows8Touch"
                                                            ItemsSource="{Binding Rückstellproben_RadGridView}"
                                                                SelectedItem="{Binding Rückstellproben_RadGridView_SelectedItem, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}">

    <telerik:GridViewDataColumn
                                                    Header="Freigabe"
                                                        HeaderTextAlignment="Center"
                                                            MinWidth="120">

                        <telerik:GridViewDataColumn.CellTemplate>

                            <DataTemplate>

                                <telerik:RadButton  Content="Bestätigen"
                                                        IsEnabled="False"
                                                            Margin="3, 0, 3, 0"/>

                            </DataTemplate>

                        </telerik:GridViewDataColumn.CellTemplate>

                        <telerik:GridViewDataColumn.CellEditTemplate>

                                <telerik:RadButton  Content="Bestätigen"
                                                        x:Name="rb_Stellplatzfreigabe_der_dritten_Rückstellprobe"
                                                            Margin="3, 0, 3, 0">

                                    <telerik:RadButton.Style>

                                        <Style TargetType="telerik:RadButton">

                                        <Style.Triggers>

                                            <DataTrigger Binding="{Binding Rückstellproben_RadGridView_Kryobox_Position_dritte_Probe_ID}" Value="{x:Null}">

                                                <Setter Property="IsEnabled" Value="True"/>

                                            </DataTrigger>

                                        </Style.Triggers>

</Style>

</telerik:RadButton.Style/>

</telerik:RadButton>

</DataTemplate>

</telerik:GridViewDataColumn.CellEditTemplate>

</telerik:GridViewDataColumn/>

</telerik:RadGridView>

(Left Picture - CellTemplate / Right Picture - CellEditTemplate with DataTrigger / Bottom - if i try to change the Height)

Greets

GridView

asked on 05 Oct 2018

2 answers

409 views

RadMenuItem IsEnabled not refreshing consistently

My undo menu item is defined like this:

<telerik:RadMenuItem

Header="Undo"

InputGestureText="Ctrl-Z"

Command="{Binding UndoCommand}"

IsEnabled="{Binding SelectedProjectCanUndo}"/>

SelectedProjectCanUndo is a bool property on the DataContext for the main window containing the menu. I call PropertyChanged on the correct property name, and I can see that SelectedProjectCanUndo is called immediately after, on behalf of the binding. And yet the menu item does not refresh consistently. Sometimes it does, and sometimes it doesn't. I created a small similar "sandbox" application, but everything works fine there. Any ideas?

Menu

answered on 04 Oct 2018

1 answer

81 views

Wpf tests interaction with Web type tests

Hello everyone
Last two days I have been recording tests on Web types and Wpf types separately
Seems like 'random name generator' is working fine in Web Type test. But is it possible to use random ‘DataBindVariableName’ from Web types test to Wpf Type test?
Thanks.

General Discussions

answered on 04 Oct 2018

3 answers

110 views

Radar Series change Style

I want to change the look of Radar Series. The default Style is not the best when there are more then 5 Series.

I want my Radar Chart to look more like the one attached in the image below. I tried to Change the PointTemplate but then I am left only with the points.

Can someone point me to the right direction ?

private

RadarAreaSeries CreateRadarSeries(KeyValuePair<ChartSerie, List<ChartDataPoint>> chartSeries, ChartLegendSettings legendSettings,

int colorPaletteIndex)

{

var radarSeries = new RadarAreaSeries

{

LegendSettings = (SeriesLegendSettings)legendSettings,

PointTemplate = new DataTemplate()

{

VisualTree = AddPointsToSeries(chartSeries, colorPaletteIndex),

},

TooltipTemplate = new DataTemplate()

{

VisualTree = CustomTooltip(chartSeries, colorPaletteIndex),

},

Opacity = 0.7,

LabelDefinitions =

{

// set the clarion format for the labels

new ChartSeriesLabelDefinition()

{

Template = new DataTemplate()

{

VisualTree = GetSeriesFormat(chartSeries),

}

},

};

foreach (ChartDataPoint serie in chartSeries.Value)

{

radarSeries.DataPoints.Add(new CategoricalDataPoint()

{

Category = serie.XPoint.Label,

Value = (double?)serie.Value,

});

}

return radarSeries;

}

ChartView

answered on 04 Oct 2018

2 answers

201 views

RadGridView cells are read twice by a screen reader

Hello,

I've got a RadGridView with data successfully bound to it. I need to be able to click on an individual cell and have it read by a screen reader (Job Access With Speech JAWS). When I test the screen reader it successfully reads the cell, but reads it twice. Does anyone have any idea what could be causing this. Thus far this is a problem unique to my RadGridView section and nothing else.

Thanks

GridView

answered on 04 Oct 2018

1 answer

81 views

StyleSelector with RadDiagramContainerShape

Is it possible to use StyleSelector with RadDiagramContainerShape? When I try to add container shape I get an exception that the TargetType does not match RadDiagramShape. How can I go around this?

Diagram

answered on 04 Oct 2018

2 answers

170 views

Empty ItemsSource based on ICustomTypeDescriptor when loaded

There seems to be a problem with the column creation, when the ItemsSource is empty when the GridView is loaded.

My scenario is simlar to the xaml-sdk-master\GridView\BindingToICustomTypeDescriptor sample. But it can happen, that the ItemsSource contains no items, when the grid is loaded. When the items arrive later, the columns are not build up correctly.

- When AutoGenerateColumns is used, no columns will appear.

- When I create the columns in code (AutoGenerateColumns is set to false and GridViewDataColumns are created and added before the grid is loaded) the columns are shown and the data is displayed, but I am not able to sort or filter the data.

Only when at least one item exits in the ItemsSource when the Grid becomes visible, the grid works as expected. Is there something I have to do, when the first item is available?

GridView

answered on 04 Oct 2018

2 answers

115 views

Binding to Dynamic Data with GridViewDataColumn customizatoin

Following your documentation Binding to Dynamic Data there is a code which shows how to bind dynamic object properties like "ID" and "Name" to column:

dynamic item = new MyDataRow();

item["ID"] = i;

item["Name"] = "Name " + i.ToString();

items.Add(item);

GridView

answered on 03 Oct 2018