A modern programming language that makes developers happier.

kotlinlang

I have some trouble with part of the layout of a page. As an example, I want to place to VPanels within an HPanel.

hPanel {
  width = 100.perc
  vPanel {
    width = 50.perc
    // other components  with information displayed...
  }
  vPanel {
    width = 50.perc
    // yet other components with information displayed...
  }
}

And I want the two VPanels to always take up half of the screen width. But, I cannot get the VPanels to stick to that. They shrink and enlarge depending on the information that is displayed.

How can I get the VPanels to always take up 50% of the browser screen independent of what they contain?