152 lines
4.8 KiB
HTML
152 lines
4.8 KiB
HTML
|
<HTML>
|
||
|
|
<BODY bgcolor=ffffff>
|
||
|
|
<P>
|
||
|
|
<TABLE width=100% cellspacing=0 cellpadding=0>
|
||
|
|
<TR>
|
||
|
|
<TD>
|
||
|
|
<FONT size=-1><B>CalHTMLPane v2.0 Guide</B></FONT>
|
||
|
|
</TD>
|
||
|
|
<TD align=right>
|
||
|
|
<FONT size=-1><B>Example Tag Usage</B></FONT>
|
||
|
|
</TD>
|
||
|
|
</TR>
|
||
|
|
</TABLE>
|
||
|
|
<HR width=100% size=1 color=black>
|
||
|
|
<P>
|
||
|
|
<FONT size=+1><B>2: Forms</B></FONT>
|
||
|
|
<P>
|
||
|
|
<BLOCKQUOTE>
|
||
|
|
<P>
|
||
|
|
<B>Tag: INPUT (checkbox)</B><BR>
|
||
|
|
<P>
|
||
|
|
<BLOCKQUOTE>
|
||
|
|
<TABLE border align=center width=100% cellpadding=12>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
<TR>
|
||
|
|
<TD>
|
||
|
|
<B>Default Rendering (no color modification):</B>
|
||
|
|
<P>
|
||
|
|
<table align=center border=2 cellspacing=2 cellpadding=5 width=400 bgcolor=uicontrol>
|
||
|
|
<colgroup span=4 align=center width=25%>
|
||
|
|
</colgroup>
|
||
|
|
<tr><th> </th><th>lookandfeel</th><th>threedee</th><th>flush</th></tr>
|
||
|
|
<tr>
|
||
|
|
<td><B>uicontrol</B>
|
||
|
|
<td><input type=checkbox style=lookandfeel> Text</td>
|
||
|
|
<td><input type=checkbox style=threedee> Text</td>
|
||
|
|
<td><input type=checkbox style=flush> Text</td>
|
||
|
|
</tr>
|
||
|
|
<tr bgcolor=white>
|
||
|
|
<td><B>white</B>
|
||
|
|
<td><input type=checkbox style=lookandfeel> Text</td>
|
||
|
|
<td><input type=checkbox style=threedee> Text</td>
|
||
|
|
<td><input type=checkbox style=flush> Text</td>
|
||
|
|
</tr>
|
||
|
|
<tr bgcolor=black>
|
||
|
|
<td><B><FONT color=white>black</FONT></B>
|
||
|
|
<td><input type=checkbox style=lookandfeel> <FONT color=white>Text</FONT></td>
|
||
|
|
<td><input type=checkbox style=threedee> <FONT color=white>Text</FONT></td>
|
||
|
|
<td><input type=checkbox style=flush> <FONT color=white>Text</FONT></td>
|
||
|
|
</tr>
|
||
|
|
<tr bgcolor=ddccee>
|
||
|
|
<td><B>(light)</B>
|
||
|
|
<td><input type=checkbox style=lookandfeel> Text</td>
|
||
|
|
<td><input type=checkbox style=threedee> Text</td>
|
||
|
|
<td><input type=checkbox style=flush> Text</td>
|
||
|
|
</tr>
|
||
|
|
<tr bgcolor=557733>
|
||
|
|
<td><B>(dark)</B>
|
||
|
|
<td><input type=checkbox style=lookandfeel> Text</td>
|
||
|
|
<td><input type=checkbox style=threedee> Text</td>
|
||
|
|
<td><input type=checkbox style=flush> Text</td>
|
||
|
|
</tr>
|
||
|
|
</table>
|
||
|
|
<BR>
|
||
|
|
</TD></TR>
|
||
|
|
<TR><TD>
|
||
|
|
<B>Setting color attributes:</B>
|
||
|
|
<P>
|
||
|
|
<table align=center bgcolor=ffffdd cellspacing=0 cellpadding=4 rules=none bordercolor=black frame=border>
|
||
|
|
<tr>
|
||
|
|
<td><FONT color=navy>
|
||
|
|
<TABLE border=2 cellspacing=2 cellpadding=5 width=200 bgcolor=uicontrol><BR>
|
||
|
|
<code> </code><COLGROUP span=2 align=center width=50%></COLGROUP><BR>
|
||
|
|
<code> </code><TR><TH>threedee</TH><TH>flush</TH></TR><BR>
|
||
|
|
<code> </code><TR><TD><BR>
|
||
|
|
<code> </code><INPUT type=checkbox style=threedee bgcolor=uicontrol> Text<BR>
|
||
|
|
<code> </code><INPUT type=checkbox style=flush bgcolor=green text=white> Text<BR>
|
||
|
|
<code> </code></TD></TR><BR>
|
||
|
|
|
||
|
|
<code> </code><TR bgcolor=779988><TD><BR>
|
||
|
|
<code> </code><INPUT type=checkbox style=threedee bgcolor=779988> Text<BR>
|
||
|
|
<code> </code><INPUT type=checkbox style=flush bgcolor=779988 text=yellow> Text<BR>
|
||
|
|
<code> </code></TD></TR><BR>
|
||
|
|
|
||
|
|
<code> </code><TR bgcolor=ee99aa><TD><BR>
|
||
|
|
<code> </code><INPUT type=checkbox style=threedee bgcolor=ee99aa> Text<BR>
|
||
|
|
<code> </code><INPUT type=checkbox style=flush bgcolor=red text=white> Text<BR>
|
||
|
|
<code> </code></TD></TR><BR>
|
||
|
|
|
||
|
|
<code> </code><TR bgcolor=ccaa22><TD><BR>
|
||
|
|
<code> </code><INPUT type=checkbox style=threedee bgcolor=ccaa22> Text<BR>
|
||
|
|
<code> </code><INPUT type=checkbox style=flush bgcolor=ccaa22> Text<BR>
|
||
|
|
<code> </code></TD></TR><BR>
|
||
|
|
|
||
|
|
|
||
|
|
</TABLE></FONT>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
</table>
|
||
|
|
<P>
|
||
|
|
</TR>
|
||
|
|
</TD>
|
||
|
|
<TR><TD>
|
||
|
|
<P>
|
||
|
|
<B>Rendering:</B>
|
||
|
|
<BR>
|
||
|
|
<table align=center 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>
|
||
|
|
<td><input type=checkbox style=threedee bgcolor=uicontrol> Text</td>
|
||
|
|
<td><input type=checkbox style=flush bgcolor=green text=white> Text</td>
|
||
|
|
</tr>
|
||
|
|
<tr bgcolor=779988>
|
||
|
|
<td><input type=checkbox style=threedee bgcolor=779988> Text</td>
|
||
|
|
<td><input type=checkbox style=flush bgcolor=779988 text=yellow> Text</td>
|
||
|
|
</tr>
|
||
|
|
<tr bgcolor=ee99aa>
|
||
|
|
<td><input type=checkbox style=threedee bgcolor=ee99aa> Text</td>
|
||
|
|
<td><input type=checkbox style=flush bgcolor=red text=white> Text</td>
|
||
|
|
</tr>
|
||
|
|
<tr bgcolor=ccaa22>
|
||
|
|
<td><input type=checkbox style=threedee bgcolor=ccaa22 > Text</td>
|
||
|
|
<td><input type=checkbox style=flush bgcolor=ccaa22> Text</td>
|
||
|
|
</tr>
|
||
|
|
</table>
|
||
|
|
<BR>
|
||
|
|
</TD>
|
||
|
|
</TR>
|
||
|
|
|
||
|
|
|
||
|
|
</TABLE>
|
||
|
|
</BLOCKQUOTE>
|
||
|
|
</BLOCKQUOTE>
|
||
|
|
|
||
|
|
<TABLE align=center width=50%>
|
||
|
|
<TR>
|
||
|
|
<TD align=center>
|
||
|
|
<A href="../CalGuide.html">Guide Index</A> |
|
||
|
|
<A href="../javadoc/overview-tree.html"> JavaDoc</A> |
|
||
|
|
<A href="guide-Forms-button.html"> Previous</A> |
|
||
|
|
<A href="guide-Forms-radio.html"> Next</A>
|
||
|
|
</TD>
|
||
|
|
</TR>
|
||
|
|
</TABLE>
|
||
|
|
|
||
|
|
</BODY>
|
||
|
|
</HTML>
|