tooltip-test.lzx
<canvas bgcolor="white">
<debug x="160" y="70"/>
<include href="../tooltip/tooltip.lzx"/>
<view bgcolor="green" width="100%" height="100%" options="ignorelayout"/>
<text x="20" y="40" width="400" multiline="true">Hold mouse over 4 corner buttons, the small yellow arrow and blue view in the middle. A tooltip should show for each after a moment and it should never be cropped by the edge of the canvas.</text>
<view x="20" y="100" resource="../tooltip/resources/tooltip_pointer_dn.png" clickable="true">
<tooltip text="This tip is for a view with a resource."/>
</view>
<button id="b1" text="OK" x="10" y="10">
<tooltip name="tip">This is a tool tip.</tooltip>
</button>
<button id="b2" text="OK" x="${canvas.width - width - 5}" y="10">
<tooltip name="tip">this is a tool tip for a button in top right</tooltip>
</button>
<text x="200" y="170">Attribute tipalign='right'</text>
<button id="b22" text="OK" x="200" y="200" width="50">
<tooltip name="tip" tipalign="right">this is a tool tip shifted to the left</tooltip>
</button>
<button id="b3" text="OK" x="${canvas.width - width - 5}" y="${canvas.height - height - 5}">
<tooltip name="tip">this is a tool tip for a button in lower right</tooltip>
</button>
<button id="b4" text="OK" x="10" y="${canvas.height - height - 5}">
<tooltip name="tip">this is a tool tip for a button in lower left</tooltip>
</button>
<view id="v1" x="140" y="100" height="${canvas.height - y - 5}" width="8" bgcolor="blue" clickable="true">
<tooltip name="tip">this is a tooltip for the skinny view in the middle</tooltip>
</view>
</canvas>
Cross References
Includes
Named Instances
- <button id="b1">
- <button id="b2">
- <button id="b22">
- <button id="b3">
- <button id="b4">
- <view id="v1">