Smallest Laszlo Footprint Contest

Let's see how small we can make our Laszlo apps! Since a Laszlo contest for lowest LOC count would probably result in a lot of messy and collapsed code, why not have a contest for smallest UI footprint instead? There's no prizes yet, except for bragging rights. Here are the rules:

1. Add the width and height of your Laszlo app's main canvas, in pixels. Subtract 10 points for each different visible Laszlo component that is used. (For example, two or more checkboxes are only counted once.) This is your score and we are aiming for lowest score.
2. To score, each Laszlo component used must be fully visible and clickable. Without going into a philosophical debate on what is the smallest component that is still a usable component, let's just say we want our components to look "nice" and still be recognizable. So if a tree component is used, it should have at least one node to expand and collapse, etc.
3. Scrollbars will be disallowed since they essentially give unlimited screen real-estate.
4. Try to color each component with a different color, so it is easily seen and differentiated.
5. Finally, the IDE for Laszlo will be used for its rapid prototyping and easy preview capabilities.

Here is my ridiculously easy to beat example:

<canvas height="85" width="15">
  <view>
  <simplelayout axis="y"/>
  <text bgcolor="red">a</text>
  <radiogroup bgcolor="green">
  <radiobutton></radiobutton>
  <radiobutton></radiobutton>
  </radiogroup>
  <button height="18" width="12" bgcolor="blue">b</button>
  <checkbox bgcolor="yellow"></checkbox>
  </view>
</canvas>

This app scores 60 points. The sum of canvas width and height gives 100 points, minus 40 points for 4 different components.

How low can we go? Will we see negative number scores? Log in to post your name and code entry into the Comments area below.

Please note that the IBM Terms of Use applies to this web site and postings made to this Wiki.