188 lines
3.6 KiB
HTML
188 lines
3.6 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: SELECT (combobox)</B><BR>
|
|
<P>
|
|
<BLOCKQUOTE>
|
|
<TABLE border align=center cellpadding=12 width=100%>
|
|
|
|
<TR>
|
|
<TD>
|
|
<B>Default Rendering (no color modification):</B>
|
|
<P>
|
|
<FORM>
|
|
<table align=center border=2 cellspacing=2 cellpadding=10 width=400 bgcolor=uicontrol>
|
|
<colgroup span=3 align=center width=33%>
|
|
</colgroup>
|
|
<tr><th>lookandfeel</th><th>threedee</th><th>flush</th></tr>
|
|
<tr>
|
|
<td>
|
|
<SELECT style=lookandfeel align=bottom>
|
|
<OPTION>Alabama
|
|
<OPTION>Alaska
|
|
<OPTION>Arizona
|
|
<OPTION>Arkansas
|
|
<OPTION>California
|
|
<OPTION>Colorado
|
|
<OPTION>Connecticut
|
|
<OPTION>Delaware
|
|
<OPTION>Florida
|
|
<OPTION>Georgia
|
|
<OPTION>Hawaii
|
|
<OPTION>Idaho
|
|
</SELECT>
|
|
</td>
|
|
<td>
|
|
<SELECT style=threedee align=bottom>
|
|
<OPTION>Alabama
|
|
<OPTION>Alaska
|
|
<OPTION>Arizona
|
|
<OPTION>Arkansas
|
|
<OPTION>California
|
|
<OPTION>Colorado
|
|
<OPTION>Connecticut
|
|
<OPTION>Delaware
|
|
<OPTION>Florida
|
|
<OPTION>Georgia
|
|
<OPTION>Hawaii
|
|
<OPTION>Idaho
|
|
</SELECT>
|
|
</td>
|
|
<td>
|
|
<SELECT style=flush align=bottom>
|
|
<OPTION>Alabama
|
|
<OPTION>Alaska
|
|
<OPTION>Arizona
|
|
<OPTION>Arkansas
|
|
<OPTION>California
|
|
<OPTION>Colorado
|
|
<OPTION>Connecticut
|
|
<OPTION>Delaware
|
|
<OPTION>Florida
|
|
<OPTION>Georgia
|
|
<OPTION>Hawaii
|
|
<OPTION>Idaho
|
|
</SELECT>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
<BR>
|
|
</TD></TR>
|
|
<TR><TD>
|
|
<B>With color attributes:</B>
|
|
<P>
|
|
<table align=center bgcolor=ffffdd cellspacing=0 cellpadding=4 rules=none bordercolor=black frame=border>
|
|
<tr><td>
|
|
<SELECT style=threedee bgcolor=ccbbcc><BR>
|
|
<SELECT style=flush bgcolor=ccbbcc><BR>
|
|
</td></tr>
|
|
</table>
|
|
<P>
|
|
<table align=center border=2 cellspacing=2 cellpadding=5 width=300 bgcolor=ccbbcc>
|
|
<colgroup span=2 align=center width=50%>
|
|
</colgroup>
|
|
<tr><th>threedee</th><th>flush</th></tr>
|
|
<tr><td>
|
|
<SELECT style=threedee align=bottom bgcolor=ccbbcc>
|
|
<OPTION>Alabama
|
|
<OPTION>Alaska
|
|
<OPTION>Arizona
|
|
<OPTION>Arkansas
|
|
<OPTION>California
|
|
<OPTION>Colorado
|
|
<OPTION>Connecticut
|
|
<OPTION>Delaware
|
|
<OPTION>Florida
|
|
<OPTION>Georgia
|
|
<OPTION>Hawaii
|
|
<OPTION>Idaho
|
|
</SELECT>
|
|
</td><td>
|
|
<SELECT style=flush align=bottom bgcolor=ccbbcc>
|
|
<OPTION>Alabama
|
|
<OPTION>Alaska
|
|
<OPTION>Arizona
|
|
<OPTION>Arkansas
|
|
<OPTION>California
|
|
<OPTION>Colorado
|
|
<OPTION>Connecticut
|
|
<OPTION>Delaware
|
|
<OPTION>Florida
|
|
<OPTION>Georgia
|
|
<OPTION>Hawaii
|
|
<OPTION>Idaho
|
|
</SELECT>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
<BR>
|
|
</TD>
|
|
</TR>
|
|
|
|
<TR>
|
|
<TD>
|
|
Use the <B>bordercolorlight</B> attribute to soften the inner highlight color
|
|
of the <B>flush</B> style
|
|
<P>
|
|
<table align=center bgcolor=ffffdd cellspacing=0 cellpadding=4 rules=none bordercolor=black frame=border>
|
|
<tr><td>
|
|
<SELECT style=flush bgcolor=ccbbcc bordercolorlight=eeddee><BR>
|
|
</td></tr>
|
|
</table>
|
|
<P>
|
|
<table align=center border=2 cellspacing=2 cellpadding=5 width=150 bgcolor=ccbbcc>
|
|
<tr><td align=center>
|
|
<SELECT style=flush align=bottom bgcolor=ccbbcc bordercolorlight=eeddee>
|
|
<OPTION>Alabama
|
|
<OPTION>Alaska
|
|
<OPTION>Arizona
|
|
<OPTION>Arkansas
|
|
<OPTION>California
|
|
<OPTION>Colorado
|
|
<OPTION>Connecticut
|
|
<OPTION>Delaware
|
|
<OPTION>Florida
|
|
<OPTION>Georgia
|
|
<OPTION>Hawaii
|
|
<OPTION>Idaho
|
|
</SELECT>
|
|
|
|
</td></tr>
|
|
</table>
|
|
</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-radio.html"> Previous</A> |
|
|
<A href="guide-Forms-selection.html"> Next</A>
|
|
</TD>
|
|
</TR>
|
|
</TABLE>
|
|
|
|
</BODY>
|
|
</HTML>
|