RadCollapsiblePanel isExpandad

21 posts, 0 answers
  1. Arif
    Arif avatar
    1 posts
    Member since:
    May 2014

    Posted 15 May 2014 Link to this post



    Hello Telerik Team,


    I have a question about the radcollapsiblepanel. When

    I create a new collapsiblepanel programmatically the isExpanded property is not

    working.

    01.public partial class Form1 : Form
    02.  {
    03.      public Form1()
    04.      {
    05.          InitializeComponent();
    06.          RadCollapsiblePanel pn = new RadCollapsiblePanel();
    07.          pn.Dock = DockStyle.Left;
    08.          pn.ExpandDirection = RadDirection.Right;
    09. 
    10.          pn.IsExpanded = false;    <------ Is not working
    11. 
    12.          this.Controls.Add(pn);          
    13.         
    14.      }
    15.  }



     



    Is there something that I’m missing?





    Kindest
    regards,

    Arif

  2. Dimitar
    Admin
    Dimitar avatar
    2743 posts

    Posted 16 May 2014 Link to this post

    Hi Arif,

    Thank you for writing.

    When you are initializing the control this way in the forms constructor it is still not loaded and this is why it is not collapsed. In this case you can either call the LoadElementTree method before setting the IsExpanded property or just set this property in the form's Load event:
    RadCollapsiblePanel pn = new RadCollapsiblePanel();
     
    public Form1()
    {
        InitializeComponent();
     
        pn.Dock = DockStyle.Left;
        pn.ExpandDirection = RadDirection.Right;
     
        pn.LoadElementTree();
        pn.IsExpanded = false;
     
        this.Controls.Add(pn);  
    }
     
    private void Form1_Load(object sender, EventArgs e)
    {
        pn.IsExpanded = false;
    }

    Also I have noticed that you have posted identical post and we have deleted it in order to avoid such duplicate posts in our forum.

    I hope this helps. Should you have any other questions do not hesitate to ask.

    Regards,
    Dimitar
    Telerik
     
    Check out Telerik Analytics, the service which allows developers to discover app usage patterns, analyze user data, log exceptions, solve problems and profile application performance at run time. Watch the videos and start improving your app based on facts, not hunches.
     
  3. Abbas
    Abbas avatar
    15 posts
    Member since:
    Oct 2012

    Posted 07 Mar 2015 Link to this post

    Hello Telerik Team,

    I would like to RadCollapsible panel be collapsed when the form is loaded and showing for the first time.
    IsExpanded property just collapsed the already spread RadCollapsible control on the form.

    Regards,
    Abbas


  4. Abbas
    Abbas avatar
    15 posts
    Member since:
    Oct 2012

    Posted 11 Mar 2015 Link to this post

    Up.
  5. Dimitar
    Admin
    Dimitar avatar
    2743 posts

    Posted 11 Mar 2015 Link to this post

    Hello Abbas,

    Thank you for writing.

    The animations slow down the collapse process and this is why the panel is still visible when the form is shown. You can disable the animation when the form is loaded and the panel will be collapsed when the form is started:
    RadCollapsiblePanel pn = new RadCollapsiblePanel();
      
    public RadForm1()
    {
        InitializeComponent();
      
        pn.Dock = DockStyle.Left;
        pn.ExpandDirection = RadDirection.Right;
        pn.EnableAnimation = false;
        pn.LoadElementTree();
        pn.IsExpanded = false;
         
        this.Controls.Add(pn);
        pn.EnableAnimation = true;
    }

    Please let me know if there is something else I can help you with. 
     
    Regards,
    Dimitar
    Telerik
     

    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

     
  6. raneesras
    raneesras avatar
    86 posts
    Member since:
    Nov 2018

    Posted 02 Nov 2018 Link to this post

    How to create dynamic vertical scroll bar in RadCollapsiblePanel Panel container ? can please give me the procedure to create dynamic scroll bar for RadCollapsiblePanel Panel container
  7. Dimitar
    Admin
    Dimitar avatar
    2743 posts

    Posted 05 Nov 2018 Link to this post

    Hello,

    The scrollbars should appear automatically if the control is docked. I have attached an example that shows this.

    I hope this will be useful. Let me know if you have additional questions.

    Regards,
    Dimitar
    Progress Telerik
    Get quickly onboard and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
  8. raneesras
    raneesras avatar
    86 posts
    Member since:
    Nov 2018

    Posted 05 Nov 2018 in reply to Dimitar Link to this post

    i din find any code in file that you have given me
  9. raneesras
    raneesras avatar
    86 posts
    Member since:
    Nov 2018

    Posted 05 Nov 2018 in reply to Dimitar Link to this post

    i have a attached a file
  10. raneesras
    raneesras avatar
    86 posts
    Member since:
    Nov 2018

    Posted 05 Nov 2018 in reply to raneesras Link to this post

    How to create dynamic vertical scroll bar in RadCollapsiblePanel Panel container ? how to give vertical scroll value into it
  11. Dimitar
    Admin
    Dimitar avatar
    2743 posts

    Posted 05 Nov 2018 Link to this post

    Hello,

    I created the project at design time. There is no explicit code for the scrollbar. Once there is a control that is outside of the visible area the scroll will appear. I am not sure why this is not working on your side. Would it be possible to open a ticket and attach the code from your form? This way we will be able to properly investigate this and determine why this is not working.

    I am looking forward to your reply.
     
    Regards,
    Dimitar
    Progress Telerik
    Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
  12. Nidal
    Nidal avatar
    20 posts
    Member since:
    Apr 2019

    Posted 28 Apr Link to this post

    In the following try I put the size for radimagebutton but it look like in image1
    RadImageButtonElement btnimage = new RadImageButtonElement
                {
                    Image =newImage,
                    Size=new Size(20,20)
                   
                };
              
    radCollapsiblePanel1.CollapsiblePanelElement.HeaderElement.Children.Insert(0, btnimage);
  13. Nidal
    Nidal avatar
    20 posts
    Member since:
    Apr 2019

    Posted 28 Apr in reply to Nidal Link to this post

    I solved it by setting the auto size to false thank you
  14. Dess | Tech Support Engineer, Sr.
    Admin
    Dess | Tech Support Engineer, Sr.  avatar
    3282 posts

    Posted 29 Apr Link to this post

    Hello, Nidal,     

    I am glad that the problem you were facing is now resolved. I have noticed that you have posted identical questions in multiple forum threads. We kindly ask you to use just one thread for a specific problem to contact us. Posting the same questions numerous times slows down our response time because we will need to review and address two or more tickets instead of one. Moreover, threads are handled according to license and time of posting, so if it is an urgent problem, we suggest you use a support ticket, which would be handled before a forum thread.

    Thank you for your understanding.

    Regards,
    Dess | Tech Support Engineer, Sr.
    Progress Telerik
    Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
  15. Nidal
    Nidal avatar
    20 posts
    Member since:
    Apr 2019

    Posted 30 Apr Link to this post

    I have the following menu header items (rad collapsible panel header) in "pictuer1".

    I use the following property to set alignment :

     radCollapsiblePanel1.CollapsiblePanelElement.StretchVertically = true;
    radCollapsiblePanel1.CollapsiblePanelElement.HeaderElement.ElementSpacing = 15;

    Problem :

    but when I increase the size of screen the space between icons also increase like pictuer2 

    my question :

    I need to make the menu icon fixed on top and the size between other icons is fixed when I increase the screen size .

     

     

     

     

     

  16. Dimitar
    Admin
    Dimitar avatar
    2743 posts

    Posted 30 Apr Link to this post

    Hi Nidal,

    Instead of setting the AutoSize and Size just set the margin. You can leave the ElementSpacing as well. For example: 
    RadImageButtonElement btnimage = new RadImageButtonElement();
    btnimage.Image = newImage;
    btnimage.Margin = new Padding(0, 15, 0, 15);
    btnimage.StretchVertically = false;               
    radCollapsiblePanel1.CollapsiblePanelElement.HeaderElement.Children.Insert(0, btnimage);

    I hope this helps. Should you have any other questions do not hesitate to ask.
     
    Regards,
    Dimitar
    Progress Telerik
    Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
  17. Nidal
    Nidal avatar
    20 posts
    Member since:
    Apr 2019

    Posted 30 Apr Link to this post

    In my case I set VerticalHeaderAlignment to center .

    radCollapsiblePanel1.CollapsiblePanelElement.HeaderElement.VerticalHeaderAlignment= RadVerticalAlignment.Center;

    my question :

    I need only the first element of header (hamburger menu) on top and still fixed without padding change because with padding it's will change with each size , I need it fixed .

     

     

  18. Nidal
    Nidal avatar
    20 posts
    Member since:
    Apr 2019

    Posted 30 Apr Link to this post

    Also the default header button element take the center and I can't change it's location " fixed location on top" 
  19. Dimitar
    Admin
    Dimitar avatar
    2743 posts

    Posted 01 May Link to this post

    Hi Nidal,

    If I understand correctly you want the collapse/expand button to be at the top and the other buttons to be centered. This can be achieved by manually arranging the items. I have attached a small sample project that shows this. What I have done is to put the buttons in a StackLayoutElement, this element will be centered later in the ArrangeOverride method. 

    Let Me know how this works for you.

    Regards,
    Dimitar
    Progress Telerik
    Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
  20. Nidal
    Nidal avatar
    20 posts
    Member since:
    Apr 2019

    Posted 01 May in reply to Dimitar Link to this post

    Could you send me the attachment of the sample project.

    regards .

  21. Dimitar
    Admin
    Dimitar avatar
    2743 posts

    Posted 01 May Link to this post

    Hello Nidal,

    There was an issue with our system, you should see the attachment at the end of the previous post now. 

    Regards,
    Dimitar
    Progress Telerik
    Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
Back to Top