More radical UI reworking.
authorMike Taylor <mike@indexdata.com>
Thu, 4 Jul 2013 16:47:45 +0000 (17:47 +0100)
committerMike Taylor <mike@indexdata.com>
Thu, 4 Jul 2013 16:47:45 +0000 (17:47 +0100)
experiments/spclient/index-lowlevel.html

index 5477eb6..63b69c2 100644 (file)
@@ -4,33 +4,46 @@
     <title>MKWS demo client</title>
     <link rel="stylesheet" href="http://mkws.indexdata.com/mkwsStyle.css" />
     <script type="text/javascript" src="http://mkws.indexdata.com/mkws-complete.js"></script>
+    <style type="text/css">
+      #mkwsTermlists div.facet {
+      float:left;
+      width: 30%;
+      margin: 0.3em;
+      }
+    </style>
   </head>
   <body>
-    <div id="mkwsSwitch"></div>
-    <div id="mkwsLang"></div>
-    <div id="mkwsSearch"></div>
-    <table width="100%" border="0" cellpadding="6" cellspacing="0">
+    <table width="100%" border="0">
       <tr>
-        <td colspan="2">
-          <div id="mkwsPager"></div>
-       </td>
+        <td>
+          <div id="mkwsSwitch"></div>
+          <div id="mkwsLang"></div>
+          <div id="mkwsSearch"></div>
+        </td>
       </tr>
       <tr>
-        <td valign="top">
-          <div id="mkwsNavi"></div>
-          <div id="mkwsRecords" style="background: #f0f8ff"></div>
+        <td>
+          <div style="height:500px; overflow: auto">
+            <div id="mkwsPager"></div>
+            <div id="mkwsNavi"></div>
+            <div id="mkwsRecords"></div>
+            <div id="mkwsTargets"></div>
+            <div id="mkwsRanking"></div>
+          </div>
         </td>
-        <td width="250" valign="top">
-          <div id="mkwsTermlists"></div>
+      </tr>
+      <tr>
+        <td>
+          <div style="height:300px; overflow: hidden">
+            <div id="mkwsTermlists"></div>
+          </div>
         </td>
       </tr>
       <tr>
-       <td colspan="2">
-          <div id="mkwsRanking"></div>
-       </td>
+        <td>
+          <div id="mkwsStat"></div>
+        </td>
       </tr>
     </table>
-    <div id="mkwsTargets"></div>
-    <div id="mkwsStat"></div>
   </body>
 </html>