Changeset 1368

Timestamp:

2009-11-13 16:56:56 (2 years ago)

Author:

karel

Message:

Included jquery autocomplete example - groundwork for turning it into a kauri control

Location:

trunk

Files:

• modules/kauri-forms/kauri-forms-extra/src/main/kauri/static/autocomplete (added)
• modules/kauri-forms/kauri-forms-extra/src/main/kauri/static/autocomplete/js (added)
• modules/kauri-forms/kauri-forms-extra/src/main/kauri/static/autocomplete/js/autocomplete.js (added)
• modules/kauri-forms/kauri-forms-extra/src/main/kauri/static/autocomplete/js/jquery.autocomplete.js (added)
• modules/kauri-forms/kauri-forms-extra/src/main/kauri/templates/snippet/headerlinks-autocomplete.xml (added)
• modules/kauri-forms/kauri-forms-framework/src/main/kauri/static/css/forms.css (modified) (1 diff)
• samples/kauri-forms-sample/src/main/kauri/pages/autocomplete-control.html.xml (added)
• samples/kauri-forms-sample/src/main/kauri/pages/index.html.xml (modified) (1 diff)

trunk/modules/kauri-forms/kauri-forms-framework/src/main/kauri/static/css/forms.css

@@ -47 +47 @@
     width:16px;
 }
+
+/*
+ * autocomplete control
+ */
+
+.ac_results {
+    padding: 0px;
+    border: 1px solid black;
+    background-color: white;
+    overflow: hidden;
+    z-index: 99999;
+}
+
+.ac_results ul {
+    width: 100%;
+    list-style-position: outside;
+    list-style: none;
+    padding: 0;
+    margin: 0;
+}
+
+.ac_results li {
+    margin: 0px;
+    padding: 2px 5px;
+    cursor: default;
+    display: block;
+    /* 
+    if width will be 100% horizontal scrollbar will apear 
+    when scroll mode will be used
+    */
+    /*width: 100%;*/
+    font: menu;
+    font-size: 12px;
+    /* 
+    it is very important, if line-height not setted or setted 
+    in relative units scroll will be broken in firefox
+    */
+    line-height: 16px;
+    overflow: hidden;
+}
+
+.ac_loading {
+    background: white url(../img/loading.gif) right center no-repeat;
+}
+
+.ac_odd {
+    background-color: #eee;
+}
+
+.ac_over {
+    background-color: #0A246A;
+    color: white;
+}
+

trunk/samples/kauri-forms-sample/src/main/kauri/pages/index.html.xml

@@ -45 +45 @@
       <li>
         <a href="selection-control.html">Selection control</a>
+      </li>
+      <li>
+        <a href="autocomplete-control.html">Autocomplete control</a>
       </li>
       <li>