From 40008f90386480a742baec5e4d8cd49b1fd7b7f6 Mon Sep 17 00:00:00 2001
From: Roland Gruber <post@rolandgruber.de>
Date: Sat, 28 Aug 2010 09:34:00 +0000
Subject: [PATCH] new tab design

---
 lam/graphics/gear.png                   | Bin 2373 -> 854 bytes
 lam/graphics/moduleSettings.png         | Bin 1872 -> 0 bytes
 lam/graphics/modules.png                | Bin 1771 -> 3558 bytes
 lam/style/500_layout.css                |   8 ++
 lam/templates/config/confmain.php       | 146 +++++++++++------------
 lam/templates/config/confmodules.php    | 147 +++++++++++-------------
 lam/templates/config/conftypes.php      | 147 +++++++++++-------------
 lam/templates/config/moduleSettings.php | 146 +++++++++++------------
 8 files changed, 284 insertions(+), 310 deletions(-)
 delete mode 100644 lam/graphics/moduleSettings.png

diff --git a/lam/graphics/gear.png b/lam/graphics/gear.png
index 430a62341c613b35c9dddc9bfa359615b2e60b39..fc14700f9486cb270ee87ff7f7d4b04dee53efb5 100644
GIT binary patch
delta 820
zcmV-41Izry64nMGiBL{Q4GJ0x0000DNk~Le0000G0000G2nGNE03Y-JVUZy*e+dE>
z1Ri;>NqztT0^><UK~#9!jgw1gTy+$Ozx$j!GdI_1ohC6?Caoq4iZ*DZiq8}&q${x^
zRzzA63Zf_~g4l`+MMX;&u@qgna3M9+)K+4RrtPGy;3C%05(*R3ggl%{CiBQ-W^yz4
z@pq9<XwiT_IIDBc$2q^lk+@DTf1Ike%^UJ3@`~@|`oDdtW!p2axUN6))82TJbtD1o
z8FZQhU%cwMqIl9UJ|iJ$O|RrihH{fq^Hn=}`KjLyY&)?op!=7VV?zmTS98f{GNxdS
zmN4fk$eM!J62)Bhs}0%OuPixN|9Cs`=Dz@)M`~lkrq)IW*n_idDwdF>e_*vhmI-aN
z81HCA{kuxI@4M~eNB5nr1LWO5Rvt_=)(k5epcZ^KRhFh}i+{f7EDXOWskuYpTlAc2
z25g-wVCX7J<2?`EutV4J<zt)^f^$M>1D<H#+xG#W*Yo#%_`SVjApLuHGB3JMSB2SI
z5%x#36Y<9mSOD_!yomD`e~<-ND9G)1KLL1kz{UN$W@X*k8ND?+x1mWx#KPp`vCVp8
z=W_tEDhC;B#zz?yP=Wc@*2f?DJoV1?Q~unwC9g*HFLXmiawN<vQ>nRAt3JqPkbD2G
z>cGqG8%kL!P>@25HMM@c<C|>Hv&Wa>b%^dTnax1C3>CZij@Z-vf4kSN(AASMXY@#V
zOlvUf4F-bS!=86@L>kd_#Vfi}$E7@mD*y$|<i+#lukYWf0tCKza?UnPia-P~z{yCA
z7BrOtoj17N0@}hNOk5rUYBGTDi$ObGOj*qiTc)O`Ex8JJ0^(ZSw%Uk*XmXZN-<c!j
zvwM2h02khBDeI|;f9-bf>31jINIcy1!^l1}QvnH7w?@P%!d3w`cv`Sr8z1Ne=GXfV
z+Fna-Zs=bWTn)s={i&(gqX(ale3kY>hi9Dd0|#FR*1S^x3*dXfLc_@`U+P1ld)+ff
y50!>LJz-fLWq0&&er2-n5>V!UDs(N@)jwIxG0zP-0)_wp3IG5}MNUMnLSTYSEr-zn

delta 2351
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
V0n7HqhyVZp07*qo1w^hwV1lzcSMmS=

diff --git a/lam/graphics/moduleSettings.png b/lam/graphics/moduleSettings.png
deleted file mode 100644
index f0030b661513a4840946da5f7a79e6b5d48f0bb6..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 1872
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
KMNUMnLSTYF3T$`)

diff --git a/lam/graphics/modules.png b/lam/graphics/modules.png
index eb2d9e6105480d8def9d423ad45d4f5f78e143ba..7de3f48b15c23906af428907b8a822e382411f8e 100644
GIT binary patch
delta 3530
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
Ef{8%8Bme*a

delta 1714
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
I1g=70f(}LlNB{r;

diff --git a/lam/style/500_layout.css b/lam/style/500_layout.css
index 7419af42..f72b29e1 100644
--- a/lam/style/500_layout.css
+++ b/lam/style/500_layout.css
@@ -99,6 +99,14 @@ tr.highlight {
 	text-align: right;
 }
 
+.saveButton {
+	background-image: url(../graphics/save.png) !important;
+}
+
+.cancelButton {
+	background-image: url(../graphics/del.png) !important;
+}
+
 table.settingsTab {
   border-width:0px;
   border-style:solid;
diff --git a/lam/templates/config/confmain.php b/lam/templates/config/confmain.php
index 86653cee..0b9affb5 100644
--- a/lam/templates/config/confmain.php
+++ b/lam/templates/config/confmain.php
@@ -120,7 +120,15 @@ $tabindex = 1;
 echo $_SESSION['header'];
 
 echo ("<title>" . _("LDAP Account Manager Configuration") . "</title>\n");
-echo ("<link rel=\"stylesheet\" type=\"text/css\" href=\"../../style/layout.css\">\n");
+
+// include all CSS files
+$cssDirName = dirname(__FILE__) . '/../../style';
+$cssDir = dir($cssDirName);
+while ($cssEntry = $cssDir->read()) {
+	if (substr($cssEntry, strlen($cssEntry) - 4, 4) != '.css') continue;
+	echo "<link rel=\"stylesheet\" type=\"text/css\" href=\"" . $headerPrefix . "../../style/" . $cssEntry . "\">\n";
+}
+
 echo "<link rel=\"shortcut icon\" type=\"image/x-icon\" href=\"../../graphics/favicon.ico\">\n";
 echo ("</head>\n");
 echo ("<body onload=\"configLoginMethodChanged()\">\n");
@@ -157,80 +165,66 @@ if (sizeof($errorsToDisplay) > 0) {
 
 // display formular
 echo ("<form action=\"confmain.php\" method=\"post\">\n");
-echo "<table border=0 width=\"100%\" style=\"border-collapse: collapse;\">\n";
-echo "<tr valign=\"top\"><td style=\"border-bottom: 1px solid;padding:0px;\" colspan=2>";
-// show tabs
-echo "<table width=\"100%\" border=0 style=\"border-collapse: collapse;\">";
-echo "<tr>\n";
-	$buttonSpace = '&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;';
-	// general settings
-	echo "<td class=\"settingsTab\">\n";
-	echo "<table class=\"settingsTab\" width=\"100%\">\n";
-	echo "<tr><td class=\"settingsActiveTab\" onclick=\"document.getElementsByName('generalSettingsButton')[0].click();\"";
-	echo " align=\"center\">\n";
-	$buttonStyle = 'background-image: url(../../graphics/bigTools.png);';
-	echo "<input style=\"" . $buttonStyle . "\" name=\"generalSettingsButton\" type=\"submit\" value=\"" . $buttonSpace . _('General settings') . "\"";
-	echo ">\n";
-	echo "</td></tr></table>\n";
-	echo '</td>';
-	// account types
-	echo "<td class=\"settingsTab\">\n";
-	echo "<table class=\"settingsTab\" width=\"100%\">\n";
-	echo "<tr><td onclick=\"document.getElementsByName('edittypes')[0].click();\"";
-	echo " align=\"center\">\n";
-	$buttonStyle = 'background-image: url(../../graphics/gear.png);';
-	echo "<input style=\"" . $buttonStyle . "\" name=\"edittypes\" type=\"submit\" value=\"" . $buttonSpace . _('Account types') . "\"";
-	echo ">\n";
-	echo "</td></tr></table>\n";
-	echo '</td>';
-	// module selection
-	echo "<td class=\"settingsTab\">\n";
-	echo "<table class=\"settingsTab\" width=\"100%\">\n";
-	echo "<tr><td onclick=\"document.getElementsByName('editmodules')[0].click();\"";
-	echo " align=\"center\">\n";
-	$buttonStyle = 'background-image: url(../../graphics/modules.png);';
-	echo "<input style=\"" . $buttonStyle . "\" name=\"editmodules\" type=\"submit\" value=\"" . $buttonSpace . _('Modules') . "\"";
-	echo ">\n";
-	echo "</td></tr></table>\n";
-	echo '</td>';
-	// module settings
-	echo "<td class=\"settingsTab\">\n";
-	echo "<table class=\"settingsTab\" width=\"100%\">\n";
-	echo "<tr><td onclick=\"document.getElementsByName('moduleSettings')[0].click();\"";
-	echo " align=\"center\">\n";
-	$buttonStyle = 'background-image: url(../../graphics/moduleSettings.png);';
-	echo "<input style=\"" . $buttonStyle . "\" name=\"moduleSettings\" type=\"submit\" value=\"" . $buttonSpace . _('Module settings') . "\"";
-	echo ">\n";
-	echo "</td></tr></table>\n";
-	echo '</td>';
-	echo "<td width=\"100%\">&nbsp;</td>";
-	// spacer
-	echo "<td width=\"100%\">&nbsp;</td>";
-	// save button
-	echo "<td class=\"settingsTab\">\n";
-	echo "<table class=\"settingsTab\" width=\"100%\">\n";
-	echo "<tr><td onclick=\"document.getElementsByName('saveSettings')[0].click();\"";
-	echo " align=\"center\">\n";
-	$buttonStyle = 'background-image: url(../../graphics/pass.png);';
-	echo "<input style=\"" . $buttonStyle . "\" name=\"saveSettings\" type=\"submit\" value=\"" . $buttonSpace . _('Save') . "\"";
-	echo ">\n";
-	echo "</td></tr></table>\n";
-	echo '</td>';
-	// cancel button
-	echo "<td class=\"settingsTab\">\n";
-	echo "<table class=\"settingsTab\" width=\"100%\">\n";
-	echo "<tr><td onclick=\"document.getElementsByName('cancelSettings')[0].click();\"";
-	echo " align=\"center\">\n";
-	$buttonStyle = 'background-image: url(../../graphics/fail.png);';
-	echo "<input style=\"" . $buttonStyle . "\" name=\"cancelSettings\" type=\"submit\" value=\"" . $buttonSpace . _('Cancel') . "\"";
-	echo ">\n";
-	echo "</td></tr></table>\n";
-	echo '</td>';
-	echo "</tr></table>\n";		
-// end tabs
-echo "</td></tr>\n";
 
-echo "<tr><td><br><br>\n";
+echo '<div style="text-align: right;">';
+echo "<button id=\"saveButton\" name=\"saveSettings\" type=\"submit\">" . _('Save') . "</button>";
+echo "&nbsp;";
+echo "<button id=\"cancelButton\" name=\"cancelSettings\" type=\"submit\">" . _('Cancel') . "</button>";
+echo "<br><br>\n";
+echo '</div>';
+
+// hidden submit buttons which are clicked by tabs
+echo "<div style=\"display: none;\">\n";
+	echo "<input name=\"generalSettingsButton\" type=\"submit\" value=\" \">";
+	echo "<input name=\"edittypes\" type=\"submit\" value=\" \">";
+	echo "<input name=\"editmodules\" type=\"submit\" value=\" \">";
+	echo "<input name=\"moduleSettings\" type=\"submit\" value=\" \">";
+echo "</div>\n";
+	
+// tabs
+echo '<div class="ui-tabs ui-widget ui-widget-content ui-corner-all">';
+
+echo '<ul class="ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all">';
+echo '<li id="generalSettingsButton" class="ui-state-default ui-corner-top">';
+	echo '<a href="#" onclick="document.getElementsByName(\'generalSettingsButton\')[0].click();"><img src="../../graphics/tools.png" alt=""> ';
+	echo _('General settings') . '</a>';
+echo '</li>';
+echo '<li id="edittypes" class="ui-state-default ui-corner-top">';
+	echo '<a href="#" onclick="document.getElementsByName(\'edittypes\')[0].click();"><img src="../../graphics/gear.png" alt=""> ';
+	echo _('Account types') . '</a>';
+echo '</li>';
+echo '<li id="editmodules" class="ui-state-default ui-corner-top">';
+	echo '<a href="#" onclick="document.getElementsByName(\'editmodules\')[0].click();"><img src="../../graphics/modules.png" alt=""> ';
+	echo _('Modules') . '</a>';
+echo '</li>';
+echo '<li id="moduleSettings" class="ui-state-default ui-corner-top">';
+	echo '<a href="#" onclick="document.getElementsByName(\'moduleSettings\')[0].click();"><img src="../../graphics/modules.png" alt=""> ';
+	echo _('Module settings') . '</a>';
+echo '</li>';
+echo '</ul>';
+
+?>
+
+<script type="text/javascript">
+jQuery(document).ready(function() {
+	jQuery('#generalSettingsButton').addClass('ui-tabs-selected');
+	jQuery('#generalSettingsButton').addClass('ui-state-active');
+	jQuery('#saveButton').button({
+        icons: {
+      	  primary: 'saveButton'
+    	}
+	});
+	jQuery('#cancelButton').button({
+        icons: {
+    	  primary: 'cancelButton'
+  	}
+	});
+});
+</script>
+
+<div class="ui-tabs-panel ui-widget-content ui-corner-bottom">
+<?php
+
 echo ("<fieldset><legend><img align=\"middle\" src=\"../../graphics/profiles.png\" alt=\"profiles.png\"> <b>" . _("Server settings") . "</b></legend><br>\n");
 echo ("<table border=0>");
 // serverURL
@@ -537,10 +531,8 @@ echo ("</table>\n");
 echo ("</fieldset>\n");
 
 echo ("<p>* = ". _("required") . "</p>");
-echo ("<p>&nbsp;</p>\n");
 
-echo '</td></tr></table>';
-echo ("</form>\n");
+echo ("</div></div></form>\n");
 echo ("</body>\n");
 echo ("</html>\n");
 
diff --git a/lam/templates/config/confmodules.php b/lam/templates/config/confmodules.php
index 7fc205ba..e8b64476 100644
--- a/lam/templates/config/confmodules.php
+++ b/lam/templates/config/confmodules.php
@@ -95,7 +95,15 @@ $types = $conf->get_ActiveTypes();
 echo $_SESSION['header'];
 
 echo "<title>" . _("LDAP Account Manager Configuration") . "</title>\n";
-echo "<link rel=\"stylesheet\" type=\"text/css\" href=\"../../style/layout.css\">\n";
+
+// include all CSS files
+$cssDirName = dirname(__FILE__) . '/../../style';
+$cssDir = dir($cssDirName);
+while ($cssEntry = $cssDir->read()) {
+	if (substr($cssEntry, strlen($cssEntry) - 4, 4) != '.css') continue;
+	echo "<link rel=\"stylesheet\" type=\"text/css\" href=\"" . $headerPrefix . "../../style/" . $cssEntry . "\">\n";
+}
+
 echo "<link rel=\"shortcut icon\" type=\"image/x-icon\" href=\"../../graphics/favicon.ico\">\n";
 for ($i = 0; $i < sizeof($types); $i++){
 	echo "<link rel=\"stylesheet\" type=\"text/css\" href=\"../../style/type_" . $types[$i] . ".css\">\n";
@@ -124,80 +132,65 @@ while ($jsEntry = $jsDir->read()) {
 for ($i = 0; $i < sizeof($errorsToDisplay); $i++) call_user_func_array('StatusMessage', $errorsToDisplay[$i]);
 
 echo ("<form action=\"confmodules.php\" method=\"post\">\n");
-echo "<table border=0 width=\"100%\" style=\"border-collapse: collapse;\">\n";
-echo "<tr valign=\"top\"><td style=\"border-bottom: 1px solid;padding:0px;\" colspan=2>";
-// show tabs
-echo "<table width=\"100%\" border=0 style=\"border-collapse: collapse;\">";
-echo "<tr>\n";
-	$buttonSpace = '&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;';
-	// general settings
-	echo "<td class=\"settingsTab\">\n";
-	echo "<table class=\"settingsTab\" width=\"100%\">\n";
-	echo "<tr><td onclick=\"document.getElementsByName('generalSettingsButton')[0].click();\"";
-	echo " align=\"center\">\n";
-	$buttonStyle = 'background-image: url(../../graphics/bigTools.png);';
-	echo "<input style=\"" . $buttonStyle . "\" name=\"generalSettingsButton\" type=\"submit\" value=\"" . $buttonSpace . _('General settings') . "\"";
-	echo ">\n";
-	echo "</td></tr></table>\n";
-	echo '</td>';
-	// account types
-	echo "<td class=\"settingsTab\">\n";
-	echo "<table class=\"settingsTab\" width=\"100%\">\n";
-	echo "<tr><td onclick=\"document.getElementsByName('edittypes')[0].click();\"";
-	echo " align=\"center\">\n";
-	$buttonStyle = 'background-image: url(../../graphics/gear.png);';
-	echo "<input style=\"" . $buttonStyle . "\" name=\"edittypes\" type=\"submit\" value=\"" . $buttonSpace . _('Account types') . "\"";
-	echo ">\n";
-	echo "</td></tr></table>\n";
-	echo '</td>';
-	// module selection
-	echo "<td class=\"settingsTab\">\n";
-	echo "<table class=\"settingsTab\" width=\"100%\">\n";
-	echo "<tr><td class=\"settingsActiveTab\" onclick=\"document.getElementsByName('editmodules')[0].click();\"";
-	echo " align=\"center\">\n";
-	$buttonStyle = 'background-image: url(../../graphics/modules.png);';
-	echo "<input style=\"" . $buttonStyle . "\" name=\"editmodules\" type=\"submit\" value=\"" . $buttonSpace . _('Modules') . "\"";
-	echo ">\n";
-	echo "</td></tr></table>\n";
-	echo '</td>';
-	// module settings
-	echo "<td class=\"settingsTab\">\n";
-	echo "<table class=\"settingsTab\" width=\"100%\">\n";
-	echo "<tr><td onclick=\"document.getElementsByName('moduleSettings')[0].click();\"";
-	echo " align=\"center\">\n";
-	$buttonStyle = 'background-image: url(../../graphics/moduleSettings.png);';
-	echo "<input style=\"" . $buttonStyle . "\" name=\"moduleSettings\" type=\"submit\" value=\"" . $buttonSpace . _('Module settings') . "\"";
-	echo ">\n";
-	echo "</td></tr></table>\n";
-	echo '</td>';
-	echo "<td width=\"100%\">&nbsp;</td>";
-	// spacer
-	echo "<td width=\"100%\">&nbsp;</td>";
-	// save button
-	echo "<td class=\"settingsTab\">\n";
-	echo "<table class=\"settingsTab\" width=\"100%\">\n";
-	echo "<tr><td onclick=\"document.getElementsByName('saveSettings')[0].click();\"";
-	echo " align=\"center\">\n";
-	$buttonStyle = 'background-image: url(../../graphics/pass.png);';
-	echo "<input style=\"" . $buttonStyle . "\" name=\"saveSettings\" type=\"submit\" value=\"" . $buttonSpace . _('Save') . "\"";
-	echo ">\n";
-	echo "</td></tr></table>\n";
-	echo '</td>';
-	// cancel button
-	echo "<td class=\"settingsTab\">\n";
-	echo "<table class=\"settingsTab\" width=\"100%\">\n";
-	echo "<tr><td onclick=\"document.getElementsByName('cancelSettings')[0].click();\"";
-	echo " align=\"center\">\n";
-	$buttonStyle = 'background-image: url(../../graphics/fail.png);';
-	echo "<input style=\"" . $buttonStyle . "\" name=\"cancelSettings\" type=\"submit\" value=\"" . $buttonSpace . _('Cancel') . "\"";
-	echo ">\n";
-	echo "</td></tr></table>\n";
-	echo '</td>';
-	echo "</tr></table>\n";		
-// end tabs
-echo "</td></tr>\n";
 
-echo "<tr><td><br><br>\n";
+echo '<div style="text-align: right;">';
+echo "<button id=\"saveButton\" name=\"saveSettings\" type=\"submit\">" . _('Save') . "</button>";
+echo "&nbsp;";
+echo "<button id=\"cancelButton\" name=\"cancelSettings\" type=\"submit\">" . _('Cancel') . "</button>";
+echo "<br><br>\n";
+echo '</div>';
+
+// hidden submit buttons which are clicked by tabs
+echo "<div style=\"display: none;\">\n";
+	echo "<input name=\"generalSettingsButton\" type=\"submit\" value=\" \">";
+	echo "<input name=\"edittypes\" type=\"submit\" value=\" \">";
+	echo "<input name=\"editmodules\" type=\"submit\" value=\" \">";
+	echo "<input name=\"moduleSettings\" type=\"submit\" value=\" \">";
+echo "</div>\n";
+	
+// tabs
+echo '<div class="ui-tabs ui-widget ui-widget-content ui-corner-all">';
+
+echo '<ul class="ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all">';
+echo '<li id="generalSettingsButton" class="ui-state-default ui-corner-top">';
+	echo '<a href="#" onclick="document.getElementsByName(\'generalSettingsButton\')[0].click();"><img src="../../graphics/tools.png" alt=""> ';
+	echo _('General settings') . '</a>';
+echo '</li>';
+echo '<li id="edittypes" class="ui-state-default ui-corner-top">';
+	echo '<a href="#" onclick="document.getElementsByName(\'edittypes\')[0].click();"><img src="../../graphics/gear.png" alt=""> ';
+	echo _('Account types') . '</a>';
+echo '</li>';
+echo '<li id="editmodules" class="ui-state-default ui-corner-top">';
+	echo '<a href="#" onclick="document.getElementsByName(\'editmodules\')[0].click();"><img src="../../graphics/modules.png" alt=""> ';
+	echo _('Modules') . '</a>';
+echo '</li>';
+echo '<li id="moduleSettings" class="ui-state-default ui-corner-top">';
+	echo '<a href="#" onclick="document.getElementsByName(\'moduleSettings\')[0].click();"><img src="../../graphics/modules.png" alt=""> ';
+	echo _('Module settings') . '</a>';
+echo '</li>';
+echo '</ul>';
+
+?>
+
+<script type="text/javascript">
+jQuery(document).ready(function() {
+	jQuery('#editmodules').addClass('ui-tabs-selected');
+	jQuery('#editmodules').addClass('ui-state-active');
+	jQuery('#saveButton').button({
+        icons: {
+      	  primary: 'saveButton'
+    	}
+	});
+	jQuery('#cancelButton').button({
+        icons: {
+    	  primary: 'cancelButton'
+  	}
+	});
+});
+</script>
+
+<div class="ui-tabs-panel ui-widget-content ui-corner-bottom">
+<?php
 
 
 $account_list = array();
@@ -215,13 +208,11 @@ echo "(*) " . _("Base module");
 // help link
 echo "&nbsp;";
 printHelpLink(getHelp('', '237'), '237');
-echo "<br><br><br><br><br></p>\n";
-
-echo '</td></tr></table>';
+echo "<br></p>\n";
 
 echo "<input type=\"hidden\" name=\"postAvailable\" value=\"yes\">\n";
 
-echo "</form>\n";
+echo ("</div></div></form>\n");
 echo "</body>\n";
 echo "</html>\n";
 
diff --git a/lam/templates/config/conftypes.php b/lam/templates/config/conftypes.php
index 6d0a88f0..ac91ab71 100644
--- a/lam/templates/config/conftypes.php
+++ b/lam/templates/config/conftypes.php
@@ -113,7 +113,15 @@ natcasesort($availableTypes);
 echo $_SESSION['header'];
 
 echo "<title>" . _("LDAP Account Manager Configuration") . "</title>\n";
-echo "<link rel=\"stylesheet\" type=\"text/css\" href=\"../../style/layout.css\">\n";
+
+// include all CSS files
+$cssDirName = dirname(__FILE__) . '/../../style';
+$cssDir = dir($cssDirName);
+while ($cssEntry = $cssDir->read()) {
+	if (substr($cssEntry, strlen($cssEntry) - 4, 4) != '.css') continue;
+	echo "<link rel=\"stylesheet\" type=\"text/css\" href=\"" . $headerPrefix . "../../style/" . $cssEntry . "\">\n";
+}
+
 echo "<link rel=\"shortcut icon\" type=\"image/x-icon\" href=\"../../graphics/favicon.ico\">\n";
 for ($i = 0; $i < sizeof($allTypes); $i++){
 	echo "<link rel=\"stylesheet\" type=\"text/css\" href=\"../../style/type_" . $allTypes[$i] . ".css\">\n";
@@ -142,80 +150,66 @@ while ($jsEntry = $jsDir->read()) {
 for ($i = 0; $i < sizeof($errorsToDisplay); $i++) call_user_func_array('StatusMessage', $errorsToDisplay[$i]);
 
 echo ("<form action=\"conftypes.php\" method=\"post\">\n");
-echo "<table border=0 width=\"100%\" style=\"border-collapse: collapse;\">\n";
-echo "<tr valign=\"top\"><td style=\"border-bottom: 1px solid;padding:0px;\" colspan=2>";
-// show tabs
-echo "<table width=\"100%\" border=0 style=\"border-collapse: collapse;\">";
-echo "<tr>\n";
-	$buttonSpace = '&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;';
-	// general settings
-	echo "<td class=\"settingsTab\">\n";
-	echo "<table class=\"settingsTab\" width=\"100%\">\n";
-	echo "<tr><td onclick=\"document.getElementsByName('generalSettingsButton')[0].click();\"";
-	echo " align=\"center\">\n";
-	$buttonStyle = 'background-image: url(../../graphics/bigTools.png);';
-	echo "<input style=\"" . $buttonStyle . "\" name=\"generalSettingsButton\" type=\"submit\" value=\"" . $buttonSpace . _('General settings') . "\"";
-	echo ">\n";
-	echo "</td></tr></table>\n";
-	echo '</td>';
-	// account types
-	echo "<td class=\"settingsTab\">\n";
-	echo "<table class=\"settingsTab\" width=\"100%\">\n";
-	echo "<tr><td class=\"settingsActiveTab\" onclick=\"document.getElementsByName('edittypes')[0].click();\"";
-	echo " align=\"center\">\n";
-	$buttonStyle = 'background-image: url(../../graphics/gear.png);';
-	echo "<input style=\"" . $buttonStyle . "\" name=\"edittypes\" type=\"submit\" value=\"" . $buttonSpace . _('Account types') . "\"";
-	echo ">\n";
-	echo "</td></tr></table>\n";
-	echo '</td>';
-	// module selection
-	echo "<td class=\"settingsTab\">\n";
-	echo "<table class=\"settingsTab\" width=\"100%\">\n";
-	echo "<tr><td onclick=\"document.getElementsByName('editmodules')[0].click();\"";
-	echo " align=\"center\">\n";
-	$buttonStyle = 'background-image: url(../../graphics/modules.png);';
-	echo "<input style=\"" . $buttonStyle . "\" name=\"editmodules\" type=\"submit\" value=\"" . $buttonSpace . _('Modules') . "\"";
-	echo ">\n";
-	echo "</td></tr></table>\n";
-	echo '</td>';
-	// module settings
-	echo "<td class=\"settingsTab\">\n";
-	echo "<table class=\"settingsTab\" width=\"100%\">\n";
-	echo "<tr><td onclick=\"document.getElementsByName('moduleSettings')[0].click();\"";
-	echo " align=\"center\">\n";
-	$buttonStyle = 'background-image: url(../../graphics/moduleSettings.png);';
-	echo "<input style=\"" . $buttonStyle . "\" name=\"moduleSettings\" type=\"submit\" value=\"" . $buttonSpace . _('Module settings') . "\"";
-	echo ">\n";
-	echo "</td></tr></table>\n";
-	echo '</td>';
-	echo "<td width=\"100%\">&nbsp;</td>";
-	// spacer
-	echo "<td width=\"100%\">&nbsp;</td>";
-	// save button
-	echo "<td class=\"settingsTab\">\n";
-	echo "<table class=\"settingsTab\" width=\"100%\">\n";
-	echo "<tr><td onclick=\"document.getElementsByName('saveSettings')[0].click();\"";
-	echo " align=\"center\">\n";
-	$buttonStyle = 'background-image: url(../../graphics/pass.png);';
-	echo "<input style=\"" . $buttonStyle . "\" name=\"saveSettings\" type=\"submit\" value=\"" . $buttonSpace . _('Save') . "\"";
-	echo ">\n";
-	echo "</td></tr></table>\n";
-	echo '</td>';
-	// cancel button
-	echo "<td class=\"settingsTab\">\n";
-	echo "<table class=\"settingsTab\" width=\"100%\">\n";
-	echo "<tr><td onclick=\"document.getElementsByName('cancelSettings')[0].click();\"";
-	echo " align=\"center\">\n";
-	$buttonStyle = 'background-image: url(../../graphics/fail.png);';
-	echo "<input style=\"" . $buttonStyle . "\" name=\"cancelSettings\" type=\"submit\" value=\"" . $buttonSpace . _('Cancel') . "\"";
-	echo ">\n";
-	echo "</td></tr></table>\n";
-	echo '</td>';
-	echo "</tr></table>\n";		
-// end tabs
-echo "</td></tr>\n";
 
-echo "<tr><td><br><br>\n";
+echo '<div style="text-align: right;">';
+echo "<button id=\"saveButton\" name=\"saveSettings\" type=\"submit\">" . _('Save') . "</button>";
+echo "&nbsp;";
+echo "<button id=\"cancelButton\" name=\"cancelSettings\" type=\"submit\">" . _('Cancel') . "</button>";
+echo "<br><br>\n";
+echo '</div>';
+
+// hidden submit buttons which are clicked by tabs
+echo "<div style=\"display: none;\">\n";
+	echo "<input name=\"generalSettingsButton\" type=\"submit\" value=\" \">";
+	echo "<input name=\"edittypes\" type=\"submit\" value=\" \">";
+	echo "<input name=\"editmodules\" type=\"submit\" value=\" \">";
+	echo "<input name=\"moduleSettings\" type=\"submit\" value=\" \">";
+echo "</div>\n";
+	
+// tabs
+echo '<div class="ui-tabs ui-widget ui-widget-content ui-corner-all">';
+
+echo '<ul class="ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all">';
+echo '<li id="generalSettingsButton" class="ui-state-default ui-corner-top">';
+	echo '<a href="#" onclick="document.getElementsByName(\'generalSettingsButton\')[0].click();"><img src="../../graphics/tools.png" alt=""> ';
+	echo _('General settings') . '</a>';
+echo '</li>';
+echo '<li id="edittypes" class="ui-state-default ui-corner-top">';
+	echo '<a href="#" onclick="document.getElementsByName(\'edittypes\')[0].click();"><img src="../../graphics/gear.png" alt=""> ';
+	echo _('Account types') . '</a>';
+echo '</li>';
+echo '<li id="editmodules" class="ui-state-default ui-corner-top">';
+	echo '<a href="#" onclick="document.getElementsByName(\'editmodules\')[0].click();"><img src="../../graphics/modules.png" alt=""> ';
+	echo _('Modules') . '</a>';
+echo '</li>';
+echo '<li id="moduleSettings" class="ui-state-default ui-corner-top">';
+	echo '<a href="#" onclick="document.getElementsByName(\'moduleSettings\')[0].click();"><img src="../../graphics/modules.png" alt=""> ';
+	echo _('Module settings') . '</a>';
+echo '</li>';
+echo '</ul>';
+
+?>
+
+<script type="text/javascript">
+jQuery(document).ready(function() {
+	jQuery('#edittypes').addClass('ui-tabs-selected');
+	jQuery('#edittypes').addClass('ui-state-active');
+	jQuery('#saveButton').button({
+        icons: {
+      	  primary: 'saveButton'
+    	}
+	});
+	jQuery('#cancelButton').button({
+        icons: {
+    	  primary: 'cancelButton'
+  	}
+	});
+});
+</script>
+
+<div class="ui-tabs-panel ui-widget-content ui-corner-bottom">
+<?php
+
 
 // show available types
 if (sizeof($availableTypes) > 0) {
@@ -274,14 +268,11 @@ if (sizeof($activeTypes) > 0) {
 		echo "</fieldset><br>\n";
 	}
 	echo "</fieldset>\n";
-	echo "<p><br><br></p>\n";
 }
 
 echo "<input type=\"hidden\" name=\"postAvailable\" value=\"yes\">\n";
 
-echo "<p><br><br></p>\n";
-echo '</td></tr></table>';
-echo "</form>\n";
+echo ("</div></div></form>\n");
 echo "</body>\n";
 echo "</html>\n";
 
diff --git a/lam/templates/config/moduleSettings.php b/lam/templates/config/moduleSettings.php
index c1629053..4754a998 100644
--- a/lam/templates/config/moduleSettings.php
+++ b/lam/templates/config/moduleSettings.php
@@ -94,7 +94,15 @@ $allTypes = getTypes();
 echo $_SESSION['header'];
 
 echo "<title>" . _("LDAP Account Manager Configuration") . "</title>\n";
-echo "<link rel=\"stylesheet\" type=\"text/css\" href=\"../../style/layout.css\">\n";
+
+// include all CSS files
+$cssDirName = dirname(__FILE__) . '/../../style';
+$cssDir = dir($cssDirName);
+while ($cssEntry = $cssDir->read()) {
+	if (substr($cssEntry, strlen($cssEntry) - 4, 4) != '.css') continue;
+	echo "<link rel=\"stylesheet\" type=\"text/css\" href=\"" . $headerPrefix . "../../style/" . $cssEntry . "\">\n";
+}
+
 echo "<link rel=\"shortcut icon\" type=\"image/x-icon\" href=\"../../graphics/favicon.ico\">\n";
 for ($i = 0; $i < sizeof($allTypes); $i++){
 	echo "<link rel=\"stylesheet\" type=\"text/css\" href=\"../../style/type_" . $allTypes[$i] . ".css\">\n";
@@ -123,80 +131,66 @@ while ($jsEntry = $jsDir->read()) {
 for ($i = 0; $i < sizeof($errorsToDisplay); $i++) call_user_func_array('StatusMessage', $errorsToDisplay[$i]);
 
 echo ("<form action=\"moduleSettings.php\" method=\"post\">\n");
-echo "<table border=0 width=\"100%\" style=\"border-collapse: collapse;\">\n";
-echo "<tr valign=\"top\"><td style=\"border-bottom: 1px solid;padding:0px;\" colspan=2>";
-// show tabs
-echo "<table width=\"100%\" border=0 style=\"border-collapse: collapse;\">";
-echo "<tr>\n";
-	$buttonSpace = '&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;';
-	// general settings
-	echo "<td class=\"settingsTab\">\n";
-	echo "<table class=\"settingsTab\" width=\"100%\">\n";
-	echo "<tr><td onclick=\"document.getElementsByName('generalSettingsButton')[0].click();\"";
-	echo " align=\"center\">\n";
-	$buttonStyle = 'background-image: url(../../graphics/bigTools.png);';
-	echo "<input style=\"" . $buttonStyle . "\" name=\"generalSettingsButton\" type=\"submit\" value=\"" . $buttonSpace . _('General settings') . "\"";
-	echo ">\n";
-	echo "</td></tr></table>\n";
-	echo '</td>';
-	// account types
-	echo "<td class=\"settingsTab\">\n";
-	echo "<table class=\"settingsTab\" width=\"100%\">\n";
-	echo "<tr><td onclick=\"document.getElementsByName('edittypes')[0].click();\"";
-	echo " align=\"center\">\n";
-	$buttonStyle = 'background-image: url(../../graphics/gear.png);';
-	echo "<input style=\"" . $buttonStyle . "\" name=\"edittypes\" type=\"submit\" value=\"" . $buttonSpace . _('Account types') . "\"";
-	echo ">\n";
-	echo "</td></tr></table>\n";
-	echo '</td>';
-	// module selection
-	echo "<td class=\"settingsTab\">\n";
-	echo "<table class=\"settingsTab\" width=\"100%\">\n";
-	echo "<tr><td onclick=\"document.getElementsByName('editmodules')[0].click();\"";
-	echo " align=\"center\">\n";
-	$buttonStyle = 'background-image: url(../../graphics/modules.png);';
-	echo "<input style=\"" . $buttonStyle . "\" name=\"editmodules\" type=\"submit\" value=\"" . $buttonSpace . _('Modules') . "\"";
-	echo ">\n";
-	echo "</td></tr></table>\n";
-	echo '</td>';
-	// module settings
-	echo "<td class=\"settingsTab\">\n";
-	echo "<table class=\"settingsTab\" width=\"100%\">\n";
-	echo "<tr><td class=\"settingsActiveTab\" onclick=\"document.getElementsByName('moduleSettings')[0].click();\"";
-	echo " align=\"center\">\n";
-	$buttonStyle = 'background-image: url(../../graphics/moduleSettings.png);';
-	echo "<input style=\"" . $buttonStyle . "\" name=\"moduleSettings\" type=\"submit\" value=\"" . $buttonSpace . _('Module settings') . "\"";
-	echo ">\n";
-	echo "</td></tr></table>\n";
-	echo '</td>';
-	echo "<td width=\"100%\">&nbsp;</td>";
-	// spacer
-	echo "<td width=\"100%\">&nbsp;</td>";
-	// save button
-	echo "<td class=\"settingsTab\">\n";
-	echo "<table class=\"settingsTab\" width=\"100%\">\n";
-	echo "<tr><td onclick=\"document.getElementsByName('saveSettings')[0].click();\"";
-	echo " align=\"center\">\n";
-	$buttonStyle = 'background-image: url(../../graphics/pass.png);';
-	echo "<input style=\"" . $buttonStyle . "\" name=\"saveSettings\" type=\"submit\" value=\"" . $buttonSpace . _('Save') . "\"";
-	echo ">\n";
-	echo "</td></tr></table>\n";
-	echo '</td>';
-	// cancel button
-	echo "<td class=\"settingsTab\">\n";
-	echo "<table class=\"settingsTab\" width=\"100%\">\n";
-	echo "<tr><td onclick=\"document.getElementsByName('cancelSettings')[0].click();\"";
-	echo " align=\"center\">\n";
-	$buttonStyle = 'background-image: url(../../graphics/fail.png);';
-	echo "<input style=\"" . $buttonStyle . "\" name=\"cancelSettings\" type=\"submit\" value=\"" . $buttonSpace . _('Cancel') . "\"";
-	echo ">\n";
-	echo "</td></tr></table>\n";
-	echo '</td>';
-	echo "</tr></table>\n";		
-// end tabs
-echo "</td></tr>\n";
 
-echo "<tr><td><br><br>\n";
+echo '<div style="text-align: right;">';
+echo "<button id=\"saveButton\" name=\"saveSettings\" type=\"submit\">" . _('Save') . "</button>";
+echo "&nbsp;";
+echo "<button id=\"cancelButton\" name=\"cancelSettings\" type=\"submit\">" . _('Cancel') . "</button>";
+echo "<br><br>\n";
+echo '</div>';
+
+// hidden submit buttons which are clicked by tabs
+echo "<div style=\"display: none;\">\n";
+	echo "<input name=\"generalSettingsButton\" type=\"submit\" value=\" \">";
+	echo "<input name=\"edittypes\" type=\"submit\" value=\" \">";
+	echo "<input name=\"editmodules\" type=\"submit\" value=\" \">";
+	echo "<input name=\"moduleSettings\" type=\"submit\" value=\" \">";
+echo "</div>\n";
+	
+// tabs
+echo '<div class="ui-tabs ui-widget ui-widget-content ui-corner-all">';
+
+echo '<ul class="ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all">';
+echo '<li id="generalSettingsButton" class="ui-state-default ui-corner-top">';
+	echo '<a href="#" onclick="document.getElementsByName(\'generalSettingsButton\')[0].click();"><img src="../../graphics/tools.png" alt=""> ';
+	echo _('General settings') . '</a>';
+echo '</li>';
+echo '<li id="edittypes" class="ui-state-default ui-corner-top">';
+	echo '<a href="#" onclick="document.getElementsByName(\'edittypes\')[0].click();"><img src="../../graphics/gear.png" alt=""> ';
+	echo _('Account types') . '</a>';
+echo '</li>';
+echo '<li id="editmodules" class="ui-state-default ui-corner-top">';
+	echo '<a href="#" onclick="document.getElementsByName(\'editmodules\')[0].click();"><img src="../../graphics/modules.png" alt=""> ';
+	echo _('Modules') . '</a>';
+echo '</li>';
+echo '<li id="moduleSettings" class="ui-state-default ui-corner-top">';
+	echo '<a href="#" onclick="document.getElementsByName(\'moduleSettings\')[0].click();"><img src="../../graphics/modules.png" alt=""> ';
+	echo _('Module settings') . '</a>';
+echo '</li>';
+echo '</ul>';
+
+?>
+
+<script type="text/javascript">
+jQuery(document).ready(function() {
+	jQuery('#moduleSettings').addClass('ui-tabs-selected');
+	jQuery('#moduleSettings').addClass('ui-state-active');
+	jQuery('#saveButton').button({
+        icons: {
+      	  primary: 'saveButton'
+    	}
+	});
+	jQuery('#cancelButton').button({
+        icons: {
+    	  primary: 'cancelButton'
+  	}
+	});
+});
+</script>
+
+<div class="ui-tabs-panel ui-widget-content ui-corner-bottom">
+<?php
+
 
 // module settings
 $types = $conf->get_ActiveTypes();
@@ -236,9 +230,7 @@ for ($i = 0; $i < sizeof($modules); $i++) {
 
 echo "<input type=\"hidden\" name=\"postAvailable\" value=\"yes\">\n";
 
-echo "<p><br><br></p>\n";
-echo '</td></tr></table>';
-echo "</form>\n";
+echo ("</div></div></form>\n");
 echo "</body>\n";
 echo "</html>\n";