144 lines
4.2 KiB
HTML
144 lines
4.2 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 (text)<BR>
|
||
|
|
Tag: INPUT (password)<BR>
|
||
|
|
Tag: TEXTAREA</B><BR>
|
||
|
|
<P>
|
||
|
|
<BLOCKQUOTE>
|
||
|
|
<TABLE border align=center width=100% cellpadding=12>
|
||
|
|
|
||
|
|
<TR>
|
||
|
|
<TD>
|
||
|
|
<B>Default Rendering (no color modification, size=18):</B>
|
||
|
|
<P>
|
||
|
|
|
||
|
|
<table align=center border=2 cellspacing=2 cellpadding=5 width=400 bgcolor=uicontrol>
|
||
|
|
<colgroup span=3 align=center>
|
||
|
|
</colgroup>
|
||
|
|
<tr><th> </th><th>uicontrol background</th><th>white background</th></tr>
|
||
|
|
<tr>
|
||
|
|
<td><B>lookandfeel</B>
|
||
|
|
<td><input type=text style=lookandfeel align=bottom></td>
|
||
|
|
<td bgcolor=white><input type=text style=lookandfeel align=bottom></td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td><B>threedee</B>
|
||
|
|
<td><input type=text style=threedee align=bottom></td>
|
||
|
|
<td bgcolor=white><input type=text style=threedee align=bottom></td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td><B>flush</B>
|
||
|
|
<td><input type=text style=flush align=bottom></td>
|
||
|
|
<td bgcolor=white><input type=text style=flush align=bottom></td>
|
||
|
|
</tr>
|
||
|
|
<tr><th> </th><th>light background</th><th>dark background</th></tr>
|
||
|
|
<tr>
|
||
|
|
<td><B>lookandfeel</B>
|
||
|
|
<td bgcolor=ddffdd><input type=text style=lookandfeel align=bottom></td>
|
||
|
|
<td bgcolor=6688aa><input type=text style=lookandfeel align=bottom></td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td><B>threedee</B>
|
||
|
|
<td bgcolor=ddffdd><input type=text style=threedee align=bottom></td>
|
||
|
|
<td bgcolor=6688aa><input type=text style=threedee align=bottom></td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td><B>flush</B>
|
||
|
|
<td bgcolor=ddffdd><input type=text style=flush align=bottom></td>
|
||
|
|
<td bgcolor=6688aa><input type=text style=flush align=bottom></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 bgcolor=gray><BR>
|
||
|
|
<code> </code><COLGROUP span=2 align=center></COLGROUP><BR>
|
||
|
|
<code> </code><TR><BR>
|
||
|
|
<code> </code><TH><FONT color=white>threedee</FONT></TH><BR>
|
||
|
|
<code> </code><TH><FONT color=white>flush</FONT></TH><BR>
|
||
|
|
<code> </code></TR><BR>
|
||
|
|
<code> </code><TR><BR>
|
||
|
|
<code> </code><TD><TEXTAREA rows=4 style=threedee<BR>
|
||
|
|
<code> </code>bgcolor=gray>Some sample text</TEXTAREA></TD><BR>
|
||
|
|
<code> </code><TD><TEXTAREA rows=4 style=flush bordercolor=maroon<BR>
|
||
|
|
<code> </code>text=yellow>Some sample text</TEXTAREA></TD><BR>
|
||
|
|
<code> </code><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 bgcolor=gray>
|
||
|
|
<colgroup span=2 align=center>
|
||
|
|
</colgroup>
|
||
|
|
<tr><th><FONT color=white>threedee</FONT></th><th><FONT color=white>flush</FONT></th></tr>
|
||
|
|
<tr>
|
||
|
|
<td><textarea rows=4 style=threedee bgcolor=gray>Some sample text</textarea>
|
||
|
|
</td>
|
||
|
|
<td bgcolor=white><textarea rows=4 style=flush bordercolor=maroon text=yellow>Some sample text</textarea>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
</table>
|
||
|
|
<BR>
|
||
|
|
</TD>
|
||
|
|
</TR>
|
||
|
|
<TR>
|
||
|
|
<TD>
|
||
|
|
<B>Implementation Notes:</B><BR>
|
||
|
|
<UL>
|
||
|
|
<LI>Note that the background color of text components is set with the <B>bordercolor</B><BR>
|
||
|
|
attribute.
|
||
|
|
<LI>Input into textfields can be constrained using the <B>maxlength</B> attribute
|
||
|
|
<LI>Swing's JTextArea normally allows tabbing within it, but this has been changed<BR>
|
||
|
|
within the CalPane to allow for consistent keyboard navigation
|
||
|
|
</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-selection.html"> Previous</A> |
|
||
|
|
<A href="guide-Forms-buttontag.html"> Next</A>
|
||
|
|
</TD>
|
||
|
|
</TR>
|
||
|
|
</TABLE>
|
||
|
|
|
||
|
|
</BODY>
|
||
|
|
</HTML>
|