This is listed as Obstacle #4 in my previous post.I can paint a really pretty absolutely positioned and sized GUI in the Design view; however, I would like a relatively positioned and sized GUI in the browser. In particular, I would like for my GUI to fill the browser space and keep nice proportions.
I have a solution, but it is not 100% satisfactory.
For each of the major components (Group Panel, Tree, and Common Tasks Section), I’ve set the height and width style properties to % instead of px. I left the Tree width at absolute width to keep up snug up against the Common Tasks Section
- Group Panel – 100%, 100%
- Tree- 100%, 250 px
- Common Tasks Section – 100%, 80%
So now I get this nice resizable layout in my browser:
But now I’m left with this in the design tab: