Page 1 of 2 12 LastLast
Results 1 to 40 of 41

Thread: Expandable GroupBox

  1. #1

    Thread Starter
    PowerPoster
    Join Date
    Apr 2007
    Location
    The Netherlands
    Posts
    5,070

    Expandable GroupBox

    Hi,

    Here's an Expandable Groupbox control. It works just like the regular GroupBox control, except that there is an Expand Button next to the caption. Clicking that button will Expand or Collapse the Groupbox.

    Screenshot when expanded:


    And after collapsing:



    The control has the following new Properties you can set:
    • Caption - Sets the text of the caption,
    • BorderColor - Sets the color of the custom-drawn border,
    • CaptionColor - Sets the color of the caption text,
    • Expanded - Whether or not the control is expanded,
    • ExpandedSize - The size of the control when expanded,
    • HeaderClickExpand - Whether or not the user can click the header (caption) to expand/collapse the control.


    The control can be expanded / collapsed during Design-Time simply by clicking the Expand Button. Yes, it works during Design-Time

    That's all you need to know if you want to use it


    If you want some more information, read on.

    The control is simply a UserControl with two panels: the header panel and the content panel. In the header panel, I put a Button and a Label.
    The + and - signs on the button are custom drawn, because it is too small to display its normal caption text properly.

    The rounded border is drawn in parts. First, the top part and a small part of the vertical lines is drawn on the header panel, and the rest is drawn on the content panel separately.

    There is no groupbox in this control at all, and no inheriting from the groupbox. It only looks like a groupbox because I've custom drawn it that way.
    For this reason, it is completely customizable (at least, if you want to put some effort into it ). You could make it look however you want by editing the painting methods. You are not stuck with the groupbox appearance.

    To enable the button to work during Design-Time, I had to write a Designer class. The GetHitTest function in that class actually enables you to click the button.
    Once you button is clicked, I also need to tell the Visual Studio designer that the control has updated (it's size has changed). If it doesn't do this, then the selection rectangle remains in the old size until you re-select it, which is quite confusing. To make that happen, I get a reference to the control and add the ExpandButton_Click event handler, so I can notify the designer when it is clicked.


    ------------------
    Sorry, can't post the full code as it was too long to fit in a single post...
    VB file is attached.


    To use:
    1. Add a reference to System.Design (required to compile!) Huh?! What's that?
    2. Add the attached VB file to your project.
    3. Build your project.
    4. Enjoy!


    EDIT---
    Updated to fix an error with the caption text resetting. The Text property is now renamed to the Caption property.
    Attached Files Attached Files

  2. #2
    Lively Member
    Join Date
    May 2009
    Posts
    66

    Re: Expandable GroupBox

    how can i add that file to my project.

    please tell me.


  3. #3

  4. #4
    Addicted Member
    Join Date
    Jul 2009
    Posts
    138

    Re: Expandable GroupBox

    When I add the file to my project, there are a lot of errors; is this for a certain version or am I doing something wrong?

  5. #5

  6. #6
    Addicted Member
    Join Date
    Jul 2009
    Posts
    138

    Re: Expandable GroupBox

    Wow; I read it, but misunderstood what you meant and did something completely different; it works now, my bad. Lost my brain for a few minutes.

  7. #7

    Thread Starter
    PowerPoster
    Join Date
    Apr 2007
    Location
    The Netherlands
    Posts
    5,070

    Re: Expandable GroupBox

    That's ok, it happens You should just have provided me with some errors and I could have told you instantly what was wrong. It was just by pure 'experience' that I knew that not adding the System.Design reference causes loads of errors.


    In case someone doesn't know how to add a reference:
    Right click the project name in the Solution Explorer. Choose Add Reference. Wait. Wait some more. When the window finally pops up, scroll down and select System.Design from the list. Then click OK. A rebuild might be required.

  8. #8
    PowerPoster JuggaloBrotha's Avatar
    Join Date
    Sep 2005
    Location
    Lansing, MI; USA
    Posts
    4,286

    Re: Expandable GroupBox

    Why not just make this a control in a control library? That way people can just reference the dll and it'll just work on the spot.
    Currently using VS 2015 Enterprise on Win10 Enterprise x64.

    CodeBank: All ThreadsColors ComboBoxFading & Gradient FormMoveItemListBox/MoveItemListViewMultilineListBoxMenuButtonToolStripCheckBoxStart with Windows

  9. #9

    Thread Starter
    PowerPoster
    Join Date
    Apr 2007
    Location
    The Netherlands
    Posts
    5,070

    Re: Expandable GroupBox

    Well, a few reasons... People might just be interested in the control, but not actually want to use it. They can view my code easily, test it out in a project quickly and then forget about it.

    If people do want to use it, I provide the class file for them so they can edit it to their needs. If I just provide a DLL they can't, and would have to ask for my code etc.

    Finally, if I provide a DLL people will just mindlessly put it in their project without even looking at the code. I want people to learn from it too, otherwise I would keep it to myself.

    Oh, and I also don't think it's allowed to post compiled files..?

  10. #10
    PowerPoster JuggaloBrotha's Avatar
    Join Date
    Sep 2005
    Location
    Lansing, MI; USA
    Posts
    4,286

    Re: Expandable GroupBox

    I meant include the project files for a class library of just the control as well as what you've already posted in #1.

    That way people can simply add the dll (they'd dl the project, compile it and use it) no rules broken, they have the source code to it for learning still and since the *.vb file is still in post #1 they have just that for a quick test/play with it then move on.
    Currently using VS 2015 Enterprise on Win10 Enterprise x64.

    CodeBank: All ThreadsColors ComboBoxFading & Gradient FormMoveItemListBox/MoveItemListViewMultilineListBoxMenuButtonToolStripCheckBoxStart with Windows

  11. #11

  12. #12
    PowerPoster JuggaloBrotha's Avatar
    Join Date
    Sep 2005
    Location
    Lansing, MI; USA
    Posts
    4,286

    Re: Expandable GroupBox

    Quote Originally Posted by NickThissen View Post
    Ah, now I understand you
    Yeah I suppose I could do that. Of course, you then merely get a different issue where people don't know how to use class libraries
    That's when you inform them that required IQ is out-of-bounds of their array.
    Currently using VS 2015 Enterprise on Win10 Enterprise x64.

    CodeBank: All ThreadsColors ComboBoxFading & Gradient FormMoveItemListBox/MoveItemListViewMultilineListBoxMenuButtonToolStripCheckBoxStart with Windows

  13. #13

  14. #14
    Lively Member
    Join Date
    Sep 2009
    Location
    United States
    Posts
    83

    Re: Expandable GroupBox

    Very Very useful, thanks.

  15. #15
    Frenzied Member sciguyryan's Avatar
    Join Date
    Sep 2003
    Location
    Wales
    Posts
    1,763

    Re: Expandable GroupBox

    Has anyone got a C# version of this control? It's perfect for what I need but I'm currently working in C#.
    My Blog.

    Ryan Jones.

  16. #16

    Thread Starter
    PowerPoster
    Join Date
    Apr 2007
    Location
    The Netherlands
    Posts
    5,070

    Re: Expandable GroupBox

    It shouldn't be too hard to translate, but there's really no need. Just add a new (VB) project to your solution, add the control to that project, and reference the project in your main project. Then you can use the control in your C# project even though it's written in VB. Yes, you can mix VB and C# code in the same solution (but not in the same project).

    Of course, that only works if you have Visual Studio, and not the Express edition.

    If you've got the express edition, try running the code through a translator like this
    http://www.developerfusion.com/tools.../vb-to-csharp/

  17. #17
    New Member
    Join Date
    Aug 2009
    Posts
    3

    Thumbs up Re: Expandable GroupBox

    Great work man,
    the chance to go trough the code and see how its wired up - priceless
    just one thought:

    If the whole idea of this kind of control is to group and save space (probably on a crowded form) wouldn't it be correct to have it behave so the rest of the controls would be pushed away, form expanded..?

    thanx for the cool work
    Petr

  18. #18

    Thread Starter
    PowerPoster
    Join Date
    Apr 2007
    Location
    The Netherlands
    Posts
    5,070

    Re: Expandable GroupBox

    If the docking is set up properly, it does that already. If the controls aren't docked, then I'm afraid there's not much I can do.

    For example, dock the groupbox to the top, and some other control to fill (or also to the top, doesn't matter), and you get this

  19. #19
    Karen Payne MVP kareninstructor's Avatar
    Join Date
    Jun 2008
    Location
    Oregon
    Posts
    6,684

    Re: Expandable GroupBox

    I am using VS2008 and the class ExpandableGroupboxDesigner has multiple issues ranging from ParentControlDesigner not located even with forms and forms.design referenced in the project to some other issues which I am guessing stem from the ParentControlDesigner not defined in the IDE. Any thoughts?

  20. #20

  21. #21
    Karen Payne MVP kareninstructor's Avatar
    Join Date
    Jun 2008
    Location
    Oregon
    Posts
    6,684

    Re: Expandable GroupBox

    Quote Originally Posted by NickThissen View Post
    Did you follow step 1?
    Yes I did as your instructions were in bold at that point but while poking around I noticed a problem unrelated to the control (funky blank property window for a DataGridview, freshly placed on the form with only a button and no code yet) and tried with another project and it worked fine. Of course at the same time the network techs were doing remote pushes to my computer so how knows what happened there.

  22. #22

  23. #23
    Karen Payne MVP kareninstructor's Avatar
    Join Date
    Jun 2008
    Location
    Oregon
    Posts
    6,684

    Re: Expandable GroupBox

    Quote Originally Posted by NickThissen View Post
    So does it work now or not? You mentioned referencing 'forms.design'. Did you mean System.Windows.Forms.Design? I told you to reference System.Design, not System.Windows.Forms.Design
    I have a compiled DLL now, have not actually tried the control. When I was mentioning System.Windows.Forms.Design it was regarding your code
    Code:
    Public Class ExpandableGroupboxDesigner
        Inherits System.Windows.Forms.Design.ParentControlDesigner
    and not the reference at all.

    I have no reason to go past compiling at this point as I do not have a use for the control. I keep nothing that I download unless there is a clean compile and when time permits will examine said control.

    So the problem was not your control or me missing the reference. As stated in the last reply things sometimes go sideways especially when pushes are being done from the network people.

  24. #24
    New Member
    Join Date
    May 2010
    Posts
    2

    Re: Expandable GroupBox

    Nick,

    Firstly, thank you. I love your control and its adding so much to the look and feel of my apps UI, however I have a question if I may.

    To reduce the size of my UI, I've setup some code which forces all of the other groups to collapse upon expanding one of them. Example below:

    Code:
    Private Sub grpREcommendations_Expand(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles grpRecommendations.Expand
            grpGeneralSettings.Expanded = False
            grpSiteInformation.Expanded = False
            grpDatabaseInfo.Expanded = False
            grpUsageSummary.Expanded = False
            grpSpeechRecognition.Expanded = False
            grpServerHealth.Expanded = False
            grpBadgeHealth.Expanded = False
        End Sub
    This works great and collapses all of the other compartments when one is expanded, however I've noticed that the expand button remains in it's Minus or expanded state until I mouse-over the button at which point it redraws and becomes the correct Plus image.

    Is there a way to force the group to redraw when I am collapsing it so that the button updates?

    Thanks
    Richard

  25. #25
    New Member
    Join Date
    May 2010
    Posts
    2

    Re: Expandable GroupBox

    Quote Originally Posted by richardjgreen View Post
    Nick,

    Firstly, thank you. I love your control and its adding so much to the look and feel of my apps UI, however I have a question if I may.

    To reduce the size of my UI, I've setup some code which forces all of the other groups to collapse upon expanding one of them. Example below:

    Code:
    Private Sub grpREcommendations_Expand(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles grpRecommendations.Expand
            grpGeneralSettings.Expanded = False
            grpSiteInformation.Expanded = False
            grpDatabaseInfo.Expanded = False
            grpUsageSummary.Expanded = False
            grpSpeechRecognition.Expanded = False
            grpServerHealth.Expanded = False
            grpBadgeHealth.Expanded = False
        End Sub
    This works great and collapses all of the other compartments when one is expanded, however I've noticed that the expand button remains in it's Minus or expanded state until I mouse-over the button at which point it redraws and becomes the correct Plus image.

    Is there a way to force the group to redraw when I am collapsing it so that the button updates?

    Thanks
    Richard
    I managed to get this working using the .Refresh syntax.

    Thanks
    Richard

  26. #26

    Thread Starter
    PowerPoster
    Join Date
    Apr 2007
    Location
    The Netherlands
    Posts
    5,070

    Re: Expandable GroupBox

    Apparently when the Expanded property is changed it doesn't refresh the button. You could add a Refresh call as you said, but it would be better to refresh just the button in the Set part of the Expanded property.

  27. #27
    Stack Overflow mod​erator
    Join Date
    May 2008
    Location
    British Columbia, Canada
    Posts
    2,824

    Re: Expandable GroupBox

    Quote Originally Posted by Pettt View Post
    Great work man,
    the chance to go trough the code and see how its wired up - priceless
    just one thought:

    If the whole idea of this kind of control is to group and save space (probably on a crowded form) wouldn't it be correct to have it behave so the rest of the controls would be pushed away, form expanded..?

    thanx for the cool work
    Petr
    Put it in a FlowLayoutPanel.

  28. #28
    New Member
    Join Date
    Oct 2010
    Posts
    1

    Re: Expandable GroupBox

    Hi Nick,

    That is an excellent control! I would like to use it in an Open Source project.

    Is this allowed and if so, how would you like me to mention this in my project?

    kind regards,
    Rob

  29. #29

  30. #30
    Junior Member
    Join Date
    Jul 2007
    Location
    Bergen, Norway
    Posts
    31

    Re: Expandable GroupBox

    Has anyone gotten this to work with .Net 4.0? I can't find System.Design anywhere, so I'm having a hard time adding in the required reference. Has this been replaced in .Net 4.0?

    Looks like a great control

  31. #31

    Thread Starter
    PowerPoster
    Join Date
    Apr 2007
    Location
    The Netherlands
    Posts
    5,070

    Re: Expandable GroupBox

    You need to target the .NET Framework 4.0 and not the Client Profile. The Client Profile is the default and it is basically a trimmed down version which does not include the System.Design reference.

  32. #32
    Junior Member
    Join Date
    Jul 2007
    Location
    Bergen, Norway
    Posts
    31

    Re: Expandable GroupBox

    Excellent, that helped. Thanks

  33. #33
    PowerPoster
    Join Date
    Sep 2005
    Location
    Modesto, Ca.
    Posts
    5,181

    Re: Expandable GroupBox

    Nick,

    Nice control, I've been looking for something like this. I'm having a problem, I put a textbox and combobox inside the groupbox but when I run the app in the IDE the control don't hold there position from the design window and after I stop running the app the controls have move in the design window also. I played around with anchor/dock but it didn't solve the problem

    I'm I doing something wrong.
    I'm use VS 2010 pro

    thanks

    EDIT - Just an example, I set the combobox width to 300 and after running my app in the IDE the width was set to 605.
    Last edited by wes4dbt; Nov 12th, 2010 at 07:38 PM.

  34. #34
    Fanatic Member
    Join Date
    Dec 2009
    Posts
    547

    Re: Expandable GroupBox

    great control but there is no expanded size?

  35. #35

    Thread Starter
    PowerPoster
    Join Date
    Apr 2007
    Location
    The Netherlands
    Posts
    5,070

    Re: Expandable GroupBox

    The ExpandedSize property is hidden from the propertylist in the designer, as you should set it by just dragging the control. I think I did that so that the OnSizeChanged method would fire, which handles some stuff internally, and that would not get done if you set the size directly. I'm not sure about that though.

  36. #36
    Member
    Join Date
    Jan 2006
    Posts
    60

    Re: Expandable GroupBox

    VS2010 Professional

    Thank you very much for this. I have followed the instructions to get it into my project. I see it in the Solution Explorer as a .vb.

    My questions may seem obvious to the more experienced programmers here.

    How can I add this as a control onto an existing form? Is there any way of adding this into the Toolbox as a control?

  37. #37
    PowerPoster JuggaloBrotha's Avatar
    Join Date
    Sep 2005
    Location
    Lansing, MI; USA
    Posts
    4,286

    Re: Expandable GroupBox

    Quote Originally Posted by Falcon-- View Post
    VS2010 Professional

    Thank you very much for this. I have followed the instructions to get it into my project. I see it in the Solution Explorer as a .vb.

    My questions may seem obvious to the more experienced programmers here.

    How can I add this as a control onto an existing form? Is there any way of adding this into the Toolbox as a control?
    You'll need ot have compiled (or ran) your program at least once & then it'll show in the toolbox at the very top.
    Currently using VS 2015 Enterprise on Win10 Enterprise x64.

    CodeBank: All ThreadsColors ComboBoxFading & Gradient FormMoveItemListBox/MoveItemListViewMultilineListBoxMenuButtonToolStripCheckBoxStart with Windows

  38. #38
    Member
    Join Date
    Jan 2006
    Posts
    60

    Re: Expandable GroupBox

    Quote Originally Posted by JuggaloBrotha View Post
    You'll need to have compiled (or ran) your program at least once & then it'll show in the toolbox at the very top.
    Thank you JuggaloBrotha! It worked just as you wrote.

    I learn something new everyday in this forum.

  39. #39
    Junior Member
    Join Date
    Oct 2011
    Posts
    22

    Re: Expandable GroupBox

    Thank you.

    Edit

    Hello, I encounter some problems using the expandable groupbox.
    At design time I place some controls in the groupbox but when I run my application the controls change in position and size or whatever. I can't figure how to use it properly because I'm really new to vb. Thanks.

    Name:  1.jpg
Views: 4293
Size:  20.0 KB
    Last edited by mychael14; Dec 31st, 2014 at 12:45 AM.

  40. #40
    Junior Member
    Join Date
    Oct 2011
    Posts
    22

    Re: Expandable GroupBox

    Ok.. I figured it out. I change the scale mode to none in the expandedgroupbox.vb

    Me.AutoScaleMode = System.Windows.Forms.AutoScaleMode.None

Page 1 of 2 12 LastLast

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  



Click Here to Expand Forum to Full Width