QuickStart Control - (Telerik.Windows.Controls.QuickStart)

[Darrell]

How do you use the Quick Start Control ?

Just start with WPF and Telerik so might be going down the wrong road
I have download the Demo's on to my PC and been running them and see example that have usage of telerikQuickStart
I'm guessing that the control is the one that is normaly on the right of most demo's

Have seen that I make a control and ref Quick start
<UserControl ......
             xmlns:telerikQuickStart="clr-namespace:Telerik.Windows.Controls.QuickStart;assembly=Telerik.Windows.Controls">

And seen that you set in your control what you want in the quick start
<telerikQuickStart:QuickStart.ConfigurationPanel>
     <StackPanel Margin="3">
         <Button Content="Button1" Click="OnButton1Handler" Margin="0,2" />
     </StackPanel>
</telerikQuickStart:QuickStart.ConfigurationPanel>

But how do you get one in your application to start ?

 

[Pana]

Hi Darrell Sveistrup,

You do not. You are not supposed to use QuickStart controls in your application. There are some classes there that define attached properties for the Configuration panel of the QSF (the Quick Start examples) or HeaderedContentControl that should be used both in SL and WPF. It exist in the WPF framework but it is missing in the SL one so we have created our own class that exist in both frameworks so some of our examples may have unified code for both SL and WPF.

What exactly do you want to use from the QuickStart namespace?

Sincerely yours,
Panayot
the Telerik team

[Darrell]

What I'm trying to do is have an expanding control on the side of a window similar to what you quick start is doing.
Is their a way i can do this, making a control that docks to the out side of another control/window ?

You seem to be using this style with your search on the left and option on the right in the demo's


 

[Pana]

Hi Darrell,

The QuickStart simply defines an attached property that is used later from another control that displays the cofigurator. Something like the following code will pretty much do the same as the examples.

<Window x:Class="RadWindowExpandable.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="MainWindow" Height="350" Width="525">

    <Window.Resources>
        <ControlTemplate x:Key="FluidExpander" TargetType="Expander">

            <GroupBox x:Name="Container" Background="{TemplateBinding Background}" Width="0" Header="{TemplateBinding Header}">
                <ContentPresenter />
            </GroupBox>

            <ControlTemplate.Triggers>
                <Trigger Property="IsExpanded" Value="True">
                    <Trigger.EnterActions>
                        <BeginStoryboard>
                            <Storyboard>
                                <DoubleAnimation Duration="0:0:0.2" AccelerationRatio="1" To="150" Storyboard.TargetName="Container" Storyboard.TargetProperty="Width" />
                            </Storyboard>
                        </BeginStoryboard>
                    </Trigger.EnterActions>
                    <Trigger.ExitActions>
                        <BeginStoryboard>
                            <Storyboard>
                                <DoubleAnimation Duration="0:0:0.2" AccelerationRatio="1" To="0" Storyboard.TargetName="Container" Storyboard.TargetProperty="Width" />
                            </Storyboard>
                        </BeginStoryboard>
                    </Trigger.ExitActions>
                </Trigger>
            </ControlTemplate.Triggers>

        </ControlTemplate>
    </Window.Resources>

    <Grid Background="Blue">
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="*" />
            <ColumnDefinition Width="Auto" />
            <ColumnDefinition Width="*" />
        </Grid.ColumnDefinitions>

        <Grid.RowDefinitions>
            <RowDefinition Height="*" />
            <RowDefinition Height="Auto" />
            <RowDefinition Height="*" />
        </Grid.RowDefinitions>

        <StackPanel Grid.Row="1" Grid.Column="0" Orientation="Horizontal" HorizontalAlignment="Right">
            <ToggleButton x:Name="SearchButton" VerticalAlignment="Top" Content="Srch" />
            <Expander x:Name="Search" Grid.Row="1" Grid.Column="1" IsExpanded="{Binding ElementName=SearchButton, Path=IsChecked}" Template="{StaticResource FluidExpander}" Header="Search" Background="Wheat">
                <StackPanel>
                    <TextBox Text="Search..." />
                    <Button Content="Do the bidding" />
                </StackPanel>
            </Expander>
        </StackPanel>

        <GroupBox Grid.Row="1" Grid.Column="1" Header="Main view" Width="200" Height="200" Background="White">

        </GroupBox>

        <StackPanel Grid.Row="1" Grid.Column="2" Orientation="Horizontal" HorizontalAlignment="Left">
            <Expander x:Name="Configurator" Grid.Row="1" Grid.Column="3" IsExpanded="{Binding ElementName=ConfiguratorButton, Path=IsChecked}" Template="{StaticResource FluidExpander}" Header="Configurator" Background="Wheat">
                <StackPanel>
                    <CheckBox Content="Option 1" />
                    <CheckBox Content="Option 2" />
                    <CheckBox Content="Not 3" />
                </StackPanel>
            </Expander>
            <ToggleButton x:Name="ConfiguratorButton" VerticalAlignment="Top" Content="Conf" />
        </StackPanel>
    </Grid>
</Window>

All the best,
Panayot
the Telerik team

[Darrell]

Thanks for that, its been a great help

[Pana]

Hi Darrell,

If you have further problems do not hesitate to contact us.

Best wishes,
Panayot
the Telerik team

[Honghai]

I can not find "Telerik.Windows.Controls.QuickStart.dll".