CalHTMLPane v2.0 Guide Example Tag Usage


2: Forms

Tag: INPUT (submit)
Tag: INPUT (reset)
Tag: INPUT (button)

Default Rendering (no color modification):

 lookandfeelthreedeeflush
uicontrol
white
black
(light)
(dark)

Setting color attributes:

<TABLE border=2 cellspacing=2 cellpadding=5 width=200 bgcolor=uicontrol>
  <COLGROUP span=2 align=center width=50%></COLGROUP>
  <TR><TH>threedee</TH><TH>flush</TH></TR>
  <TR bgcolor=aa88aa><TD>
    <INPUT type=button style=threedee bgcolor=aa88aa value="Press Me">
    <INPUT type=button style=flush bgcolor=aa88aa value="Press Me">
  </TD></TR>
  <TR><TD>
    <INPUT type=button style=threedee bgcolor=779988 value="Press Me">
    <INPUT type=buton style=flush bgcolor=779988 value="Press Me">
  </TD></TR>
  <TR bgcolor=ee99aa><TD>
    <INPUT type=button style=threedee bgcolor=ee99aa value="Press Me">
    <INPUT type=button style=flush bgcolor=ee99aa value="Press Me">
  </TD></TR>
  <TR><TD>
    <INPUT type=button style=threedee bgcolor=ccaa22 value="Press Me">
    <INPUT type=button style=flush bgcolor=ccaa22 value="Press Me">
  </TD></TR>
</TABLE>

Rendering:
threedeeflush

The inner highlight of the flush style can be removed by setting the control's bordercolorlight to the same color as its background

<TABLE align=center border=2 cellspacing=2 cellpadding=5 width=100 bgcolor=aabbcc>
<TR><TD>
  <INPUT type=button align=bottom style=flush bgcolor=aabbcc
  bordercolorlight=aabbcc value="Press Me">
</TD></TR>
</TABLE>

Guide Index  |  JavaDoc  |  Previous  |  Next