Thanks for posting this. What is going on here is that the VBox has display: flex, and by default the children (the checkboxes) have flex-shrink: 1. This means that they will try to shrink (vertically, since it's a vertical flex layout) to fit the space. I played with some options by right clicking the checkbox in Chrome and choosing "Inspect", and then modifying the CSS. There's a number of ways to deal with this:
1. Set the VBox layout.display to something other than 'flex' (for example, 'block') 2. For each checkbox, set the layout.flex to '0 0 28px' (that sets the flex-shrink factor to 0 and the natural height to 28px, matching its normal size). (Note that you can create one Layout instance that you then use for all of the checkboxes) 3. For each checkbox, set the layout.min_height to '28px' to force it to be at least that high Thanks, Jason On Sat, Jul 1, 2017 at 11:11 AM zinc1oxide <[email protected]> wrote: > Environment: > > - Python 3.6.1 > - ipywidgets 6.0.0 > > I'm trying to create a simple scrolling region that allows me to load > multiple Checkbox widgets with a readable layout. Based on some examples, > I can do something horizontally such as: > > > <https://lh3.googleusercontent.com/-HoXzcBmG5K8/WVe3LIGBf1I/AAAAAAAAAMg/za0C7mNua3YHJIcBChwPln82x2O4etnoQCLcBGAs/s1600/img1.png> > > When I attempt to do this vertically within a specific region, I'm unable > to find the right combination of Layout controls to do this: > > > <https://lh3.googleusercontent.com/-KpP7bFQ6YFo/WVe4HS_oOQI/AAAAAAAAAMk/k-8wjPikg2kt0Bq0YlEg9t2LzO1CvdrJgCLcBGAs/s1600/img2.png> > > I have tried a number of combinations, but I'm getting to the point where > I am guessing. Any help would be appreciated, > thanks. > > > -- > You received this message because you are subscribed to the Google Groups > "Project Jupyter" group. > To unsubscribe from this group and stop receiving emails from it, send an > email to [email protected]. > To post to this group, send email to [email protected]. > To view this discussion on the web visit > https://groups.google.com/d/msgid/jupyter/f1b1ea9a-c7cc-41e1-9cd6-b19fae7e0e53%40googlegroups.com > <https://groups.google.com/d/msgid/jupyter/f1b1ea9a-c7cc-41e1-9cd6-b19fae7e0e53%40googlegroups.com?utm_medium=email&utm_source=footer> > . > For more options, visit https://groups.google.com/d/optout. > -- You received this message because you are subscribed to the Google Groups "Project Jupyter" group. To unsubscribe from this group and stop receiving emails from it, send an email to [email protected]. To post to this group, send email to [email protected]. To view this discussion on the web visit https://groups.google.com/d/msgid/jupyter/CAPDWZHz-YOnGv7VZuz%3DhnVh42Ph%3DQzC4q%3D%3DUqZ%3D7b0dtQoNJnA%40mail.gmail.com. For more options, visit https://groups.google.com/d/optout.
