1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
\r
5 <meta http-equiv="Content-Type" content="text/html;charset=utf-8" >
6 <title>Rico.Corner</title>
\r
8 <script src="LoadRicoClient.js" type="text/javascript"></script>
\r
9 <script type='text/javascript'>
\r
10 Rico.loadModule('Corner');
\r
12 Rico.onLoad( function() {
\r
13 var label=Rico.$('BaseLib');
\r
14 if (label) label.innerHTML=Rico.Lib+' '+Rico.LibVersion;
\r
15 Rico.Corner.round('a0');
\r
16 Rico.Corner.round('a',{compact:true});
\r
17 Rico.Corner.round('d',{corners:"tl"});
\r
18 Rico.Corner.round('e',{corners:"br"});
\r
19 Rico.Corner.round('f',{corners:"top"});
\r
20 Rico.Corner.round('g',{corners:"bottom"});
\r
21 Rico.Corner.round('h',{corners:"tl br"});
\r
22 Rico.Corner.round('i',{corners:"all", color: "transparent"});
\r
23 Rico.Corner.round('j',{corners:"all", compact:true, color: "transparent"});
\r
27 <link href="../demo.css" type="text/css" rel="stylesheet" />
\r
28 <style type="text/css">
\r
30 font-family : Courier;
\r
37 background-color : #ffffee;
\r
38 font-family : Arial;
\r
48 <h1>Rico.Corner - using color names</h1>
50 <p id='libname'>Base Library: <span id='BaseLib'></span></p>
\r
52 <table cellspacing="0" cellpadding="7" style="background-color:navy;" >
\r
55 <td colspan="2"><div id="a0" class="cornerSamples"><span class="code2">Rico.Corner.round(element);<br><br><br><br></span></div></td>
\r
59 <td><div id="a" class="cornerSamples" style='background-color:yellow'><span class="code2">Rico.Corner.round(element, {compact:true});<br><br><br><br></span></div></td>
\r
60 <td><div id="d" class="cornerSamples" style='background-color:lightgreen'><span class="code2">Rico.Corner.round(element, {corners:"tl"});<br><br><br><br></span></div></td>
\r
64 <td><div id="e" class="cornerSamples" style='background-color:lime'><span class="code2">Rico.Corner.round(element, {corners:"br"});<br><br><br><br></span></div></td>
\r
65 <td><div id="f" class="cornerSamples" style='background-color:pink'><span class="code2">Rico.Corner.round(element, {corners:"top"});<br><br><br><br></span></div></td>
\r
69 <td><div id="g" class="cornerSamples" style='background-color:lightgrey'><span class="code2">Rico.Corner.round(element, {corners:"bottom"});<br><br><br><br></span></div></td>
\r
70 <td><div id="h" class="cornerSamples" style='background-color:gold'><span class="code2">Rico.Corner.round(element, {corners:"tl br"});<br><br><br><br></span></div></td>
\r
74 <td><div id="i" class="cornerSamples" style="background-image:url(gradient.jpg)"><span class="code2">Rico.Corner.round(element, {color:"transparent"}</span><br><br><br><br></div></td>
\r
75 <td><div id="j" class="cornerSamples" style="background-image:url(gradient.jpg)"><span class="code2">Rico.Corner.round(element, {color:"transparent",compact:true}</span><br><br><br><br></div></td>
\r