I've noticed that when multiple multi-select lists are added near each other, some excessive spacing happens. I would love to know how to modify this as it's way too much space to make the form look nice. Please note the screenshots below.
Notice the placement of the multi-select list with a checkbox choice component below it.
Notice how it comes out looking fine on the actual form.
Now, when I add additional multi-select list components look what happens to the form.
Not only does it add excessive space between the two multi-selects on the right, it then adds additional space between the multi-select and the checkbox component on the left.
Solved! Go to Solution.
That works, if you only need one or two choice boxes. I'm trying to create a form that has 10 boxes. It's not realistic to put them all side-by-side. With the width of the site, it makes sense to have 3 per row, with 1 on the final line. Unfortunately, the form comes out with huge gaps of space in between each row.
Actually becomes this monster:
then I affraid you have not much to do with that. it's simply how it works.
maybe you could yet try two more things
- make some small space between panels so that they do not touch each other
- make a separate panels for each control. so you will have one panel per row (like level 1), 3 panels within row panel (level 2) and each control placed into its own panel (level 3).
make sure lower level objects are really placed into upper level panels, not just overlapped.
but I do not give it too much chances to make it work
It turns out, if you fully expand your choice options to show the entire control, you no longer have this problem. In the screenshot below you have the normal control sizing after dragging it on to the form(pictured top) and then you have a fully expanded control(pictured bottom). It looks like you can add as many controls side by side, top to bottom, wherever; and they all display fine as long as you fully expand them after adding them to the form.
if you make it so big that it can display all the option at design time, it does not need to resize at runtime, hence no empty space is created.
so this solution is reasonable just for static and quite short set of options.