WPF RadScheduleView Configurator Panel

[Ohad]

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.

 

[Martin Ivanov]

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