Questions on UI for WPF Forum

4 answers

1.3K+ views

How to: Find DataTemplate-Generated Elements

Hi there,

I have a DataTemplate that is added as TitleTemplate to a RadDocumentPane - as you see below. So I need to access to RadToggleButton which is inside my DataTemplate in code behind, can you please tell me how can i do that?

<Window.Resources>

<DataTemplate x:Key="SyncTemplate">

<Grid>

<Grid.ColumnDefinitions>

<ColumnDefinition Width="Auto" />

<ColumnDefinition />

</Grid.ColumnDefinitions>

<ContentPresenter Content="{Binding}" Margin="0,5,0,0"/>

<telerik:RadToggleButton x:Name="xScrollSync" Grid.Column="1" HorizontalAlignment="Right" Content="XScroll Sync" Width="75" />

</Grid>

</DataTemplate>

</Window.Resources>

<Grid>

<telerik:RadDocking Margin="0 60 0 30" HorizontalAlignment="Stretch" Height="auto"

HasDocumentHost="False" Width="auto" VerticalAlignment="Stretch">

<telerik:RadSplitContainer telerik:ProportionalStackPanel.RelativeSize="1000, 200">

<telerik:RadSplitContainer x:Name="ganttViewSplit" InitialPosition="DockedLeft"

HorizontalAlignment="Stretch" Height="auto"

VerticalAlignment="Stretch" telerik:ProportionalStackPanel.RelativeSize="800,200">

<telerik:RadPaneGroup>

<telerik:RadDocumentPane x:Name="ganttDoc" TitleTemplate="{StaticResource SyncTemplate}">

<telerik:RadDocumentPane.Content>

<Grid>

</Grid>

</telerik:RadDocumentPane.Content>

</telerik:RadDocumentPane>

</telerik:RadPaneGroup>

</telerik:RadSplitContainer>

</telerik:RadDocking>

</Grid>

Docking

answered on 13 Nov 2019

10 answers

1.0K+ views

Beginner question - How to visually edit tabs?

Ok, stupid beginner question here, but how do I visually edit what goes into each tab for WPF UI Desktop using Visual Studio 2019?

When I drag the Tab Control into the design window, it places it just fine. But, if I try to add anything, the items do not show up per tab. Is there some trick to be able to edit a multi-tab XAML document visually?

TabControl

answered on 13 Nov 2019

3 answers

254 views

Cancel the split button

Hi
how can i make the color picker has only one button, so if the user press everywhere then the drop down open.

i use this event code to do this task but i hope there is a build in functionality to do that

private void RadColorPicker_MouseUp(object sender, MouseButtonEventArgs e)
{
if (e.OriginalSource is RadButton && sender is RadColorPicker)
(sender as RadColorPicker).IsDropDownOpen = true;
}

Thanks,
Akram

ColorPicker

answered on 13 Nov 2019

1 answer

54 views

Gridview question

I had a question on using Teleriks GridView component.

1. If I bind my GridView to a database table, how can I make certain columns editable when the user clicks into that specific column?

2. Also, the editing needs to support different box types, i.e, one of the columns should become an editable drop down combo box when the user clicks into it as opposed to display a drop drop down box for every row of that column if you see what I mean

Any examples would be much appreciated.

Thanks in advance!

GridView

answered on 13 Nov 2019

2 answers

265 views

Ticks offset to selected Value (ranged)

Hello,

I want to provide a Radslider with ranged selection, but I have an issue with the ticks.

As you can see on the screenshots I provided (Min and Max show the selected value in them), the offset of the ticks to the actual selection can be quite heavy on the first thumb.

I assume this is because you want to enable people to selecte a range from one value to the exact same value with both thumbs. However, in this case I do not need that and rather have the thumbs not be able to select the same value - and thus be able to have exact tick captions. Because as it is right now, users will not like it. It is counter-intuitive.

Is there any way right now to solve this issue?

Xaml-Code:

<StackPanel Grid.Row="1" Orientation="Vertical" Margin="8">

<telerik:Label x:Name="sliderlabel" HorizontalAlignment="Center" HorizontalContentAlignment="Center" FontWeight="Bold" Margin="0"/>

<telerik:RadSlider x:Name="slider" Orientation="Horizontal" HorizontalAlignment="Stretch" HorizontalContentAlignment="Stretch" Margin="0"

IsDeferredDraggingEnabled="True" HandlesVisibility="Visible" IsSnapToTickEnabled="False" IsMoveToPointEnabled="False" MiddleThumbClickMode="DecreaseNearestThumb" IsSelectionRangeEnabled="True" AutoToolTipPlacement="BottomRight" TickPlacement="TopLeft"

SelectionStartChanged="Slider_SelectionStartChanged" SelectionEndChanged="Slider_SelectionEndChanged" DragCompleted="Slider_DragCompleted">

<telerik:RadSlider.AutoToolTipContentTemplate>

<DataTemplate>

<TextBlock Text="{Binding .,StringFormat=N0}"/>

</DataTemplate>

</telerik:RadSlider.AutoToolTipContentTemplate>

<telerik:RadSlider.TickTemplate>

<DataTemplate>

<Grid HorizontalAlignment="Left">

<TextBlock HorizontalAlignment="Left" TextAlignment="Left" Text="{Binding}" FontSize="10"/>

</Grid>

</DataTemplate>

</telerik:RadSlider.TickTemplate>

</telerik:RadSlider>

</StackPanel>

Slider

answered on 13 Nov 2019

2 answers

269 views

Column group aggregates don't show for custom group descriptor

Hi,

I've been using custom Group Descriptors on my RadGridView so I can specify the order the groups are sorted into however on these custom groups, (an example of how I create the descriptor is below), the column aggregates do not show. But if I do not override the group descriptor the column aggregates show on the row groups correctly. Is it possible for me to show these aggregate values on my custom groups?

Thanks for your help!!

01.private GroupDescriptor<PnlPosition, string, DateTime> GetInstrumentIdGroupDescriptor(ListSortDirection dir)

02. {

03. var descriptor = new GroupDescriptor<PnlPosition, string, DateTime>

04. {

05. GroupingExpression = o => o.InstrumentId.ToString(),

06. GroupSortingExpression = group => group.ElementAt(0).Expiry.Value,

07. SortDirection = dir,

08. DisplayContent = "InstrumentId",

09. };

10. return descriptor;

11. }

12.

13. private void PositionResultsGridView_Grouping(object sender, Telerik.Windows.Controls.GridViewGroupingEventArgs e)

14. {

15. if (e.Action == GroupingEventAction.Place)

16. {

17. var columnGroup = e.GroupDescriptor as ColumnGroupDescriptor;

18. if (columnGroup != null && columnGroup.Column.UniqueName == "InstrumentId")

19. {

20. // cancel the default grouping

21. e.Cancel = true;

22. var descriptor = GetInstrumentIdGroupDescriptor(e.GroupDescriptor.SortDirection ?? ListSortDirection.Descending);

23.

24. //descriptor.AggregateFunctions = columnGroup.A

25. // add the new descriptor

26. ((RadGridView)sender).GroupDescriptors.Add(descriptor);

27. }

28. else if (columnGroup != null && columnGroup.Column.UniqueName == "Underlying")

29. {

30. // cancel the default grouping

31. e.Cancel = true;

32. // add the new descriptor

33. var descriptor = GetUnderlyingGroupDescriptor(e.GroupDescriptor.SortDirection ?? ListSortDirection.Descending);

34. ((RadGridView)sender).GroupDescriptors.Add(descriptor);

35. }

36. }

37. }

GridView

answered on 13 Nov 2019

2 answers

358 views

LoadLayout error: System.ArgumentOutOfRangeException: 'Specified argument was out of the range of valid values. Parameter name: elementTypeName

I have an issue when loading the layout on Raddock. I'm trying to cancel a view loading if the users access has been revoked. However when I do LayoutSerializationCustomLoadingEventArgs.Cancel = true and return from OnCustomElementLoading I get the following error.

System.ArgumentOutOfRangeException
HResult=0x80131502
Message=Specified argument was out of the range of valid values.
Parameter name: elementTypeName
Source=Telerik.Windows.Controls.Docking
StackTrace:
at Telerik.Windows.Controls.Docking.DefaultDockingLayoutFactory.NotifyCustomElementLoading(String elementTypeName, String serializationTag, Dictionary`2 attributes)
at Telerik.Windows.Controls.Docking.DefaultDockingLayoutFactory.ReadPaneXml(XmlReader reader)
at Telerik.Windows.Controls.Docking.DefaultDockingLayoutFactory.LoadPaneGroup(LoadingParentElementArgs args)
at Telerik.Windows.Controls.Docking.DefaultDockingLayoutFactory.LoadSplitContainer(LoadingParentElementArgs args)
at Telerik.Windows.Controls.Docking.DefaultDockingLayoutFactory.LoadDocking(LoadingParentElementArgs args)
at Telerik.Windows.Controls.Docking.DefaultDockingLayoutFactory.LoadLayout(XmlReader reader)
at Telerik.Windows.Controls.RadDocking.LoadLayout(Stream source, Boolean raiseEventsIfNoSerializationTag)
at MyApp.LoadLayout(LoadLayoutEventParameters loadLayoutEventParameters) in..

Here is the code:

public void LoadLayout(LoadLayoutEventParameters loadLayoutEventParameters)

{

using (FileStream layoutFile = new FileStream(Path.Combine(this.configPath, this.layoutFilename), FileMode.Open))

{

radDocking.LoadLayout(layoutFile);

}

My views inherit RadPane so I use CustomElementLoading.

this.radDocking.CustomElementLoading += this.MyApp.OnCustomElementLoading;

public void OnCustomElementLoading(object sender, Telerik.Windows.Controls.LayoutSerializationCustomLoadingEventArgs e)

{

if (!userCanAccess)

{

e.Cancel = true;

return;

}

e.SetAffectedElement(MyAppView);

}

Here is my xaml

<telerik:RadDocking Grid.Row="2" x:Name="radDocking"

BorderThickness="0"

HasDocumentHost="False">

<telerik:RadDocking.DockingPanesFactory>

<docking:ShellDockingPanesFactory />

</telerik:RadDocking.DockingPanesFactory>

<telerik:RadDocking.GeneratedItemsFactory>

<docking:CustomDefaultGeneratedItemsFactory />

</telerik:RadDocking.GeneratedItemsFactory>

<telerik:RadSplitContainer Orientation="Vertical" InitialPosition="DockedLeft">

<telerik:RadPaneGroup HorizontalAlignment="Left" x:Name="leftGroup" telerik:RadDocking.SerializationTag="leftGroup" />

</telerik:RadSplitContainer>

<telerik:RadSplitContainer InitialPosition="DockedRight" >

<telerik:RadPaneGroup HorizontalAlignment="Right" x:Name="rightGroup" telerik:RadDocking.SerializationTag="rightGroup"/>

</telerik:RadSplitContainer>

<telerik:RadSplitContainer InitialPosition="DockedBottom" >

<telerik:RadPaneGroup x:Name="bottomGroup" telerik:RadDocking.SerializationTag="bottomGroup"/>

</telerik:RadSplitContainer>

<telerik:RadSplitContainer InitialPosition="DockedTop" >

<telerik:RadPaneGroup x:Name="topGroup" telerik:RadDocking.SerializationTag="topGroup"/>

</telerik:RadSplitContainer>

<telerik:RadSplitContainer InitialPosition="FloatingOnly" >

<telerik:RadPaneGroup x:Name="floatingOnlyGroup" telerik:RadDocking.SerializationTag="floatingOnlyGroup"/>

</telerik:RadSplitContainer>

<telerik:RadSplitContainer InitialPosition="FloatingDockable" >

<telerik:RadPaneGroup x:Name="floatingDockableGroup" telerik:RadDocking.SerializationTag="floatingDockableGroup"/>

</telerik:RadSplitContainer>

</telerik:RadDocking>

How can I control which views are loaded from the saved layout at runtime? I think it would get a bit messy if I start parsing the saved layout file and removing views. I usually save the layout when the app closes, this will remove the views the user can no longer access because I'm hoping they won't open in the first place if the access is revoked.

Docking

answered on 12 Nov 2019

5 answers

124 views

CloudDownload ?

Hi,

CloudUpload is a relay good idea, but how about CloudDownload?

And I relay like to see support for "One Drive" or "Dropbox", this a an alernitive for the users that Azure is to expensive.

Thanks!

CloudUpload

answered on 12 Nov 2019

5 answers

118 views

Application crashes when SearchMode is set to MatchAllTerms

Hi,

I recently set the SearchMode to MatchAllTerms in my default style for the RadGridView. Ever since, my application crashes when I try to do a lookup in a RadMultiColumnComboBox. After removing the line from the default style, everything works fine again. Could this be a bug ?

Regards
Hans

MultiColumnComboBox

answered on 12 Nov 2019

2 answers

247 views

Charting not working with .NET Core controls?

I've followed the 'getting started' documention for the chartview.

I've created a new WPF .NET Core project. I've then added the following references:

- Telerik.Windows.Controls

- Telerik.Windows.Controls.Chart

- Telerik.Windows.Data

Then I've added the following xaml to the main window xaml file:

<telerik:RadCartesianChart>
<telerik:RadCartesianChart.HorizontalAxis>
<telerik:CategoricalAxis />
</telerik:RadCartesianChart.HorizontalAxis>
<telerik:RadCartesianChart.VerticalAxis>
<telerik:LinearAxis/>
</telerik:RadCartesianChart.VerticalAxis>
</telerik:RadCartesianChart>

Nothing shows at all - I've was expecting something/anything before going on to binding a source of data.

What am i missing?

I'm using VS 2019 and the latest public version of the .NET Core wpf components.

Thank you

ChartView