IDEMPIERE-855 The parameter ZK_BUTTON_STYLE = IT makes the rendering of the buttons wrong

org.adempiere.ui.zk/WEB-INF/src/org/adempiere/webui/apps/ProcessDialog.java

@@ -62,7 +62,7 @@ import org.zkoss.zul.A;
 import org.zkoss.zul.Borderlayout;
 import org.zkoss.zul.Center;
 import org.zkoss.zul.Div;
-import org.zkoss.zul.Hbox;
+import org.zkoss.zul.Hlayout;
 import org.zkoss.zul.Html;
 import org.zkoss.zul.Label;
 import org.zkoss.zul.North;
@@ -172,8 +172,7 @@ public class ProcessDialog extends Window implements EventListener<Event>, IProc
 		center.setAutoscroll(true);
 		center.setStyle("border: none");
 		
-		Div div = new Div();
+		Hlayout hbox = new Hlayout();
-		Hbox hbox = new Hbox();
 		@SuppressWarnings("unused")
 		String label = Msg.getMsg(Env.getCtx(), "Start");
 		// Invert - Unify  OK/Cancel IDEMPIERE-77
@@ -186,13 +185,13 @@ public class ProcessDialog extends Window implements EventListener<Event>, IProc
 		btn.setId("Cancel");
 		btn.addEventListener(Events.ON_CLICK, this);
 		hbox.appendChild(btn);		
-		div.appendChild(hbox);
+		hbox.setStyle("padding: 10px; margin: auto; overflow: visible;");
-		div.setStyle("padding: 10px; text-align: center; text-align: -webkit-center; text-align: -moz-center; ");
+		hbox.setHflex("min");
 		
 		South south = new South();
 		south.setSclass("dialog-footer");
 		layout.appendChild(south);
-		south.appendChild(div);		
+		south.appendChild(hbox);		
 		this.appendChild(layout);
 	}
 

org.adempiere.ui.zk/WEB-INF/src/org/adempiere/webui/component/ConfirmPanel.java

@@ -25,7 +25,8 @@ import java.util.Map;
 import org.adempiere.webui.factory.ButtonFactory;
 import org.zkoss.zk.ui.event.EventListener;
 import org.zkoss.zk.ui.event.Events;
-import org.zkoss.zul.Hbox;
+import org.zkoss.zul.Div;
+import org.zkoss.zul.Hlayout;
 import org.zkoss.zul.Messagebox;
 /**
  * Application Confirm Panel
@@ -33,7 +34,7 @@ import org.zkoss.zul.Messagebox;
  * @author Sendy Yagambrum
  * @date July 25, 2007
  **/
-public final class ConfirmPanel extends Hbox
+public final class ConfirmPanel extends Div
 {
 	/**
 	 * 
@@ -217,35 +218,23 @@ public final class ConfirmPanel extends Hbox
         this(withCancel,false,false,false,false,false);
     }
     //
-    private Hbox hboxBtnLeft;
+    private Hlayout pnlBtnRight;
-    private Hbox hboxBtnRight;
+    private Hlayout pnlBtnLeft;
-    //
-    private Panel pnlBtnRight;
-    private Panel pnlBtnLeft;
 
     /**
      * initialise components
      */
     private void init()
     {
-        pnlBtnLeft = new Panel();
+        pnlBtnLeft = new Hlayout();
         pnlBtnLeft.setSclass("confirm-panel-left");
-        pnlBtnRight = new Panel();
+        pnlBtnRight = new Hlayout();
         pnlBtnRight.setSclass("confirm-panel-right");
 
-        hboxBtnRight = new Hbox();
+        this.appendChild(pnlBtnLeft);
-        hboxBtnRight.appendChild(pnlBtnRight);
+        this.appendChild(pnlBtnRight);
-        hboxBtnRight.setPack("end");
-        hboxBtnRight.setHflex("1");
-
-        hboxBtnLeft = new Hbox();
-        hboxBtnLeft.appendChild(pnlBtnLeft);
-        hboxBtnLeft.setPack("start");
-        hboxBtnLeft.setHflex("1");
-
-        this.appendChild(hboxBtnLeft);
-        this.appendChild(hboxBtnRight);
         this.setSclass("confirm-panel");
+        this.setVflex("min");
         setId("confirmPanel");
     }
 

org.adempiere.ui.zk/index.zul

@@ -4,7 +4,7 @@ Copyright (C) 2007 Ashley G Ramdass.
 -->
 <?page style="height:100%"?>
 <?init zscript="theme.zs" ?>
-<?meta http-equiv="X-UA-Compatible" content="IE=8" ?>
+<?meta http-equiv="X-UA-Compatible" content="IE=edge" ?>
 <?meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0" ?>
 <?link rel="icon" type="image/png" href="${browserIcon}"?>
 <?link rel="stylesheet" type="text/css" href="${themeStyleSheet}"?>

org.adempiere.ui.zk/theme/default/css/theme.css.dsp

@@ -67,7 +67,7 @@ html,body {
 	width: 604px;
 	margin-left: 10px;
 	margin-right: 10px;
-	padding-top: 40px;
+	padding-top: 40px !important;
 }
 
 .login-label {
@@ -1130,21 +1130,19 @@ div.simileAjax-bubble-container {
 }
 
 .confirm-panel {
-	width: 100%;
+	width: auto;
-	height: 36px;
+	height: auto;
 	position: relative;
+	padding-left: 2px;
+	padding-right: 2px;
 }
 
-.confirm-panel .z-hbox {
+.confirm-panel-right {
-	margin: 2px;
+	float: right;
 }
 
-.confirm-panel-right .z-button-os {
+.confirm-panel-left {
-	margin-left: 3px;
+	float: left;
-}
-
-.confirm-panel-left .z-button-os {
-	margin-right: 3px;
 }
 
 .info-product-tabbedpane {
@@ -1448,11 +1446,11 @@ font-size: 0;
 }
 
 .popup-dialog.z-window-overlapped .dialog-footer {
-	padding: 12px 15px 8px 15px;
+	padding: 12px 15px 8px 15px !important;
 }
 
 .popup-dialog.z-window-highlighted .dialog-footer {
-	padding: 12px 15px 5px 15px;
+	padding: 12px 15px 5px 15px !important;
 }
 
 .dialog-footer {
@@ -1466,4 +1464,9 @@ font-size: 0;
 
 .btn-ok {
 	font-weight: bold;
-}
+}
+
+<%-- vbox fix for firefox and ie --%>
+table.z-vbox > tbody > tr > td > table {
+	width: 100%;	
+}