Are the controls under the Expander supposed to move down?

7 posts, 1 answers
  1. Dan Weese
    Dan Weese avatar
    16 posts
    Member since:
    Sep 2009

    Posted 06 Feb 2010 Link to this post

    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
  2. Answer
    Ivan
    Admin
    Ivan avatar
    519 posts

    Posted 07 Feb 2010 Link to this post

    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.
  3. DevCraft banner
  4. michael evans
    michael evans avatar
    6 posts
    Member since:
    Apr 2006

    Posted 19 Feb 2010 Link to this post

     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>


  5. Ivan
    Admin
    Ivan avatar
    519 posts

    Posted 24 Feb 2010 Link to this post

    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.
  6. michael evans
    michael evans avatar
    6 posts
    Member since:
    Apr 2006

    Posted 24 Feb 2010 Link to this post

    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!!
  7. Ivan
    Admin
    Ivan avatar
    519 posts

    Posted 02 Mar 2010 Link to this post

    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.
  8. Alexey Oyun
    Alexey Oyun avatar
    74 posts
    Member since:
    Mar 2010

    Posted 20 May 2010 Link to this post

    Just want to say thank you for example, nice work.
Back to Top
DevCraft banner