Questions on UI for WPF Forum

8 answers

322 views

Importing HTML has issues with bullet styles

Hello,

I'm importing simple HTML and the bullets are showing up as all disc types. They should be square, disc, then circle. Is this a bug or do I need to do something else to make this display correctly? Loading the html into Chrome or IE will show the correct display.

Thanks,

Scott

HtmlFormatProvider htmlFormatProvider = new HtmlFormatProvider();

string htmlString = "<!DOCTYPE html><html><head></head><body><ul><li type='square'>This is a square</li><li type='disc'>This is a disc</li><li type='circle'>This is a circle</li></ul></body></html>";

radRichTextBox.Document = htmlFormatProvider.Import(htmlString);

RichTextBox

answered on 11 Nov 2020

1 answer

430 views

Telerik equivalent of mahapps MetroWindow.Flyouts

Hello,

I'm trying to replace mahapps with telerik in an existing C# mvvm application. In the shell of this application is a mahapps Flyout control. This control is triggered by the region manager.

This Flyout control flies in from the left (like the navigationview is flying in from the right) showing a detail CustomControl. Basically a window containing details of a selected line in a datagrid.

I'm trying to replace this Flyout control with a Telerik control, but without any luck.

The mahapps XAML code looks like:

<controls:MetroWindow.Flyouts>
        <controls:FlyoutsControl>
            <controls:Flyout Header="{Binding Header}" Position="Right" Width="550" IsOpen="{Binding IsOpen}"
                             IsPinned="{Binding IsPinned}">
                <ContentControl prism:RegionManager.RegionName="{x:Static framework:RegionNames.DetailRegion}" />
            </controls:Flyout>
        </controls:FlyoutsControl>
    </controls:MetroWindow.Flyouts>

Any ideas on how to replace this mahapps Flyout control with a Telerik control? Any suggestions on how to establish the same functionality.

Thanks!

Jochem

General Discussions

answered on 11 Nov 2020

3 answers

310 views

HTML bullets and numbered list issue

Im facing an issue with styling of HTML bullets and numbered list. I want to achieve following output. Bullets and number size gets increase and i don't want that

My Output is :

<ol><li value=\"1\" style=\"margin-top: 0px;margin-right: 0px;margin-bottom: 0px;text-indent: 0px;line-height: 1.15;font-family: 'Verdana';font-size: 16px;color: #000000;\"><span style=\"font-family: 'Segoe UI';font-size: 13.33px;color: #000000;\">Procedure to Clean Oil tank</span></li></ol>

Expected output :

<ol><li value=\"2\"><span style=\"font-family: 'Segoe UI';font-size: 13.33px;color: #000000;\">Procedure to Clean Oil tank</span></li></ol>

Please help

RichTextBox

answered on 11 Nov 2020

2 answers

128 views

Add more than 8 menu items to RadRadialMenu

We have a Menu that uses the RadRadialMenu in a WPF Desktop Application. Currently when we try to add more that 8 menu items, we lose one of the menus. It seems that the menu can only take 8 "pie pieces" per menu level. We were wondering if with a little customization, you could add 9, 10, or more. I believe that this might have been discussed in a previous post somewhere, however just thought I would start a new thread to see if anyone has come across this and has a solution.

General Discussions

answered on 11 Nov 2020

4 answers

144 views

Handlng Children CollectionChanged

Hi Telerik.

I use my own MyGantTaskCollection as a custom collection class for storing MyGanttTask (also custom, based on GanttTask).
MyGanttTask.Children is also a MyGanttTakCollection.

I noticed that the GanttView always uses the base.Children collection for displaying children. That is why I set up a sync between both collections. Basically: this.Children.CollectionChanged += .... // sync added and/or removed with base.Children.
This solves the issue for my children to show up in the GanttChart.

The problem I'm facing now is that when the user drags/drops in the gantt chart from/to a child collection, there is no way for me to monitor this changement and sync the changements made in base.children to this.children as base.children is not observable..

Could you provide a solution for this? Ideally the solution would solve the first issue; the fact that GanttView does not accept a custom childcollection..

GanttView

answered on 11 Nov 2020

2 answers

183 views

RadColorPicker supporting RadColorEditor? Why 2 controls?

I was hoping the RadColorPicker would have built in functionality to support the RadColorEditor which is common in just about all applications from Adobe to MS Paint ... something like the attached image.

Telerik doesn't seem to provide a "one stop shop" for this functionality. My expectation was the RadColorPicker would include the functionaltiy of the RadColorEditor, but it does not.

I can code my own solution using a new RadWindow and adding the RadColorEditor but the reason I bought Telerik is so that I wouldn't have to do this work, part of the rapid application development process.

Am I missing some simple functionality available in the RadColorPicker or is this just how it is?

Cheers, Rob.

ColorPicker

answered on 11 Nov 2020

2 answers

508 views

Binding to Slider SelectionStart and SelectionEnd not working?

I read many threads on this issue and I'm just trying to do simple XAML only binding and not MVVM or code behind, but unfortunately I can't get it to work with RadSlider:

<TextBox Grid.Row="5" Grid.Column="4" Text="{Binding ElementName=slHeightRange,Path=SelectionStart}" HorizontalAlignment="Right" />

<telerik:RadSlider x:Name="slHeightRange" Grid.Row="5" Grid.Column="5" Grid.ColumnSpan="1" Minimum="1" Maximum="50" HandlesVisibility="Visible" TickFrequency="5" TickPlacement="BottomRight" IsSelectionRangeEnabled="True">

<telerik:RadSlider.Thumbs>

<telerik:RangeSliderThumb RangeStart="5" RangeEnd="19"/>

</telerik:RadSlider.Thumbs>

</telerik:RadSlider>

<telerik:Label Grid.Row="5" Grid.Column="6" Content="{Binding ElementName=slHeightRange,Path=SelectionEnd}" HorizontalAlignment="Right" />

Any hints?

Cheers, Rob.

Slider

answered on 11 Nov 2020

4 answers

1.9K+ views

When is RadGridView actually loaded?

Hi, in my WPF application I display a large grid with data using RadGridView.
The grid is relatively large, about 150 columns x 750 rows, so after it is loaded I set a layout (sorting, some row filters and hide some columns).

I use the RadGridView.Loaded-event to trigger the layout adjustments.

The first time I open the grid after starting the application, the layout is not applied when opening the grid - because the grid is empty eventhough the Loaded-event was fired. From the second time opening the grid and onwards, the grid have data and the layout is applied.

The Loaded-event seem not to guarantee that the grid is done loaded. Are there other ways to make sure the RadGridView has loaded all data and is ready for manipulation?

It also takes notably longer time to open it the first time after starting the application, making me to believe that the application loads DLLs etc, could that have any relation?

I've tried the other events available for RadGridView (https://docs.telerik.com/devtools/wpf/controls/radgridview/events/overview#radgridview), but the result is the same.
Im using 2020.1 version.

GridView

answered on 10 Nov 2020

1 answer

126 views

Sample code is wrong.

FYI

https://docs.telerik.com/devtools/wpf/controls/radimageeditor/getting-started

In example 3 your trying to pass a RadImageEditor control into a sub that uses RadImageEditorUI. If you change to the following it works:

Public Shared Sub LoadSampleImage(ByVal imageEditor As RadImageEditor, ByVal image As String)

Using stream As Stream = Application.GetResourceStream(GetResourceUri(SampleImageFolder & image)).Stream

imageEditor.Image = New Telerik.Windows.Media.Imaging.RadBitmap(stream)

imageEditor.ApplyTemplate()

imageEditor.ScaleFactor = 0

End Using

End Sub

ImageEditor

answered on 10 Nov 2020

2 answers

179 views

Why does IsPinned need TwoWay binding?

Hello,

it seems that having a RadPane with a binding for its IsPinned property needs to bound with Mode=TwoWay for it to work. Why is this? The problem comes more apparent when I'm using (in the real application) binding to a ViewModel that gets converted through a (Multi)ValueConverter. If I have to have the binding mode be TwoWay I have to implement the ConvertBack method of IValueConverter and have it return something like null, even though I only want the model converted one way. I absolutely do not want the pinned/unpinned status of the RadPane having any influence on my model.

Also, it seems the ConvertBack is only called once at the start of the program or when the actual pin/unpin icon is pressed. And this is very bad when we have the TextBox binding. If I write a string longer than 5 characters into it, the pane opens. If I then unpin the pane, the TextBox is cleared because the converter returns null!

Below is a repro of the problem, standard WPF .NET 4.7.2 project with only the Telerik nugets added. Clicking the checkbox Pane 1 does nothing. The checkbox Pane 2 pins/unpins Pane 2 because it is bound with Mode=TwoWay. The same can be seen with the textbox. When typing a string more than 5 characters in length, the last pane opens if the binding mode is TwoWay.

My MainWindow.xaml

01.<Window x:Class="TelerikDockingIsPinned.MainWindow"

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

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

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

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

06. xmlns:local="clr-namespace:TelerikDockingIsPinned"

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

08. mc:Ignorable="d"

09. Title="MainWindow" Height="450" Width="800">

10.

11. <Window.Resources>

12. <local:TextLengthConverter x:Key="TextLenConverter" />

13. </Window.Resources>

14.

15. <Grid>

16. <Grid.RowDefinitions>

17. <RowDefinition Height="Auto"/>

18. <RowDefinition Height="*"/>

19. </Grid.RowDefinitions>

20.

21. <StackPanel Orientation="Horizontal">

22. <CheckBox x:Name="Pane1Pinned" Content="Pane 1"/>

23. <CheckBox x:Name="Pane2Pinned" Content="Pane 2"/>

24. <TextBox x:Name="Pane3Pinned" MinWidth="100"/>

25. </StackPanel>

26.

27. <telerik:RadDocking Grid.Row="1">

28. <telerik:RadSplitContainer>

29. <telerik:RadPaneGroup>

30. <telerik:RadPane Header="Pane 1" IsPinned="{Binding ElementName=Pane1Pinned, Path=IsChecked}"/>

31. <telerik:RadPane Header="Pane 2" IsPinned="{Binding ElementName=Pane2Pinned, Path=IsChecked, Mode=TwoWay}"/>

32. <telerik:RadPane Header="Pane 3" IsPinned="{Binding ElementName=Pane3Pinned, Path=Text, Converter={StaticResource TextLenConverter}, Mode=TwoWay}"/>

33. </telerik:RadPaneGroup>

34. </telerik:RadSplitContainer>

35. </telerik:RadDocking>

36. </Grid>

37.</Window>

and the converter:

01.using System;

02.using System.Globalization;

03.using System.Windows.Data;

04.

05.namespace TelerikDockingIsPinned {

06. class TextLengthConverter : IValueConverter {