Skip to content

Commit c954252

Browse files
authored
Add several new features (OpenSilver#5)
* Add RadAutoCompleteBox demo * Add RadCartesianCharts demo * Add RadScheduleView demo * Categorize the controls
1 parent 3500e21 commit c954252

File tree

48 files changed

+1626
-196
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

48 files changed

+1626
-196
lines changed

OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/MainPage.xaml

Lines changed: 13 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -32,8 +32,14 @@
3232
Telerik UI compiled<LineBreak/>with OpenSilver<LineBreak/>[ALPHA]
3333
</TextBlock>
3434
</StackPanel>
35-
<Button Content="All Controls" Click="ButtonControls_Click" Style="{StaticResource FlatButtonStyle}" Background="{x:Null}" Foreground="#FFDDDDDD" HorizontalContentAlignment="Left" FontSize="16" Margin="0,10,0,0" Padding="20,3,3,3"/>
36-
<Button Content="Home" Click="ButtonHome_Click" Style="{StaticResource FlatButtonStyle}" Background="{x:Null}" Foreground="#FFDDDDDD" HorizontalContentAlignment="Left" FontSize="16" Margin="0,3,0,0" Padding="20,3,3,3"/>
35+
<!--<Button Content="All Controls" Click="ButtonControls_Click" Style="{StaticResource FlatButtonStyle}" Background="{x:Null}" Foreground="#FFDDDDDD" HorizontalContentAlignment="Left" FontSize="16" Margin="0,10,0,0" Padding="20,3,3,3"/>-->
36+
<Button Content="Charts" Click="ButtonCharts_Click" Style="{StaticResource FlatButtonStyle}" Background="{x:Null}" Foreground="#FFDDDDDD" HorizontalContentAlignment="Left" FontSize="16" Margin="0,10,0,0" Padding="20,3,3,3"/>
37+
<Button Content="Editors" Click="ButtonEditors_Click" Style="{StaticResource FlatButtonStyle}" Background="{x:Null}" Foreground="#FFDDDDDD" HorizontalContentAlignment="Left" FontSize="16" Margin="0,10,0,0" Padding="20,3,3,3"/>
38+
<Button Content="Navigations" Click="ButtonNavigations_Click" Style="{StaticResource FlatButtonStyle}" Background="{x:Null}" Foreground="#FFDDDDDD" HorizontalContentAlignment="Left" FontSize="16" Margin="0,10,0,0" Padding="20,3,3,3"/>
39+
<Button Content="Scheduling" Click="ButtonScheduling_Click" Style="{StaticResource FlatButtonStyle}" Background="{x:Null}" Foreground="#FFDDDDDD" HorizontalContentAlignment="Left" FontSize="16" Margin="0,10,0,0" Padding="20,3,3,3"/>
40+
<Button Content="DataManagement" Click="ButtonDataManagement_Click" Style="{StaticResource FlatButtonStyle}" Background="{x:Null}" Foreground="#FFDDDDDD" HorizontalContentAlignment="Left" FontSize="16" Margin="0,10,0,0" Padding="20,3,3,3"/>
41+
<Button Content="Layouts" Click="ButtonLayouts_Click" Style="{StaticResource FlatButtonStyle}" Background="{x:Null}" Foreground="#FFDDDDDD" HorizontalContentAlignment="Left" FontSize="16" Margin="0,10,0,0" Padding="20,3,3,3"/>
42+
<Button Content="Home" Click="ButtonHome_Click" Style="{StaticResource FlatButtonStyle}" Background="{x:Null}" Foreground="#FFDDDDDD" HorizontalContentAlignment="Left" FontSize="16" Margin="0,10,0,0" Padding="20,3,3,3"/>
3743
</StackPanel>
3844
</ScrollViewer>
3945
</Border>
@@ -50,12 +56,14 @@
5056
<Frame.UriMapper>
5157
<UriMapper>
5258
<UriMapping
53-
Uri="/Welcome"
54-
MappedUri="/Samples/Welcome.xaml"/>
59+
Uri="/Controls"
60+
MappedUri="/Samples/Controls/Controls.xaml"/>
5561
<UriMapping
5662
Uri="/{page_name}"
57-
MappedUri="/Samples/{page_name}/{page_name}.xaml"/>
63+
MappedUri="/Samples/{page_name}.xaml"/>
64+
5865
</UriMapper>
66+
5967
</Frame.UriMapper>
6068
<Frame.RenderTransform>
6169
<TranslateTransform/>

OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/MainPage.xaml.cs

Lines changed: 35 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -40,6 +40,35 @@ void ButtonControls_Click(object sender, RoutedEventArgs e)
4040
NavigateToPage("/Controls");
4141
}
4242

43+
void ButtonCharts_Click(object sender, RoutedEventArgs e)
44+
{
45+
NavigateToPage("/Charts");
46+
}
47+
48+
private void ButtonEditors_Click(object sender, RoutedEventArgs e)
49+
{
50+
NavigateToPage("/Editors");
51+
}
52+
53+
private void ButtonLayouts_Click(object sender, RoutedEventArgs e)
54+
{
55+
NavigateToPage("/Layouts");
56+
}
57+
58+
private void ButtonNavigations_Click(object sender, RoutedEventArgs e)
59+
{
60+
NavigateToPage("/Navigations");
61+
}
62+
63+
private void ButtonScheduling_Click(object sender, RoutedEventArgs e)
64+
{
65+
NavigateToPage("/Scheduling");
66+
}
67+
68+
private void ButtonDataManagement_Click(object sender, RoutedEventArgs e)
69+
{
70+
NavigateToPage("/DataManagement");
71+
}
4372
void ButtonHome_Click(object sender, RoutedEventArgs e)
4473
{
4574
NavigateToPage("/Welcome");
@@ -197,6 +226,12 @@ void ButtonToHideOrShowMenu_Click(object sender, RoutedEventArgs e)
197226
}
198227
}
199228

229+
230+
200231
#endregion
232+
233+
234+
235+
201236
}
202237
}

OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI.csproj

Lines changed: 83 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -27,9 +27,24 @@
2727
<None Remove="MyTemplate_rename_me_after_export.vstemplate" />
2828
<None Remove="Other\embed.js" />
2929
<None Remove="Other\Styles.xaml" />
30+
<None Remove="Samples\Controls\Charts.xaml" />
31+
<None Remove="Samples\Controls\RadAutoCompleteBox\RadAutoCompleteBox_Demo.xaml" />
3032
<None Remove="Samples\Controls\RadCalendar\RadCalendar_Demo.xaml" />
31-
<None Remove="Samples\Controls\RadCartesianChart\RadCartesianChart_Demo.xaml" />
33+
<None Remove="Samples\Controls\RadCartesianChart\RadCartesianChart_AreaSeries_Demo.xaml" />
34+
<None Remove="Samples\Controls\RadCartesianChart\RadCartesianChart_BarSeries_Demo.xaml" />
35+
<None Remove="Samples\Controls\RadCartesianChart\RadCartesianChart_BubbleSeries_Demo.xaml" />
36+
<None Remove="Samples\Controls\RadCartesianChart\RadCartesianChart_CandlestickSeries_Demo.xaml" />
3237
<None Remove="Samples\Controls\Controls.xaml" />
38+
<None Remove="Samples\Controls\RadCartesianChart\RadCartesianChart_LineSeries_Demo.xaml" />
39+
<None Remove="Samples\Controls\RadCartesianChart\RadCartesianChart_OhlcSeries_Demo.xaml" />
40+
<None Remove="Samples\Controls\RadCartesianChart\RadCartesianChart_RangeSeries_Demo.xaml" />
41+
<None Remove="Samples\Controls\RadCartesianChart\RadCartesianChart_RangeSplineSeries_Demo.xaml" />
42+
<None Remove="Samples\Controls\RadCartesianChart\RadCartesianChart_ScatterPointSeries_Demo.xaml" />
43+
<None Remove="Samples\Controls\RadCartesianChart\RadCartesianChart_SplineAreaSeries_Demo.xaml" />
44+
<None Remove="Samples\Controls\RadCartesianChart\RadCartesianChart_SplineSeries_Demo.xaml" />
45+
<None Remove="Samples\Controls\RadCartesianChart\RadCartesianChart_StepAreaSeries_Demo.xaml" />
46+
<None Remove="Samples\Controls\RadCartesianChart\RadCartesianChart_StepLineSeries_Demo.xaml" />
47+
<None Remove="Samples\Controls\RadCartesianChart\RadPolarChart_PolarAreaSeries_Demo.xaml" />
3348
<None Remove="Samples\Controls\RadGallery\RadGallery_Demo.xaml" />
3449
<None Remove="Samples\Controls\RadListBox\RadListBox_Demo.xaml" />
3550
<None Remove="Samples\Controls\RadMap\RadMap_Demo.xaml" />
@@ -70,6 +85,11 @@
7085
<None Remove="Samples\Controls\RadRadioButton\RadRadioButton_Demo.xaml" />
7186
<None Remove="Samples\Controls\RadToggleButton\RadToggleButton_Demo.xaml" />
7287
<None Remove="Samples\Controls\RadWindow\RadWindow_demo.xaml" />
88+
<None Remove="Samples\DataManagement.xaml" />
89+
<None Remove="Samples\Editors.xaml" />
90+
<None Remove="Samples\Layouts.xaml" />
91+
<None Remove="Samples\Navigations.xaml" />
92+
<None Remove="Samples\Scheduling.xaml" />
7393
<None Remove="Samples\Welcome.xaml" />
7494
</ItemGroup>
7595

@@ -82,10 +102,56 @@
82102
<Content Include="Other\Styles.xaml">
83103
<Generator>MSBuild:Compile</Generator>
84104
</Content>
105+
<Content Include="Samples\Charts.xaml">
106+
<Generator>MSBuild:Compile</Generator>
107+
</Content>
108+
<Content Include="Samples\Controls\RadAutoCompleteBox\RadAutoCompleteBox_Demo.xaml">
109+
<Generator>MSBuild:Compile</Generator>
110+
</Content>
85111
<Content Include="Samples\Controls\RadCalendar\RadCalendar_Demo.xaml">
86112
<Generator>MSBuild:Compile</Generator>
87113
</Content>
88-
<Content Include="Samples\Controls\RadCartesianChart\RadCartesianChart_Demo.xaml">
114+
<Content Include="Samples\Controls\RadCartesianChart\RadCartesianChart_SplineAreaSeries_Demo.xaml">
115+
<SubType>Designer</SubType>
116+
<Generator>MSBuild:Compile</Generator>
117+
</Content>
118+
<Content Include="Samples\Controls\RadCartesianChart\RadCartesianChart_RangeSplineSeries_Demo.xaml">
119+
<SubType>Designer</SubType>
120+
<Generator>MSBuild:Compile</Generator>
121+
</Content>
122+
<Content Include="Samples\Controls\RadCartesianChart\RadCartesianChart_StepAreaSeries_Demo.xaml">
123+
<SubType>Designer</SubType>
124+
<Generator>MSBuild:Compile</Generator>
125+
</Content>
126+
<Content Include="Samples\Controls\RadCartesianChart\RadCartesianChart_RangeSeries_Demo.xaml">
127+
<SubType>Designer</SubType>
128+
<Generator>MSBuild:Compile</Generator>
129+
</Content>
130+
<Content Include="Samples\Controls\RadCartesianChart\RadCartesianChart_AreaSeries_Demo.xaml">
131+
<Generator>MSBuild:Compile</Generator>
132+
</Content>
133+
<Content Include="Samples\Controls\RadCartesianChart\RadCartesianChart_BarSeries_Demo.xaml">
134+
<Generator>MSBuild:Compile</Generator>
135+
</Content>
136+
<Content Include="Samples\Controls\RadCartesianChart\RadCartesianChart_BubbleSeries_Demo.xaml">
137+
<Generator>MSBuild:Compile</Generator>
138+
</Content>
139+
<Content Include="Samples\Controls\RadCartesianChart\RadCartesianChart_StepLineSeries_Demo.xaml">
140+
<Generator>MSBuild:Compile</Generator>
141+
</Content>
142+
<Content Include="Samples\Controls\RadCartesianChart\RadCartesianChart_SplineSeries_Demo.xaml">
143+
<Generator>MSBuild:Compile</Generator>
144+
</Content>
145+
<Content Include="Samples\Controls\RadCartesianChart\RadCartesianChart_LineSeries_Demo.xaml">
146+
<Generator>MSBuild:Compile</Generator>
147+
</Content>
148+
<Content Include="Samples\Controls\RadCartesianChart\RadCartesianChart_ScatterPointSeries_Demo.xaml">
149+
<Generator>MSBuild:Compile</Generator>
150+
</Content>
151+
<Content Include="Samples\Controls\RadCartesianChart\RadCartesianChart_OhlcSeries_Demo.xaml">
152+
<Generator>MSBuild:Compile</Generator>
153+
</Content>
154+
<Content Include="Samples\Controls\RadCartesianChart\RadCartesianChart_CandlestickSeries_Demo.xaml">
89155
<Generator>MSBuild:Compile</Generator>
90156
</Content>
91157
<Content Include="Samples\Controls\RadGallery\RadGallery_Demo.xaml">
@@ -211,6 +277,21 @@
211277
<Content Include="Samples\Controls\Controls.xaml">
212278
<Generator>MSBuild:Compile</Generator>
213279
</Content>
280+
<Content Include="Samples\DataManagement.xaml">
281+
<Generator>MSBuild:Compile</Generator>
282+
</Content>
283+
<Content Include="Samples\Editors.xaml">
284+
<Generator>MSBuild:Compile</Generator>
285+
</Content>
286+
<Content Include="Samples\Navigations.xaml">
287+
<Generator>MSBuild:Compile</Generator>
288+
</Content>
289+
<Content Include="Samples\Layouts.xaml">
290+
<Generator>MSBuild:Compile</Generator>
291+
</Content>
292+
<Content Include="Samples\Scheduling.xaml">
293+
<Generator>MSBuild:Compile</Generator>
294+
</Content>
214295
<Content Include="Samples\Welcome.xaml">
215296
<Generator>MSBuild:Compile</Generator>
216297
</Content>
Lines changed: 25 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,25 @@
1+
<UserControl
2+
x:Class="OpenSilver.Samples.TelerikUI.Charts"
3+
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
4+
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
5+
xmlns:local="clr-namespace:OpenSilver.Samples.TelerikUI">
6+
7+
<StackPanel>
8+
<TextBlock Text="Charts" Style="{StaticResource PageHeader_Style}"/>
9+
<local:MasonryPanelWithProgressiveLoading Style="{StaticResource Panel_Style}">
10+
<local:RadCartesianChart_AreaSeries_Demo HorizontalAlignment="Center"/>
11+
<local:RadCartesianChart_BarSeries_Demo HorizontalAlignment="Center"/>
12+
<local:RadCartesianChart_BubbleSeries_Demo HorizontalAlignment="Center"/>
13+
<local:RadCartesianChart_LineSeries_Demo HorizontalAlignment="Center"/>
14+
<local:RadCartesianChart_OhlcSeries_Demo HorizontalAlignment="Center"/>
15+
<local:RadCartesianChart_ScatterPointSeries_Demo HorizontalAlignment="Center"/>
16+
<local:RadCartesianChart_SplineSeries_Demo HorizontalAlignment="Center"/>
17+
<local:RadCartesianChart_StepLineSeries_Demo HorizontalAlignment="Center"/>
18+
<local:RadCartesianChart_CandlestickSeries_Demo HorizontalAlignment="Center"/>
19+
<local:RadCartesianChart_RangeSeries_Demo HorizontalAlignment="Center"/>
20+
<local:RadCartesianChart_RangeSplineSeries_Demo HorizontalAlignment="Center"/>
21+
<local:RadCartesianChart_SplineAreaSeries_Demo HorizontalAlignment="Center"/>
22+
<local:RadCartesianChart_StepAreaSeries_Demo HorizontalAlignment="Center"/>
23+
</local:MasonryPanelWithProgressiveLoading>
24+
</StackPanel>
25+
</UserControl>
Lines changed: 22 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,22 @@
1+
using System;
2+
using System.Collections.Generic;
3+
using System.IO;
4+
using System.Linq;
5+
using System.Windows;
6+
using System.Windows.Controls;
7+
using System.Windows.Controls.Primitives;
8+
using System.Windows.Data;
9+
using System.Windows.Input;
10+
using System.Windows.Media;
11+
using System.Windows.Navigation;
12+
13+
namespace OpenSilver.Samples.TelerikUI
14+
{
15+
public partial class Charts : UserControl
16+
{
17+
public Charts()
18+
{
19+
this.InitializeComponent();
20+
}
21+
}
22+
}

OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/Controls/Controls.xaml

Lines changed: 17 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -29,6 +29,7 @@
2929
<local:RadWindow_demo HorizontalAlignment="Center"/>
3030
<local:RadColorPicker_Demo HorizontalAlignment="Center"/>
3131
<local:RadComboBox_Demo HorizontalAlignment="Center"/>
32+
<local:RadAutoCompleteBox_Demo HorizontalAlignment="Center"/>
3233
<local:RadMenu_Demo HorizontalAlignment="Center"/>
3334
<local:RadTreeView_Demo HorizontalAlignment="Center"/>
3435

@@ -43,7 +44,7 @@
4344
<local:RadDatePicker_Demo HorizontalAlignment="Center"/>
4445

4546
<local:RadRichTextBox_Demo HorizontalAlignment="Center"/>
46-
<local:RadCartesianChart_Demo HorizontalAlignment="Center"/>
47+
4748
<local:RadScheduleView_Demo HorizontalAlignment="Center"/>
4849
<local:RadMap_Demo HorizontalAlignment="Center"/>
4950

@@ -54,6 +55,21 @@
5455
<local:RadRibbonView_Demo HorizontalAlignment="Center"/>
5556
<local:RadTreeListView_Demo HorizontalAlignment="Center"/>
5657

58+
<!--Charts Part-->
59+
<local:RadCartesianChart_AreaSeries_Demo HorizontalAlignment="Center"/>
60+
<local:RadCartesianChart_BarSeries_Demo HorizontalAlignment="Center"/>
61+
<local:RadCartesianChart_BubbleSeries_Demo HorizontalAlignment="Center"/>
62+
<local:RadCartesianChart_LineSeries_Demo HorizontalAlignment="Center"/>
63+
<local:RadCartesianChart_OhlcSeries_Demo HorizontalAlignment="Center"/>
64+
<local:RadCartesianChart_ScatterPointSeries_Demo HorizontalAlignment="Center"/>
65+
<local:RadCartesianChart_SplineSeries_Demo HorizontalAlignment="Center"/>
66+
<local:RadCartesianChart_StepLineSeries_Demo HorizontalAlignment="Center"/>
67+
<local:RadCartesianChart_CandlestickSeries_Demo HorizontalAlignment="Center"/>
68+
<local:RadCartesianChart_RangeSeries_Demo HorizontalAlignment="Center"/>
69+
<local:RadCartesianChart_RangeSplineSeries_Demo HorizontalAlignment="Center"/>
70+
<local:RadCartesianChart_SplineAreaSeries_Demo HorizontalAlignment="Center"/>
71+
<local:RadCartesianChart_StepAreaSeries_Demo HorizontalAlignment="Center"/>
72+
<!--End Charts Part-->
5773
</local:MasonryPanelWithProgressiveLoading>
5874
</StackPanel>
5975
</UserControl>
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,29 @@
1+
<UserControl
2+
x:Class="OpenSilver.Samples.TelerikUI.RadAutoCompleteBox_Demo"
3+
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
4+
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
5+
xmlns:local="clr-namespace:OpenSilver.Samples.TelerikUI"
6+
xmlns:telerik="http://schemas.telerik.com/2008/xaml/presentation"
7+
xmlns:controls="using:Telerik.Windows.Controls">
8+
9+
<ContentControl Style="{StaticResource Card_Style}" Height="150" Width="220">
10+
<Grid>
11+
<Grid.RowDefinitions>
12+
<RowDefinition Height="Auto"/>
13+
<RowDefinition Height="*"/>
14+
<RowDefinition Height="Auto"/>
15+
</Grid.RowDefinitions>
16+
<ContentControl Content="RadAutoCompleteBox" Foreground="#FF66CC66" Background="#FFC6DC9C" Style="{StaticResource HeaderControl_Style}"/>
17+
<StackPanel Grid.Row="1" Orientation="Horizontal" HorizontalAlignment="Center" VerticalAlignment="Center">
18+
<telerik:RadAutoCompleteBox x:Name="autoComplete"
19+
AutoCompleteMode="Suggest"
20+
DisplayMemberPath="Name"
21+
TextSearchPath="Name"
22+
TextSearchMode="Contains"
23+
WatermarkContent="Select a planet..." />
24+
</StackPanel>
25+
26+
<Button Grid.Row="2" Content="VIEW SOURCE..." Click="ButtonViewSource_Click" Background="#FF66CC66" Style="{StaticResource ButtonViewSource_Style}"/>
27+
</Grid>
28+
</ContentControl>
29+
</UserControl>
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,41 @@
1+
using System;
2+
using System.Collections.Generic;
3+
using System.Collections.ObjectModel;
4+
using System.IO;
5+
using System.Linq;
6+
using System.Windows;
7+
using System.Windows.Controls;
8+
using System.Windows.Controls.Primitives;
9+
using System.Windows.Data;
10+
using System.Windows.Input;
11+
using System.Windows.Media;
12+
using System.Windows.Navigation;
13+
14+
namespace OpenSilver.Samples.TelerikUI
15+
{
16+
public partial class RadAutoCompleteBox_Demo : UserControl
17+
{
18+
public RadAutoCompleteBox_Demo()
19+
{
20+
this.InitializeComponent();
21+
this.autoComplete.ItemsSource = Planet.Planets;
22+
}
23+
24+
private void ButtonViewSource_Click(object sender, RoutedEventArgs e)
25+
{
26+
ViewSourceButtonHelper.ViewSource(new List<ViewSourceButtonInfo>()
27+
{
28+
new ViewSourceButtonInfo()
29+
{
30+
TabHeader = "RadBusyIndicator_Demo.xaml",
31+
FilePathOnGitHub = "github/OpenSilver/OpenSilver.Samples.TelerikUI/blob/master/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/Controls/RadBusyIndicator/RadAutoCompleteBox_Demo.xaml"
32+
},
33+
new ViewSourceButtonInfo()
34+
{
35+
TabHeader = "RadBusyIndicator_Demo.xaml.cs",
36+
FilePathOnGitHub = "github/OpenSilver/OpenSilver.Samples.TelerikUI/blob/master/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/Controls/RadBusyIndicator/RadAutoCompleteBox_Demo.xaml.cs"
37+
}
38+
});
39+
}
40+
}
41+
}

0 commit comments

Comments
 (0)