WPF RadScheduleView Configurator Panel

1 Answer 16 Views
ScheduleView
Ohad
Top achievements
Rank 3
Bronze
Iron
Iron
Ohad asked on 01 Jun 2022, 07:31 AM

I tried to look up the code that does this but I did not find it.

I would like if you could explain or give the code of this Panel that knows how to push the Schedule and Panel accordingly.

 

1 Answer, 1 is accepted

Sort by
0
Martin Ivanov
Telerik team
answered on 02 Jun 2022, 12:10 PM

Hello Ohad,

You can find the complete source code of the WPF Demos application in the Telerik UI for WPF download page in your account.

After downloading the source code, you can see the exact layout in the SingleExample.xaml file. Basically, there is a Grid panel with few column definitions. The contents of the example (the scheduleview in this case) is placed in one column and the configurator panel (RadExpander) is placed in another column. Both elements have some Min/MaxWidth settings that adjusts their size automatically when the configurator collapses or expands.

You can achieve the same behavior by using the following layout:

<Grid>
	<Grid.ColumnDefinitions>
		<ColumnDefinition />
		<ColumnDefinition Width="Auto"/>
	</Grid.ColumnDefinitions>
	<Border Background="Bisque" Margin="5" />
	<telerik:RadExpander Header="Configurator" Grid.Column="1" 
						 ExpandDirection="Left" Margin="5">
		<Border Background="Green" Width="240" />
	</telerik:RadExpander>
</Grid>

Note that I've used Borders to illustrate the layout, but you can replace these with any visuals you need (like RadScheduleView).

Regards,
Martin Ivanov
Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

Tags
ScheduleView
Asked by
Ohad
Top achievements
Rank 3
Bronze
Iron
Iron
Answers by
Martin Ivanov
Telerik team
Share this question
or