This is a migrated thread and some comments may be shown as answers.

Are the controls under the Expander supposed to move down?

6 Answers 411 Views
Expander
This is a migrated thread and some comments may be shown as answers.
Dan Weese
Top achievements
Rank 1
Dan Weese asked on 07 Feb 2010, 04:34 AM
Maybe it's just me, but I was expecting the behavior of the Expander would be that everything below it would shift down to make room for the expanded Expander, but I am not seeing this. How is it supposed to work?

Dan

6 Answers, 1 is accepted

Sort by
0
Accepted
Ivan
Telerik team
answered on 07 Feb 2010, 09:38 PM
Hi Dan,

Thank you for your interest in the RadExpander for Silverlight.

The expander's behavior is exactly what you are talking about. It pushes other controls out. However there is one tricky moment - if the expander is stretched (VerticalAlignment=Stretch) then its size will be calculated according to the layout it resides in. In order to get the desired behavior please put the expander inside a StackPanel.

If you still experience any kind of problem with the expander please sent us your application and we will fix it for you.


Kind regards,
Ivan
the Telerik team

Watch a video on how to optimize your support resource searches and check out more tips on the blogs.
Follow the status of features or bugs in PITS and vote for them to affect their priority.
0
michael evans
Top achievements
Rank 1
answered on 20 Feb 2010, 12:50 AM
 i tried placing the expander control into a Stackplanel with no results. When i click the expander button it moves the Radmenu.

<UserControl
  xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  xmlns:navigation="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls.Navigation"
  xmlns:uriMapper="clr-namespace:System.Windows.Navigation;assembly=System.Windows.Controls.Navigation"
  xmlns:dataControls="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls.Data.DataForm.Toolkit"
  xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
  mc:Ignorable="d" xmlns:telerik="clr-namespace:Telerik.Windows.Controls;assembly=Telerik.Windows.Controls" xmlns:telerikNavigation="clr-namespace:Telerik.Windows.Controls;assembly=Telerik.Windows.Controls.Navigation"
  x:Class="SalonConnect.MainPage"
  d:DesignWidth="640" d:DesignHeight="480">

  <Grid x:Name="LayoutRoot" Style="{StaticResource LayoutRootGridStyle}">

    <Border x:Name="ContentBorder" Style="{StaticResource ContentBorderStyle}">
            <navigation:Frame x:Name="ContentFrame" Style="{StaticResource ContentFrameStyle}"
                              Source="/Home" Navigated="ContentFrame_Navigated" NavigationFailed="ContentFrame_NavigationFailed">
                <navigation:Frame.UriMapper>
                  <uriMapper:UriMapper>
                    <uriMapper:UriMapping Uri="" MappedUri="/Views/Home.xaml"/>
                    <uriMapper:UriMapping Uri="/{pageName}" MappedUri="/Views/{pageName}.xaml"/>
                  </uriMapper:UriMapper>
                </navigation:Frame.UriMapper>
            </navigation:Frame>
    </Border>

    <Grid Style="{StaticResource NavigationOuterGridStyle}">
      <Grid x:Name="NavigationGrid" Style="{StaticResource NavigationGridStyle}">

        <Border x:Name="BrandingBorder" Style="{StaticResource BrandingBorderStyle}">
         <StackPanel x:Name="BrandingStackPanel" Style="{StaticResource BrandingStackPanelStyle}">

          <ContentControl Style="{StaticResource LogoIcon}"/>
          <TextBlock x:Name="ApplicationNameTextBlock" Style="{StaticResource ApplicationNameStyle}"
                               Text="Salon Connect"/>
         </StackPanel>
        </Border>

        <Border x:Name="LinksBorder" Style="{StaticResource LinksBorderStyle}">
  
     <StackPanel x:Name="LinksStackPanel" Style="{StaticResource LinksStackPanelStyle}">
      <telerik:RadExpander ExpandDirection="Down" Header="Add New Customer" Width="300" telerik:StyleManager.Theme="Vista">
            <telerik:RadExpander.Content>
                <StackPanel>
                    <TextBlock Text="First"  />
                    <TextBox></TextBox>
                    <TextBlock Text="Last" />
                    <TextBox></TextBox>
                    <TextBlock Text="Address"  />
                    <TextBox></TextBox>
                    <TextBlock Text="City"  />
                    <TextBox></TextBox>
                    <TextBlock Text="State"  />
                    <TextBox></TextBox>
                 </StackPanel>
            </telerik:RadExpander.Content>
        </telerik:RadExpander>
           <telerikNavigation:RadMenu x:Name="Mainmenu" ClickToOpen="True">
           <telerikNavigation:RadMenuItem Header="Home" Click="RadMenuItem_Home_Click"/>
           <telerikNavigation:RadMenuItem Header="Profile" Click="RadMenuItem_Profile_Click"/>
           <telerikNavigation:RadMenuItem Header="Calendar" Click="RadMenuItem_Calendar_Click" />
           <telerikNavigation:RadMenuItem Header="Customers" Click="RadMenuItem_Customer_Click"/>
           <telerikNavigation:RadMenuItem Header="Twitter" Click="RadMenuItem_Twitter_Click"/>
           <telerikNavigation:RadMenuItem Header="Marketing" Click="RadMenuItem_Marketing_Click"/>
           <telerikNavigation:RadMenuItem Header="Reports" Click="RadMenuItem_Reports_Click"/>
           <telerikNavigation:RadMenuItem Header="Settings" Click="RadMenuItem_Settings_Click"/>
           <telerikNavigation:RadMenuItem Header="Help" Click="RadMenuItem_Help_Click"/>
          </telerikNavigation:RadMenu>
         </StackPanel>
  
        </Border>

      </Grid>

      <Border x:Name="loginContainer" Style="{StaticResource LoginContainerStyle}">
          <!-- LoginStatus will be added here in code behind. This is required for the designer view to work -->          
      </Border>
    </Grid>

  </Grid>

</UserControl>


0
Ivan
Telerik team
answered on 24 Feb 2010, 09:11 AM
Hello Michael,

Thank you for contacting us.

The UI exactly follows the layout of your xaml-code. Both the menu and the expander are placed in a Stack Panel. Because of this the menu will always move according to the expander's size. Please share with us what exactly are your UI goals and we will try to help you.

Looking forward for your reply.


Best wishes,
Ivan
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.
0
michael evans
Top achievements
Rank 1
answered on 24 Feb 2010, 09:33 PM
I want the expander to push down the controls below. because inside of the expander control I have a data entry form that a user can fill in. Im attaching a screenshot of a wireframe for the UI that shows where the expander control lives on the screen and how it should behalf. When you look at the screen at the top you will see "Add new customer" that text represents the expand control, so when the user clicks on the "^" it will expand the control and push down the other controls or overlap them.

CAN YOU PLEASE Take down my ui-wireframe from the site!! I didnt know that it would post it directly to the forum. I tried to update my ticket to remove it but i cant!!
0
Ivan
Telerik team
answered on 02 Mar 2010, 01:51 PM
Hello Michael,

Sorry for the late response.

In the attached example we are demonstrating some different scenarios. Below is a short description:
  • A "push-down toggle button":
    This button (RadToggleButton) shows/hides a panel. This panel moves down/up all the content beneath it.
  • An "overlap toggle button":
    This button (RadToggleButton) shows/hides a panel. This panel overlaps the content beneath it.
  • A "push-down expander":
    When this expander expands/collapse it moves down/up all the content beneath it.
  • An "overlap expander":
    When this expander expands/collapse it just overlaps the content beneath it.
  • A "drop-down button":
    This button (RadDropDownButton) overlaps the content beneath it.
Note: the only difference between the "push-down" and the "overlap" is the value of the Grid.RowSpan attached property.

Please give it a try and let us know if you have other questions.

Greetings,
Ivan
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.
0
Alexey Oyun
Top achievements
Rank 1
answered on 20 May 2010, 09:17 AM
Just want to say thank you for example, nice work.
Tags
Expander
Asked by
Dan Weese
Top achievements
Rank 1
Answers by
Ivan
Telerik team
michael evans
Top achievements
Rank 1
Alexey Oyun
Top achievements
Rank 1
Share this question
or