From 8602e9a7131152b537139cec39ce9e28c1d1b674 Mon Sep 17 00:00:00 2001
From: owen <owen@1bff935d-2fe2-40b7-b00f-c2aca69a7612>
Date: Tue, 12 Jul 2011 09:55:12 +0000
Subject: [PATCH] Added: wflow-consoleweb - RTL support (#252)

git-svn-id: http://dev.joget.org/svn/jw-community/trunk@33 1bff935d-2fe2-40b7-b00f-c2aca69a7612
---
 .../WEB-INF/jsp/client/app/formView.jsp       |  10 +
 .../WEB-INF/jsp/console/apps/appTitle.jsp     |   2 +-
 .../WEB-INF/jsp/console/apps/processView.jsp  |  12 +-
 .../jsp/console/plugin/pluginConfig.jsp       |   9 +
 .../WEB-INF/jsp/console/setting/general.jsp   |  18 +-
 .../webapp/WEB-INF/jsp/dbuilder/builder.jsp   |  13 +-
 .../WEB-INF/jsp/fbuilder/formBuilder.jsp      |  15 +-
 .../WEB-INF/jsp/fbuilder/previewForm.jsp      |  11 +
 .../main/webapp/WEB-INF/jsp/includes/rtl.jsp  |   4 +-
 .../webapp/WEB-INF/jsp/ubuilder/builder.jsp   |  14 +-
 .../webapp/WEB-INF/jsp/ubuilder/login.jsp     |  13 +-
 .../webapp/WEB-INF/jsp/ubuilder/preview.jsp   |  12 +-
 .../main/webapp/WEB-INF/jsp/ubuilder/view.jsp |  13 +-
 .../webapp/WEB-INF/tags/commons/header.tag    |   3 +-
 .../src/main/webapp/css/builder_rtl.css       | 170 +++++++++++++++
 .../src/main/webapp/css/form_rtl.css          |  18 ++
 .../webapp/css/jquery.propertyeditor_rtl.css  |  49 +++++
 wflow-consoleweb/src/main/webapp/css/rtl.css  | 203 ++++++++++++++++++
 .../src/main/webapp/css/userview.css          |  23 ++
 .../v3/builder/steps_active_next_rtl.gif      | Bin 0 -> 2430 bytes
 .../v3/builder/steps_arrow_active_rtl.gif     | Bin 0 -> 2084 bytes
 .../v3/builder/steps_arrow_inactive_rtl.gif   | Bin 0 -> 2415 bytes
 .../console/menu_arrow_end_selected_rtl.png   | Bin 0 -> 2332 bytes
 .../console/menu_arrow_front_selected_rtl.png | Bin 0 -> 2385 bytes
 .../images/v3/console/menu_arrow_rtl.png      | Bin 0 -> 2217 bytes
 .../images/v3/console/menu_first_rtl.png      | Bin 0 -> 1357 bytes
 .../images/v3/console/menu_last_rtl.png       | Bin 0 -> 1326 bytes
 .../v3/console/menu_selected_first_rtl.png    | Bin 0 -> 1352 bytes
 .../v3/console/menu_selected_last_rtl.png     | Bin 0 -> 1348 bytes
 .../v3/console/right-next-selected_rtl.png    | Bin 0 -> 2301 bytes
 .../images/v3/console/right-selected_rtl.png  | Bin 0 -> 2287 bytes
 .../images/v3/console/right_nav_activebar.png | Bin 0 -> 1586 bytes
 .../webapp/images/v3/right-selected_rtl.png   |   0
 33 files changed, 579 insertions(+), 33 deletions(-)
 create mode 100644 wflow-consoleweb/src/main/webapp/css/builder_rtl.css
 create mode 100644 wflow-consoleweb/src/main/webapp/css/form_rtl.css
 create mode 100755 wflow-consoleweb/src/main/webapp/css/jquery.propertyeditor_rtl.css
 create mode 100644 wflow-consoleweb/src/main/webapp/css/rtl.css
 create mode 100644 wflow-consoleweb/src/main/webapp/images/v3/builder/steps_active_next_rtl.gif
 create mode 100644 wflow-consoleweb/src/main/webapp/images/v3/builder/steps_arrow_active_rtl.gif
 create mode 100644 wflow-consoleweb/src/main/webapp/images/v3/builder/steps_arrow_inactive_rtl.gif
 create mode 100644 wflow-consoleweb/src/main/webapp/images/v3/console/menu_arrow_end_selected_rtl.png
 create mode 100644 wflow-consoleweb/src/main/webapp/images/v3/console/menu_arrow_front_selected_rtl.png
 create mode 100644 wflow-consoleweb/src/main/webapp/images/v3/console/menu_arrow_rtl.png
 create mode 100644 wflow-consoleweb/src/main/webapp/images/v3/console/menu_first_rtl.png
 create mode 100644 wflow-consoleweb/src/main/webapp/images/v3/console/menu_last_rtl.png
 create mode 100644 wflow-consoleweb/src/main/webapp/images/v3/console/menu_selected_first_rtl.png
 create mode 100644 wflow-consoleweb/src/main/webapp/images/v3/console/menu_selected_last_rtl.png
 create mode 100644 wflow-consoleweb/src/main/webapp/images/v3/console/right-next-selected_rtl.png
 create mode 100644 wflow-consoleweb/src/main/webapp/images/v3/console/right-selected_rtl.png
 create mode 100644 wflow-consoleweb/src/main/webapp/images/v3/console/right_nav_activebar.png
 create mode 100644 wflow-consoleweb/src/main/webapp/images/v3/right-selected_rtl.png

diff --git a/wflow-consoleweb/src/main/webapp/WEB-INF/jsp/client/app/formView.jsp b/wflow-consoleweb/src/main/webapp/WEB-INF/jsp/client/app/formView.jsp
index 2403aa23f..563ee1524 100755
--- a/wflow-consoleweb/src/main/webapp/WEB-INF/jsp/client/app/formView.jsp
+++ b/wflow-consoleweb/src/main/webapp/WEB-INF/jsp/client/app/formView.jsp
@@ -1,9 +1,19 @@
 <%@ include file="/WEB-INF/jsp/includes/taglibs.jsp" %>
+<%@ page import="org.joget.workflow.util.WorkflowUtil"%>
+
+<%
+    String rightToLeft = WorkflowUtil.getSystemSetupValue("rightToLeft");
+    pageContext.setAttribute("rightToLeft", rightToLeft);
+%>
 
         <script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery/jquery-1.4.4.min.js"></script>
         <script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery/ui/jquery-ui-1.8.6.min.js"></script>
         <link rel="stylesheet" href="${pageContext.request.contextPath}/css/form.css" />
 
+        <c:if test="${rightToLeft == 'true'}">
+            <link rel="stylesheet" href="${pageContext.request.contextPath}/css/form_rtl.css" />
+        </c:if>
+        
         <script type="text/javascript">
             $(document).ready(function() {
                 // add toggle json link
diff --git a/wflow-consoleweb/src/main/webapp/WEB-INF/jsp/console/apps/appTitle.jsp b/wflow-consoleweb/src/main/webapp/WEB-INF/jsp/console/apps/appTitle.jsp
index 5908cbcd9..6c4e07261 100755
--- a/wflow-consoleweb/src/main/webapp/WEB-INF/jsp/console/apps/appTitle.jsp
+++ b/wflow-consoleweb/src/main/webapp/WEB-INF/jsp/console/apps/appTitle.jsp
@@ -1,7 +1,7 @@
 <%@ include file="/WEB-INF/jsp/includes/taglibs.jsp" %>
 
 <p><fmt:message key="console.app.common.label.name"/>: <input id="appNameValue" type="hidden" value="${appDefinition.name}"><span id="appName" class="nav-subtitle">${appDefinition.name}</span></p>
-<p><fmt:message key="console.app.common.label.version"/>: <span class="nav-subtitle">v${appDefinition.version} <a href="#" onclick="version()"><c:choose><c:when test="${appDefinition.published}"><fmt:message key="console.app.common.label.published"/></c:when><c:otherwise><fmt:message key="console.app.common.label.notPublished"/></c:otherwise></c:choose></a> | <a href="#" onclick="version();"><fmt:message key="console.app.common.label.versions"/></a></span></p>
+<p><fmt:message key="console.app.common.label.version"/>: <span class="nav-subtitle"><font class="ftl_label">v${appDefinition.version} </font> <a href="#" onclick="version()"><c:choose><c:when test="${appDefinition.published}"><fmt:message key="console.app.common.label.published"/></c:when><c:otherwise><fmt:message key="console.app.common.label.notPublished"/></c:otherwise></c:choose></a> | <a href="#" onclick="version();"><fmt:message key="console.app.common.label.versions"/></a></span></p>
 
 <script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery/jquery.jeditable.js"></script>
 
diff --git a/wflow-consoleweb/src/main/webapp/WEB-INF/jsp/console/apps/processView.jsp b/wflow-consoleweb/src/main/webapp/WEB-INF/jsp/console/apps/processView.jsp
index 0298468ac..b27ea348d 100755
--- a/wflow-consoleweb/src/main/webapp/WEB-INF/jsp/console/apps/processView.jsp
+++ b/wflow-consoleweb/src/main/webapp/WEB-INF/jsp/console/apps/processView.jsp
@@ -28,7 +28,7 @@
         </ul>
     </div>
     <div id="main-body">
-        <p><fmt:message key="console.app.process.common.label.name"/>: &nbsp;&nbsp; <strong>${process.name}&nbsp;</strong></p>
+        <p><font class="ftl_label"><fmt:message key="console.app.process.common.label.name"/>:</font> &nbsp;&nbsp; <strong>${process.name}&nbsp;</strong></p>
 
         <div id="main-body-content">
 
@@ -86,7 +86,7 @@
                                     ${participant.name}
                                 </span>
                                 <span class="row-content id">
-                                    <fmt:message key="console.process.config.label.id"/> : ${participant.id}
+                                    <font class="ftl_label"><fmt:message key="console.process.config.label.id"/> :</font> ${participant.id}
                                 </span>
                                 <span class="row-button">
                                     <input type="button" value="<fmt:message key="console.process.config.label.mapParticipants.addEditMapping"/>" onclick="addEditParticipant('${participant.id}')"/>
@@ -130,13 +130,13 @@
                                                             <a href="${pageContext.request.contextPath}/web/console/directory/dept/view/${participantMap[participantUid].value}">${participantDisplayName}</a>
                                                         </c:when>
                                                         <c:when test="${participantMap[participantUid].type eq 'workflowVariable'}">
-                                                            <fmt:message key="console.app.process.common.label.variableId"/> : <c:out value="${fn:substring(participantMap[participantUid].value, 0, fn:indexOf(participantMap[participantUid].value, ','))}"/><br/>
+                                                            <font class="ftl_label"><fmt:message key="console.app.process.common.label.variableId"/> :</font> <c:out value="${fn:substring(participantMap[participantUid].value, 0, fn:indexOf(participantMap[participantUid].value, ','))}"/><br/>
                                                             <fmt:message key="console.process.config.label.mapParticipants.variable.${fn:substring(participantMap[participantUid].value, fn:indexOf(participantMap[participantUid].value, ',')+1, -1)}"/>
                                                         </c:when>
                                                         <c:when test="${participantMap[participantUid].type eq 'requester' || participantMap[participantUid].type eq 'requesterHod' || participantMap[participantUid].type eq 'requesterSubordinates' || participantMap[participantUid].type eq 'requesterDepartment'}">
                                                             <c:choose>
                                                                 <c:when test="${participantMap[participantUid].value ne ''}">
-                                                                    <fmt:message key="console.app.activity.common.label.definitionId"/> :
+                                                                    <font class="ftl_label"><fmt:message key="console.app.activity.common.label.definitionId"/> :</font>
                                                                     <a href="${pageContext.request.contextPath}/web/console/app/${appId}/${appVersion}/processes/${process.encodedId}?tab=activityList&activityDefId=${participantMap[participantUid].value}">${participantMap[participantUid].value}</a>
                                                                 </c:when>
                                                                 <c:otherwise>
@@ -195,7 +195,7 @@
                                         ${activityDisplayName} <c:if test="${activity.type ne 'normal'}">(${activity.type})</c:if>
                                     </span>
                                     <span class="row-content id">
-                                        <fmt:message key="console.process.config.label.id"/> : ${activity.id}
+                                        <font class="ftl_label"><fmt:message key="console.process.config.label.id"/> :</font> ${activity.id}
                                     </span>
                                     <span class="row-button">
                                         <input type="button" value="<fmt:message key="console.process.config.label.mapActivities.addEditFormMapping"/>" onclick="addEditForm('${activity.id}')"/>
@@ -258,7 +258,7 @@
                                         ${activityDisplayName}
                                     </span>
                                     <span class="row-content id">
-                                        <fmt:message key="console.process.config.label.id"/> : ${activity.id}
+                                        <font class="ftl_label"><fmt:message key="console.process.config.label.id"/> :</font> ${activity.id}
                                     </span>
                                     <span class="row-button">
                                         <input type="button" value="<fmt:message key="console.process.config.label.mapTools.addEditMapping"/>" onclick="addEditPlugin('${activity.id}')"/>
diff --git a/wflow-consoleweb/src/main/webapp/WEB-INF/jsp/console/plugin/pluginConfig.jsp b/wflow-consoleweb/src/main/webapp/WEB-INF/jsp/console/plugin/pluginConfig.jsp
index ef687f189..0aea1264c 100755
--- a/wflow-consoleweb/src/main/webapp/WEB-INF/jsp/console/plugin/pluginConfig.jsp
+++ b/wflow-consoleweb/src/main/webapp/WEB-INF/jsp/console/plugin/pluginConfig.jsp
@@ -1,4 +1,10 @@
 <%@ include file="/WEB-INF/jsp/includes/taglibs.jsp" %>
+<%@ page import="org.joget.workflow.util.WorkflowUtil"%>
+
+<%
+    String rightToLeft = WorkflowUtil.getSystemSetupValue("rightToLeft");
+    pageContext.setAttribute("rightToLeft", rightToLeft);
+%>
 <commons:popupHeader />
 
 <c:if test="${!empty propertyEditable}">
@@ -8,6 +14,9 @@
     <script type="text/javascript" src="${pageContext.request.contextPath}/web/console/i18n/peditor"></script>
     <script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery/jquery.propertyeditor.js"></script>
     <link href="${pageContext.request.contextPath}/css/jquery.propertyeditor.css" rel="stylesheet" type="text/css" />
+    <c:if test="${rightToLeft == 'true'}">
+        <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/jquery.propertyeditor_rtl.css">
+    </c:if>
 </c:if>
 
 <div id="main-body-header">
diff --git a/wflow-consoleweb/src/main/webapp/WEB-INF/jsp/console/setting/general.jsp b/wflow-consoleweb/src/main/webapp/WEB-INF/jsp/console/setting/general.jsp
index f8b90e676..bba33c301 100755
--- a/wflow-consoleweb/src/main/webapp/WEB-INF/jsp/console/setting/general.jsp
+++ b/wflow-consoleweb/src/main/webapp/WEB-INF/jsp/console/setting/general.jsp
@@ -47,7 +47,7 @@
                         <label for="css"><fmt:message key="console.setting.general.label.css"/></label>
                         <span class="form-input">
                             <input id="css" type="text" name="css" value="${settingMap['css']}"/>
-                            <i><span><fmt:message key="console.setting.general.label.default"/></span> ${pageContext.request.contextPath}/css/new.css</i>
+                            <i><span class="ftl_label"><fmt:message key="console.setting.general.label.default"/></span> ${pageContext.request.contextPath}/css/new.css</i>
                         </span>
                     </div>
                 </span>
@@ -75,7 +75,7 @@
                                 </c:forEach>
                             </select>
                             <br>
-                            <i><span><fmt:message key="console.setting.general.label.default"/></span> en_US</i>
+                            <i><span class="ftl_label"><fmt:message key="console.setting.general.label.default"/></span> en_US</i>
                         </span>
                     </div>
                 </span>
@@ -101,7 +101,7 @@
                         <label for="deadlineCheckerInterval"><fmt:message key="console.setting.general.label.deadlineCheckerInterval"/></label>
                         <span class="form-input">
                             <input id="deadlineCheckerInterval" type="text" name="deadlineCheckerInterval" value="${settingMap['deadlineCheckerInterval']}"/>
-                            <i><span><fmt:message key="console.setting.general.label.default"/></span> 0</i>
+                            <i><span class="ftl_label"><fmt:message key="console.setting.general.label.default"/></span> 0</i>
                         </span>
                     </div>
                 </span>
@@ -112,7 +112,7 @@
                         <label for="welcomeMessageDelay"><fmt:message key="console.setting.general.label.welcomeMessageDelay"/></label>
                         <span class="form-input">
                             <input id="welcomeMessageDelay" type="text" name="welcomeMessageDelay" value="${settingMap['welcomeMessageDelay']}"/>
-                            <i><span><fmt:message key="console.setting.general.label.default"/></span> 3</i>
+                            <i><span class="ftl_label"><fmt:message key="console.setting.general.label.default"/></span> 3</i>
                         </span>
                     </div>
                 </span>
@@ -136,7 +136,7 @@
                         <label for="masterLoginPassword"><fmt:message key="console.setting.general.label.masterLoginPassword"/></label>
                         <span class="form-input">
                             <input id="masterLoginPassword" type="password" name="masterLoginPassword" value="${settingMap['masterLoginPassword']}"/>
-                            <i><fmt:message key="console.setting.general.label.masterLoginHash"/><span id="masterLoginHash">-</span></i>
+                            <i><span class="ftl_label"><fmt:message key="console.setting.general.label.masterLoginHash"/></span><span id="masterLoginHash">-</span></i>
                         </span>
                     </div>
                 </span>
@@ -147,7 +147,7 @@
                         <label for="dataFileBasePath"><fmt:message key="console.setting.general.label.dataFileBasePath"/></label>
                         <span class="form-input">
                             <input id="dataFileBasePath" type="text" name="dataFileBasePath" value="${settingMap['dataFileBasePath']}"/>
-                            <i><span><fmt:message key="console.setting.general.label.default"/></span> <%= new java.io.File(SetupManager.getBaseDirectory()).getAbsolutePath() %></i>
+                            <i><span class="ftl_label"><fmt:message key="console.setting.general.label.default"/></span> <%= new java.io.File(SetupManager.getBaseDirectory()).getAbsolutePath() %></i>
                         </span>
                     </div>
                 </span>
@@ -158,7 +158,7 @@
                         <label for="designerwebBaseUrl"><fmt:message key="console.setting.general.label.designerwebBaseUrl"/></label>
                         <span class="form-input">
                             <input id="designerwebBaseUrl" type="text" name="designerwebBaseUrl" value="${settingMap['designerwebBaseUrl']}"/>
-                            <i><span><fmt:message key="console.setting.general.label.default"/></span> http://${pageContext.request.serverName}:${pageContext.request.serverPort}</i>
+                            <i><span class="ftl_label"><fmt:message key="console.setting.general.label.default"/></span> http://${pageContext.request.serverName}:${pageContext.request.serverPort}</i>
                         </span>
                     </div>
                 </span>
@@ -181,7 +181,7 @@
                         <label for="mediumWarningLevel"><fmt:message key="console.setting.general.label.mediumWarningLevel"/></label>
                         <span class="form-input">
                             <input id="mediumWarningLevel" type="text" name="mediumWarningLevel" value="${settingMap['mediumWarningLevel']}"/>
-                            <i><span><fmt:message key="console.setting.general.label.default"/></span> 20</i>
+                            <i><span class="ftl_label"><fmt:message key="console.setting.general.label.default"/></span> 20</i>
                         </span>
                     </div>
                 </span>
@@ -192,7 +192,7 @@
                         <label for="criticalWarningLevel"><fmt:message key="console.setting.general.label.criticalWarningLevel"/></label>
                         <span class="form-input">
                             <input id="criticalWarningLevel" type="text" name="criticalWarningLevel" value="${settingMap['criticalWarningLevel']}"/>
-                            <i><span><fmt:message key="console.setting.general.label.default"/></span> 50</i>
+                            <i><span class="ftl_label"><fmt:message key="console.setting.general.label.default"/></span> 50</i>
                         </span>
                     </div>
                 </span>
diff --git a/wflow-consoleweb/src/main/webapp/WEB-INF/jsp/dbuilder/builder.jsp b/wflow-consoleweb/src/main/webapp/WEB-INF/jsp/dbuilder/builder.jsp
index 6ba9535be..01cfa90e4 100755
--- a/wflow-consoleweb/src/main/webapp/WEB-INF/jsp/dbuilder/builder.jsp
+++ b/wflow-consoleweb/src/main/webapp/WEB-INF/jsp/dbuilder/builder.jsp
@@ -1,4 +1,11 @@
 <%@ include file="/WEB-INF/jsp/includes/taglibs.jsp" %>
+<%@ page import="org.joget.workflow.util.WorkflowUtil"%>
+
+<%
+    String rightToLeft = WorkflowUtil.getSystemSetupValue("rightToLeft");
+    pageContext.setAttribute("rightToLeft", rightToLeft);
+%>
+
 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
 <html>
     <head>
@@ -18,6 +25,10 @@
         <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/js/boxy/stylesheets/boxy.css" />
         <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/dbuilder.css"  />
         
+        <c:if test="${rightToLeft == 'true'}">
+            <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/jquery.propertyeditor_rtl.css">
+            <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/builder_rtl.css">
+        </c:if>
         <script type="text/javascript">
 
             var updateList = function() {
@@ -74,7 +85,7 @@
             });
         </script>
     </head>
-    <body>
+    <body id="datalistbuilder">
 
         <div id="builder-container">
             <div id="builder-header">
diff --git a/wflow-consoleweb/src/main/webapp/WEB-INF/jsp/fbuilder/formBuilder.jsp b/wflow-consoleweb/src/main/webapp/WEB-INF/jsp/fbuilder/formBuilder.jsp
index d56454f52..2030a7f38 100755
--- a/wflow-consoleweb/src/main/webapp/WEB-INF/jsp/fbuilder/formBuilder.jsp
+++ b/wflow-consoleweb/src/main/webapp/WEB-INF/jsp/fbuilder/formBuilder.jsp
@@ -1,4 +1,11 @@
 <%@ include file="/WEB-INF/jsp/includes/taglibs.jsp" %>
+<%@ page import="org.joget.workflow.util.WorkflowUtil"%>
+
+<%
+    String rightToLeft = WorkflowUtil.getSystemSetupValue("rightToLeft");
+    pageContext.setAttribute("rightToLeft", rightToLeft);
+%>
+
 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
 <html>
     <head>
@@ -16,6 +23,12 @@
         <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/jquery.propertyeditor.css" />
         <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/js/boxy/stylesheets/boxy.css" />
         <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/fbuilder.css" />
+        
+        <c:if test="${rightToLeft == 'true'}">
+            <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/jquery.propertyeditor_rtl.css">
+            <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/builder_rtl.css">
+        </c:if>
+            
         <script type="text/javascript">
             var viewForm = function() {
                 // get form row id
@@ -102,7 +115,7 @@
             </c:forEach>
         </script>
     </head>
-    <body>
+    <body id="formbuilder">
 
         <div id="builder-container">
             <div id="builder-header">
diff --git a/wflow-consoleweb/src/main/webapp/WEB-INF/jsp/fbuilder/previewForm.jsp b/wflow-consoleweb/src/main/webapp/WEB-INF/jsp/fbuilder/previewForm.jsp
index f8c0dab70..94c263fc9 100755
--- a/wflow-consoleweb/src/main/webapp/WEB-INF/jsp/fbuilder/previewForm.jsp
+++ b/wflow-consoleweb/src/main/webapp/WEB-INF/jsp/fbuilder/previewForm.jsp
@@ -1,9 +1,20 @@
 <%@ include file="/WEB-INF/jsp/includes/taglibs.jsp" %>
+<%@ page import="org.joget.workflow.util.WorkflowUtil"%>
+
+<%
+    String rightToLeft = WorkflowUtil.getSystemSetupValue("rightToLeft");
+    pageContext.setAttribute("rightToLeft", rightToLeft);
+%>
 <html>
     <head>
         <script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery/jquery-1.4.4.min.js"></script>
         <script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery/ui/jquery-ui-1.8.6.min.js"></script>
         <link rel="stylesheet" href="${pageContext.request.contextPath}/css/form.css" />
+        
+        <c:if test="${rightToLeft == 'true'}">
+            <link rel="stylesheet" href="${pageContext.request.contextPath}/css/form_rtl.css" />
+        </c:if>
+            
         <script type="text/javascript">
             var reloadForm = function() {
                 $('#form-preview').submit();
diff --git a/wflow-consoleweb/src/main/webapp/WEB-INF/jsp/includes/rtl.jsp b/wflow-consoleweb/src/main/webapp/WEB-INF/jsp/includes/rtl.jsp
index 1fca668a9..941650a31 100755
--- a/wflow-consoleweb/src/main/webapp/WEB-INF/jsp/includes/rtl.jsp
+++ b/wflow-consoleweb/src/main/webapp/WEB-INF/jsp/includes/rtl.jsp
@@ -5,9 +5,9 @@
     String rightToLeft = WorkflowUtil.getSystemSetupValue("rightToLeft");
     pageContext.setAttribute("rightToLeft", rightToLeft);
 %>
-
+    
 <c:if test="${rightToLeft == 'true'}">
-    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/rightToLeft.css">
+    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/rtl.css">
     <script type="text/javascript">
         $(document).ready(function(){
             $(".row-content").append("<div style=\"clear:both\"></div>");
diff --git a/wflow-consoleweb/src/main/webapp/WEB-INF/jsp/ubuilder/builder.jsp b/wflow-consoleweb/src/main/webapp/WEB-INF/jsp/ubuilder/builder.jsp
index 5f6300391..023b8f653 100755
--- a/wflow-consoleweb/src/main/webapp/WEB-INF/jsp/ubuilder/builder.jsp
+++ b/wflow-consoleweb/src/main/webapp/WEB-INF/jsp/ubuilder/builder.jsp
@@ -1,4 +1,11 @@
 <%@page contentType="text/html" pageEncoding="windows-1252"%>
+<%@ page import="org.joget.workflow.util.WorkflowUtil"%>
+
+<%
+    String rightToLeft = WorkflowUtil.getSystemSetupValue("rightToLeft");
+    pageContext.setAttribute("rightToLeft", rightToLeft);
+%>
+
 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
 
 <%@ include file="/WEB-INF/jsp/includes/taglibs.jsp" %>
@@ -25,6 +32,11 @@
         <link href="${pageContext.request.contextPath}/css/ui-lightness/jquery-ui-1.8.5.custom.css" rel="stylesheet" type="text/css" />
         <link href="${pageContext.request.contextPath}/css/ubuilder.css" rel="stylesheet" type="text/css" />
 
+        <c:if test="${rightToLeft == 'true'}">
+            <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/jquery.propertyeditor_rtl.css">
+            <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/builder_rtl.css">
+        </c:if>
+            
         <script type="text/javascript">
             $(document).ready(function () {
                 UserviewBuilder.tinymceUrl = '${pageContext.request.contextPath}/js/tiny_mce/tiny_mce.js';
@@ -68,7 +80,7 @@
         </script>
     </head>
 
-    <body>
+    <body id="userviewbuilder">
         <div id="builder-container">
             <div id="builder-header">
                 <img alt="logo" width="107" height="38" src="${pageContext.request.contextPath}/images/v3/builder/logo.png" align="left" /> <div id="builder-title"><fmt:message key="ubuilder.title"/></div>
diff --git a/wflow-consoleweb/src/main/webapp/WEB-INF/jsp/ubuilder/login.jsp b/wflow-consoleweb/src/main/webapp/WEB-INF/jsp/ubuilder/login.jsp
index 9f91da3ce..37d78208f 100755
--- a/wflow-consoleweb/src/main/webapp/WEB-INF/jsp/ubuilder/login.jsp
+++ b/wflow-consoleweb/src/main/webapp/WEB-INF/jsp/ubuilder/login.jsp
@@ -1,10 +1,15 @@
+<%@ include file="/WEB-INF/jsp/includes/taglibs.jsp" %>
+<%@ page import="org.joget.workflow.util.WorkflowUtil"%>
 <%@page contentType="text/html" pageEncoding="windows-1252"%>
+
+<%
+    String rightToLeft = WorkflowUtil.getSystemSetupValue("rightToLeft");
+    pageContext.setAttribute("rightToLeft", rightToLeft);
+%>
+
 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
     "http://www.w3.org/TR/html4/loose.dtd">
 
-<%@ include file="/WEB-INF/jsp/includes/taglibs.jsp" %>
-<%@ page import="org.joget.workflow.util.WorkflowUtil"%>
-
 <c:set var="isAnonymous" value="<%= WorkflowUtil.isCurrentUserAnonymous() %>"/>
 <c:if test="${!isAnonymous}">
     <c:choose>
@@ -40,7 +45,7 @@
         </style>
     </head>
 
-    <body id="login" <c:if test="${param.embed}">class="embeded"</c:if>>
+    <body id="login" class="<c:if test="${param.embed}">embeded</c:if><c:if test="${rightToLeft == 'true'}"> rtl</c:if>">
         <div id="page">
             <div id="header">
 
diff --git a/wflow-consoleweb/src/main/webapp/WEB-INF/jsp/ubuilder/preview.jsp b/wflow-consoleweb/src/main/webapp/WEB-INF/jsp/ubuilder/preview.jsp
index 170b54fce..d930d8d6d 100755
--- a/wflow-consoleweb/src/main/webapp/WEB-INF/jsp/ubuilder/preview.jsp
+++ b/wflow-consoleweb/src/main/webapp/WEB-INF/jsp/ubuilder/preview.jsp
@@ -1,9 +1,15 @@
+<%@ include file="/WEB-INF/jsp/includes/taglibs.jsp" %>
+<%@ page import="org.joget.workflow.util.WorkflowUtil"%>
 <%@page contentType="text/html" pageEncoding="windows-1252"%>
+
+<%
+    String rightToLeft = WorkflowUtil.getSystemSetupValue("rightToLeft");
+    pageContext.setAttribute("rightToLeft", rightToLeft);
+%>
+
 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
     "http://www.w3.org/TR/html4/loose.dtd">
 
-<%@ include file="/WEB-INF/jsp/includes/taglibs.jsp" %>
-
 <html>
     <head>
         <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
@@ -67,7 +73,7 @@
         </c:otherwise>
     </c:choose>
 
-    <body id="${bodyId}" <c:if test="${param.embed}">class="embeded"</c:if>>
+    <body id="${bodyId}" class="<c:if test="${param.embed}">embeded</c:if><c:if test="${rightToLeft == 'true'}"> rtl</c:if>">
         <div id="page">
             <div id="header">
 
diff --git a/wflow-consoleweb/src/main/webapp/WEB-INF/jsp/ubuilder/view.jsp b/wflow-consoleweb/src/main/webapp/WEB-INF/jsp/ubuilder/view.jsp
index 82718a3dd..d5ab2012a 100755
--- a/wflow-consoleweb/src/main/webapp/WEB-INF/jsp/ubuilder/view.jsp
+++ b/wflow-consoleweb/src/main/webapp/WEB-INF/jsp/ubuilder/view.jsp
@@ -1,10 +1,15 @@
+<%@ include file="/WEB-INF/jsp/includes/taglibs.jsp" %>
+<%@ page import="org.joget.workflow.util.WorkflowUtil"%>
 <%@page contentType="text/html" pageEncoding="windows-1252"%>
+
+<%
+    String rightToLeft = WorkflowUtil.getSystemSetupValue("rightToLeft");
+    pageContext.setAttribute("rightToLeft", rightToLeft);
+%>
+
 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
     "http://www.w3.org/TR/html4/loose.dtd">
 
-<%@ include file="/WEB-INF/jsp/includes/taglibs.jsp" %>
-<%@ page import="org.joget.workflow.util.WorkflowUtil"%>
-
 <c:set var="isAnonymous" value="<%= WorkflowUtil.isCurrentUserAnonymous() %>"/>
 <c:if test="${!empty userview.setting.permission && !userview.setting.permission.authorize && isAnonymous}">
     <c:redirect url="/web/ulogin/${appId}/${userview.properties.id}/${key}"/>
@@ -53,7 +58,7 @@
         </c:otherwise>
     </c:choose>
 
-    <body id="${bodyId}" <c:if test="${param.embed}">class="embeded"</c:if>>
+    <body id="${bodyId}" class="<c:if test="${param.embed}">embeded</c:if><c:if test="${rightToLeft == 'true'}"> rtl</c:if>">
         <div id="page">
             <div id="header">
 
diff --git a/wflow-consoleweb/src/main/webapp/WEB-INF/tags/commons/header.tag b/wflow-consoleweb/src/main/webapp/WEB-INF/tags/commons/header.tag
index b0be39ce1..8cd3816fe 100755
--- a/wflow-consoleweb/src/main/webapp/WEB-INF/tags/commons/header.tag
+++ b/wflow-consoleweb/src/main/webapp/WEB-INF/tags/commons/header.tag
@@ -55,6 +55,7 @@
             }
         </script>
         <link rel="stylesheet" href="${pageContext.request.contextPath}/css/v3.css" />
+        <jsp:include page="/WEB-INF/jsp/includes/rtl.jsp" />
     </head>
     <body>
 
@@ -228,7 +229,7 @@
                     </c:if>
                 </ul>
             </div>
-
+            <div class="clear"></div>   
         </div>
 
         <div id="container">
\ No newline at end of file
diff --git a/wflow-consoleweb/src/main/webapp/css/builder_rtl.css b/wflow-consoleweb/src/main/webapp/css/builder_rtl.css
new file mode 100644
index 000000000..92d0f1488
--- /dev/null
+++ b/wflow-consoleweb/src/main/webapp/css/builder_rtl.css
@@ -0,0 +1,170 @@
+body{
+    direction:rtl;
+}
+
+#builder-title {
+    float: left;
+}
+
+.form-palette-element,
+.builder-palette-element{
+    clear:both
+}
+
+.form-palette-element img,
+.builder-palette-element img{
+    float:right;
+}
+
+.form-palette-element label,
+.builder-palette-element label {
+    padding-left: 0px;
+    padding-right: 3px;
+}
+
+#builder-bar li {
+    background: url("../images/v3/builder/steps_inactive-bg.gif") repeat-x scroll right top transparent;
+    float: right;
+    margin: 0;
+}
+
+#builder-bar a {
+    background: url(../images/v3/builder/steps_arrow_inactive_rtl.gif) left top no-repeat;
+    padding:0 10px 0 30px;
+}
+
+#builder-bar li.active {
+    background:url(../images/v3/builder/steps_active-bg.gif) right top repeat-x;
+}
+
+#builder-bar li.active a {
+    background: url(../images/v3/builder/steps_arrow_active_rtl.gif) left top no-repeat
+}
+
+#builder-bar .first-active {
+    border-right: 1px solid #989898;
+    border-left:0;
+}
+
+#builder-bar .first-inactive {
+    border-right: 1px solid #c2c1c1;
+    border-left: 0;    
+}
+
+#builder-bar li.next a {
+    background:url(../images/v3/builder/steps_active_next_rtl.gif) left top no-repeat
+}
+
+#builder-bar li.last-inactive a {
+    border-left: 1px solid #c2c1c1;
+    border-right: 0;
+}
+
+#builder-bar li.last-active a {
+    border-right: 0; 
+    border-left: 1px solid #989898; 
+}
+
+.element-options {
+    right: auto;
+    left:0;
+    text-align: left;
+}
+
+.builder_qn_items ul li a {
+    float: right !important;
+}
+
+.builder_qn_items ul li a.builder_qn_open {
+    float: left !important;
+}
+
+/*Form Builder*/
+#formbuilder .form-palette-options{
+    text-align:left;
+}
+
+#formbuilder .form-section .form-palette-options {
+    right: auto;
+    left:0;
+    top: 0;
+}
+
+#formbuilder .form-palette-options button {
+    margin-left: 0px;
+    margin-right: 2px;
+}
+
+#formbuilder .form-cell .label, .subform-cell .label {
+    float: right;
+}
+
+#formbuilder .form-column, #formbuilder .subform-column {
+    float:right;
+    border-right: 2px dashed #DDDDDD;
+    border-left:0px;
+}
+
+/*Datalist Builder*/
+#datalistbuilder #form-canvas {
+    float: left;
+    left: auto;
+    right: 240px;
+}
+
+#datalistbuilder td#tdDatabuilderContentRowActions {
+    float:right;
+}
+
+#datalistbuilder td#tdDatabuilderContentColumns{
+    float:left;
+}
+
+#datalistbuilder .builder-palette-column, .builder-palette-action, .form-palette-section, .form-palette-column {
+    background: url("../images/v3/builder/sidebar_element.gif") no-repeat scroll right top transparent;
+    padding: 0 30px 0 0;
+}
+
+#datalistbuilder .builder-palette-column .label {
+    float: right;
+}
+
+/*Userview Builder*/
+#userviewbuilder #canvas {
+    float:left;
+}
+
+#userviewbuilder #header-welcome-message {
+    float: right;
+    width: 300px;
+}
+
+#userviewbuilder #header-logout-text {
+    float: left;
+    text-align: left;
+}
+
+#userviewbuilder #userview-content {
+    float: left;
+}
+
+#userviewbuilder #userview-sidebar {
+    border-right: 0;
+    border-left: 2px dotted #DDDDDD;
+    float: right;
+}
+
+#userviewbuilder .sidebar-title {
+    left: auto;
+    right:0;
+    padding: 4px;
+}
+
+#userviewbuilder #builder-bar li.last-inactive a {
+    padding: 0 10px 0 30px;
+}
+
+#userviewbuilder #userview-advanced {
+    margin-left: 0px;
+    margin-right: 220px;
+}
\ No newline at end of file
diff --git a/wflow-consoleweb/src/main/webapp/css/form_rtl.css b/wflow-consoleweb/src/main/webapp/css/form_rtl.css
new file mode 100644
index 000000000..243495fe9
--- /dev/null
+++ b/wflow-consoleweb/src/main/webapp/css/form_rtl.css
@@ -0,0 +1,18 @@
+#form-canvas{
+    direction:rtl;
+    text-align:right;
+}
+
+.form-cell .label, .subform-cell .label {
+    float: right;
+}
+
+.form-column, .subform-column {
+    color: #666666;
+    float: right;
+}
+
+.form-fileupload {
+    float: right;
+}
+
diff --git a/wflow-consoleweb/src/main/webapp/css/jquery.propertyeditor_rtl.css b/wflow-consoleweb/src/main/webapp/css/jquery.propertyeditor_rtl.css
new file mode 100755
index 000000000..7a9720fdd
--- /dev/null
+++ b/wflow-consoleweb/src/main/webapp/css/jquery.propertyeditor_rtl.css
@@ -0,0 +1,49 @@
+.property-label-container {
+    float: right;
+}
+
+.property-input {
+    float: left;
+}
+
+.property-editor-container {
+    text-align: right;
+}
+
+.page-button-navigation{
+    float:right;
+}
+
+.page-button-navigation input{
+    float:right;
+}
+
+.page-button-action {
+    float: left;
+}
+
+.page-button-action input{
+    float: right;
+}
+
+.property-editor-page-step-indicator span{
+    float:right;
+    margin-left:3px;
+}
+
+.property-type-grid .property-input table tr th, .property-type-grid .property-input table tr td {
+    float: right;
+}
+
+.property-type-grid-action-column a{
+    float: right;
+}
+
+.property-type-grid .property-input table {
+    float:right;
+}
+
+.property-type-grid-action-add{
+    clear:both;
+    float:right;
+}
\ No newline at end of file
diff --git a/wflow-consoleweb/src/main/webapp/css/rtl.css b/wflow-consoleweb/src/main/webapp/css/rtl.css
new file mode 100644
index 000000000..316b362d1
--- /dev/null
+++ b/wflow-consoleweb/src/main/webapp/css/rtl.css
@@ -0,0 +1,203 @@
+body{
+    direction:rtl;
+}
+
+#header #logo {
+    background: url("../images/v3/console/logo.png") no-repeat scroll right top transparent;
+    color: #B3CB5E;
+    float: right;
+    font-weight: bold;
+    height: 30px;
+    padding-left: 0px;
+    padding-right: 35px;
+}
+
+#header #account {
+    float: left;
+    padding-right: 0px;
+    padding-left: 20px;
+}
+
+#menu {
+    left:auto;
+    right:40px;
+}
+
+#menu span.steps{
+    padding:0 6px 0 0;
+    float:right;
+}
+
+#menu span.title {
+    padding:2px 26px 0 0;
+}
+
+#menu span.subtitle {
+    padding:0 26px 0 0;
+}
+
+#menu ul#menu-items li {
+    float: right;
+    background: url(../images/v3/console/menu_bg.png) right top repeat-x;
+}
+
+#menu ul#menu-items a {
+    background: url(../images/v3/console/menu_arrow_rtl.png) left top no-repeat;
+    padding: 0 5px 0 28px;
+}
+
+#menu ul#menu-items .dropdown {
+    right:2px;
+}
+
+#menu ul#menu-items a span.menu-bg {
+    background:url(../images/v3/console/menu_bg.png) right top repeat-x;
+    padding: 0 0 0 5px;
+}
+
+#menu ul#menu-items .active { 
+    background: url(../images/v3/console/menu_bg_selected.png) right top repeat-x;
+}
+
+#menu ul#menu-items .active a { 
+    background: url(../images/v3/console/menu_arrow_front_selected_rtl.png) left top no-repeat;
+}
+
+#menu ul#menu-items .first-active { 
+    background: url(../images/v3/console/menu_selected_first_rtl.png) right top no-repeat;
+}
+
+#menu ul#menu-items .first-inactive { 
+    background: url(../images/v3/console/menu_first_rtl.png) right top no-repeat;
+}
+
+#menu ul#menu-items .next a { 
+    background: url(../images/v3/console/menu_arrow_end_selected_rtl.png) left top no-repeat
+}
+
+#menu ul#menu-items .last-inactive a { 
+    background: url(../images/v3/console/menu_last_rtl.png) left top no-repeat;
+}
+
+#menu ul#menu-items .last-active a { 
+    background: url(../images/v3/console/menu_selected_last_rtl.png) left top no-repeat;
+}
+
+#menu .dropdown span.substeps {
+    float:right;
+    background-position:right center;
+    padding:6px 6px 5px 10px;
+}
+
+#main dd, #main-body-content dd {
+    margin-left:0px;
+    margin-right: 200px;
+}
+
+#main #main-action-help {
+    float: left;
+}
+
+#main #main-action ul li {
+    float: right;
+}
+
+#main-body-content .ui-tabs-nav li {
+    float: right;
+}
+
+#main-body-content .ui-tabs-panel{
+    text-align: right;
+}
+
+#nav span.nav-steps {
+    margin-left:5px;
+}
+
+#nav #nav-list li.nav-selected {
+    background: url("../images/v3/console/right_nav_activebar.png") no-repeat scroll left center transparent;
+}
+
+#nav #nav-list li:hover {
+    background: url(../images/v3/console/right_nav_activebar.png) left center no-repeat;
+}
+
+#container {
+    padding-right: 0px;
+    padding-left: 10px;
+}
+
+#nav {
+    float: right;
+}
+
+#main {
+    float:left;
+    margin-left: 10px;
+    margin-right: 0px;
+}
+
+.ftl_label{
+    float:right;
+    margin-left:5px;
+}
+
+.row-content {
+    float: right;
+    text-align: right;
+}
+
+.row-button {
+    float: left;
+}
+
+.form-buttons {
+    clear:both;
+    text-align:right;
+}
+
+.form-row{
+    text-align:right;
+}
+
+.form-row label {
+    text-align:right;
+    float:right;
+}
+
+.form-row .form-input {
+    float:right;
+    text-align:right;
+}
+
+.form-row .input {
+    float:right;
+    text-align:right;
+}
+
+#main-body-content-filter {
+    float: right;
+    margin-left: 20px;
+}
+
+#main .list-thumbnail {
+    clear: right;
+    float: right;
+    margin-left: 20px;
+    padding-left: 10px;
+}
+
+#main .list-details {
+    float: right;
+}
+
+.popupBody #main-body-content {
+    padding: 1em;
+}
+
+/*Json table*/
+.flexigrid{
+    text-align:right;
+    direction:ltr;
+}
+  
\ No newline at end of file
diff --git a/wflow-consoleweb/src/main/webapp/css/userview.css b/wflow-consoleweb/src/main/webapp/css/userview.css
index 272630b07..b98d21a71 100755
--- a/wflow-consoleweb/src/main/webapp/css/userview.css
+++ b/wflow-consoleweb/src/main/webapp/css/userview.css
@@ -92,4 +92,27 @@ body.embeded #content{
     border: none;
     margin: 0px;
     padding: 0px;
+}
+
+body.rtl{
+    direction:rtl;
+}
+
+body.rtl #header-logout-text {
+    float: left;
+    text-align: left;
+}
+
+body.rtl #header-welcome-message {
+    float: right;
+}
+
+body.rtl #navigation {
+    border-right:0;
+    border-left: 1px dotted gray;
+    float: right;
+}
+
+body.rtl #content {
+    float: right;
 }
\ No newline at end of file
diff --git a/wflow-consoleweb/src/main/webapp/images/v3/builder/steps_active_next_rtl.gif b/wflow-consoleweb/src/main/webapp/images/v3/builder/steps_active_next_rtl.gif
new file mode 100644
index 0000000000000000000000000000000000000000..cb43ab746ac0bc6b905bd827aee0bb94192fde55
GIT binary patch
literal 2430
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

literal 0
HcmV?d00001

diff --git a/wflow-consoleweb/src/main/webapp/images/v3/builder/steps_arrow_active_rtl.gif b/wflow-consoleweb/src/main/webapp/images/v3/builder/steps_arrow_active_rtl.gif
new file mode 100644
index 0000000000000000000000000000000000000000..5d045566cab6c7e5c97f0c9e6b4fa3439ae53cb7
GIT binary patch
literal 2084
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

literal 0
HcmV?d00001

diff --git a/wflow-consoleweb/src/main/webapp/images/v3/builder/steps_arrow_inactive_rtl.gif b/wflow-consoleweb/src/main/webapp/images/v3/builder/steps_arrow_inactive_rtl.gif
new file mode 100644
index 0000000000000000000000000000000000000000..33294fa3280c2a9585e5ff52d715042be2ae88c4
GIT binary patch
literal 2415
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
VHhRJF+L6(7UQq@13)uj$>^}>LPci@i

literal 0
HcmV?d00001

diff --git a/wflow-consoleweb/src/main/webapp/images/v3/console/menu_arrow_end_selected_rtl.png b/wflow-consoleweb/src/main/webapp/images/v3/console/menu_arrow_end_selected_rtl.png
new file mode 100644
index 0000000000000000000000000000000000000000..d76d02b344efe28981027dfc4c078722fca186f6
GIT binary patch
literal 2332
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
I!ATqc0BeJ(ga7~l

literal 0
HcmV?d00001

diff --git a/wflow-consoleweb/src/main/webapp/images/v3/console/menu_arrow_front_selected_rtl.png b/wflow-consoleweb/src/main/webapp/images/v3/console/menu_arrow_front_selected_rtl.png
new file mode 100644
index 0000000000000000000000000000000000000000..6353de10738a524185755948b0e1007237eb3320
GIT binary patch
literal 2385
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

literal 0
HcmV?d00001

diff --git a/wflow-consoleweb/src/main/webapp/images/v3/console/menu_arrow_rtl.png b/wflow-consoleweb/src/main/webapp/images/v3/console/menu_arrow_rtl.png
new file mode 100644
index 0000000000000000000000000000000000000000..16761d2914c3186cdcd45b7ff08640c35265bb31
GIT binary patch
literal 2217
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

literal 0
HcmV?d00001

diff --git a/wflow-consoleweb/src/main/webapp/images/v3/console/menu_first_rtl.png b/wflow-consoleweb/src/main/webapp/images/v3/console/menu_first_rtl.png
new file mode 100644
index 0000000000000000000000000000000000000000..607f2e9718544d621f624107b4e6f14570baafe8
GIT binary patch
literal 1357
zcmah}TZkJ~7@pmAWvR64MoU*8944U9Hkor~lFiQP#@!^7*p$u^vO$9nwX-uP+1bs^
zna-STl7-R>rL;cvMiHx6tCUi0X`vvZU>_>jK8g>mg58(4zKG(3B1P+&>}I-!1_x%&
zWxoIazyErqH1)>XH7~8<IBsomt6FC3Aba7^)9gEZ(AdG25t^^kX;Pz2-NRhQBr}*V
z+Ik(Av2M0^-N54<_tZwKQl(XGJ2HqJ*8@zvWxGt8<Hjdiu5Qd@%Fp1s<)nq*zWPSs
zEi)~=mDGUd=J2ewb<xAqi&GV2ao$i&Vd8auyoHzo8&jQc*$u}>t+de5i`YK676rZo
zq4Q~BnN(FP@j2pQJ{bow1B?QG6vm;PkQ35oUIGw^0E!UA;1~j<C?WGJkHD;XW(}3q
z!ip_+N(-};x=0k8&1SqQ$B9=Lp`s`vkVHv}F+|L7J5+DQ96#FCpkm+fESFlu;RB8O
z3|XLQfiYcn!FEHnj=vHn7BI1;yCRH(z@-k*G(w!a;59nNO+&;DY-5M|3=2c7J4-0>
zXGss$;qS)`u+VB+Xyb`oY&$gJ(=vV(kSC)3O54R^8T(|xGgxKRqJb|i%6V9)#H$d}
z=%%UECCulhldDiz)hSL3EKx89Mq@Il0Ei?Bfz&3zG6t5R8ZoU}do?r_gRlZqD49Zu
z<YQ1)C8kdG{{@={su9oDS*om{utnFY3w#(klp_t|F~f|V++m?<sOb1qcMM!q(*koe
zZdoRhmBLs;Rx+7vCIMj{WO4~PlgugwS&^i%Y$&S|V<AXnSJr$ao9!tZv_z0Kq+-w7
zjm?5bY`&8jWcB7U)>Ge#tl683(o<GsWW=DrR~3Bsigi)24cnI;!U2FC*7Y81@9AwX
zRM}|wvZ!V%tsiGTzkTN4kNW!0r5@b*t{=Wv8EkKu+%P1~r{=Z~!0MR`*M`5iv$wAZ
zz(4iL$rm%u<#neXg2*v0GO+$y|M!RT&z-*cQ2p%s+`YYT-<tY3f6{vG=i>Fh4?ll;
zccHv_@xia~UGC)*!oV}p==z^_4V^vGe{rWS6n>wmZi&3V^v>mNKOFq)*-wv;Xm?*Z
z%10u#;cu^g_~youD|2;Ii2kzU>wAOuYp>G2(x0{cUg?i5ll%I(PtI5Oe6X~1I2drn
L{FHhryYs+*tZA{g

literal 0
HcmV?d00001

diff --git a/wflow-consoleweb/src/main/webapp/images/v3/console/menu_last_rtl.png b/wflow-consoleweb/src/main/webapp/images/v3/console/menu_last_rtl.png
new file mode 100644
index 0000000000000000000000000000000000000000..00f4ae9c88e76a1164bc3784a18beec6c0e8f642
GIT binary patch
literal 1326
zcmah}TZkJ~7#?cHwzMK>A6l&(W~s>5<eW1}Hkm`xWs=#op-$Xp!@5t4voj}~VKZ~4
zGbd)UAYM>P!LmMCXsLbhf-l~l?BzjQWl<CtQB*9{x9)?Lz7(NP>zV9kx`l=g%$&=7
z|Nnpg_2g9T`8~V#?~){GPxXji7wf~~#XGi%@3|YdcZy{npP1#-tjW7(Kqbv)^AuEF
zbAi^WY4?u*K#P*Jebi~p@>$~rVlg*u#+Y>E`a)WgisO-QT8or}dAi_uCHdCnuVvua
zCHbYCfegPwTh5WCfKD&f8rIUHrP}iNVNi^SP~cK-g2-)qA&E+IUoR2+_!`Qf58;a?
zd4trfF$F3tpdgn<DGQAuFox4Olg(t6=YWDRf(S#5Qn*0S7|CY9<|7Mhf!!o^eR9*5
zIF;lU=RSe3+wG>inKTO)AXZfsA_Xc+N+42U&*Ns4^1_jU2Azgh;P~8O9*8xX^Q^;5
zvS7O5g6k)0y>K&3B498weTdU2cBv1vtpw+Hf_C4yZ9&?mF7<dQusFf`Eyh{cVnb9X
zzwa?1LTea_jr($O-NZ!5>-26w?u!l^J)gol4Ou6!L}fHbVqbhx38=|g&|s`RNYm7S
zFsMxDwxFnPa$1r_qHqe0r8202Fi{kO@`sSf7}|gu%yyc+t<Zc5;|9)?T!CZ?_drFJ
z*d{k02(~TKWPxjnR5@{BL*HAFK@vGqVQm%&!-8F=&%!WB)eE`lS+uH`WZ`Jqacq)P
zvx-tKs9IUeVmyJ=Nfm3FqN|#o%jWXhKvri~Cr;!**1jvN4V8^sBF-AoY2ds<?a6?-
zpr0Ay4Cj&`s&7-)9?qpOR2B*{FfQ;d1wXhFT@-JV_7#U@08meKeIVK!Ul|=0qv1?d
z*Ba4ZA1-T;UImX$tiQAW*wM2qPirsU_@#K}$y1j)C#Jvn?JfM?yS1{i{K)w?YHPXI
zS8jfF=%2F(!9!178}+SAaQlCLtGn&w&C}l<eq!X)<rB}&%qeq!pT2nKqu$$V;jO)^
z`G3!Ue)OvTJv#W)zGr@a|M9ujYVq9ouj@arzPA43%7tqmeEj8~GoE$*kISdlUX9!X
dJHDNP-$=VV<zqWP@vp}dtU6KCKP$id=KnIEu*d)a

literal 0
HcmV?d00001

diff --git a/wflow-consoleweb/src/main/webapp/images/v3/console/menu_selected_first_rtl.png b/wflow-consoleweb/src/main/webapp/images/v3/console/menu_selected_first_rtl.png
new file mode 100644
index 0000000000000000000000000000000000000000..a99baf7a7508d505f38e4ff74e9ce8417ebaea0f
GIT binary patch
literal 1352
zcmah}O^6#+9G~vib}g++S7BFr7^l+0nq=OaNjA=7$2G}p+(;+HY@nfj(8<ipW=Lk<
zIP-RsUDTFR4^b5KWZ8r0p&(sK3++j<rL={9K)t9-MZHK5B8aD6Z0nosX1aw22WH;K
z{Qm#{@Bi5?6<^!6<M|yN$L%W2YGt-Q!CpABjeU0?H{W5)IGw4|IZ~%>!^d34A~nnx
z9Ah4rv0*K}dks%<+|~)ZQl(Y>05XY_FhWeC<9JM(<EExNo?$jI<!gA}c2(i;Z!ZYE
zZK=Y+ln!(+ha2|nvXAGMixqRZX)2a5{R%(TK}>;zslj)gmK&gsD)jUswhymGf$u?R
zQx(=pRrL~|BR=L+2@p5IB;Y4u0?J7_DaCjRKp+ArLJ)^9BQS}QGQaT%%$jf2QCZ7x
z*kUJDXi(}QQEa!{iME^|{=5hkMG=7{N>ZF5;=z(jjZWMR_VzVsI52(Nqc(B*P@_>J
z3se;t({&ddFH-9U8)0Gr6FY_{!UPCi>H#e?!g&jRt7qIYMcl#;c4@${Fv5BbLP^jd
z15`)9A2Gl}tLu@C$8vF;$V5QP_+daEiw-JF9u~_uAPc_9Dx<zP^u<Ft9~+eT6+&A5
zG?n^<`P^J;6AEhv#j3y(1>;~cE`thyNRkjpzXVvuz&cbXmR(=k3{A%&tiUu%DM(5^
z0%cWV8Pxb+uw|k;@g0Mu$_@)#^xS!Yk0OV1q(yvYn6Z<4EOZ?e+<+Rci3^%4Fh>)%
zZJ~53o6V<l$xJqrgm4CA6$L0tPLW_L4KiA?FRKxAAxvan)_N$L8YmmKM3^<CVc%ZF
zR^BHL-^&cL2Xm1I>f4aD26K@I%8HDP7#8@Zg706kE(*6%`?5nc0I<ut-e>Lo_Q@M-
zY&4uJXqigqb}e@3^gmy289I44|JJP`_{G0BcaFU}HX?m|uu&X_V|Rc5<mfln+IxQv
zRkx20&yIZbzWxHL-j^>vcWKLwBM0ENJrmuZi|0-}xIfywGu^s9erBcnV?q1n(_dFE
zH~0Uv_*Y#j{qf@JG4j27^;zrkonk)rb!_L_))PQ`FnnHywKuv~N_!^8&pi40;eDf@
zO`L7+KlIG0#nrEluim@);nP2S*WJfm|1DN}>h%w{j{xpo{mrW@tWv|-R+uSjr?ZET
F{Rg~Svg`l=

literal 0
HcmV?d00001

diff --git a/wflow-consoleweb/src/main/webapp/images/v3/console/menu_selected_last_rtl.png b/wflow-consoleweb/src/main/webapp/images/v3/console/menu_selected_last_rtl.png
new file mode 100644
index 0000000000000000000000000000000000000000..ea03a628387bf9ea522e29b19fc5dff74e49e124
GIT binary patch
literal 1348
zcmah}TWAzl7#>BbS}oKRFL@d!NI|<h=j`nDm~q|R*_ee+2%Ck5mZFoHvzsA1bH<sI
z?rwqzBG`%|N+^Za7HOdm6&2AITH0<aK187e3JN0RK`@|%fR_hNZ)Y~yF@j46X3k~4
z|Np=L`pMwHzD*mtH*g%csnD+!*}9g!aNTP5J$wJjdbVt*`C&Rl%Cx4rn9CSs1oH(;
ztKcHmjK;xf+{<xmcABMOI;_5nbYg`y9}})y4wL4%-gMp3^f65N5nM5CSy=e#SAjPT
zS$Hp|0@cakQL}%-#X}PVC4FK{PZ>gb58qoyOo4@|#@DT??V-9XwDcmj_pe2PZ$apo
zEG&^4RtNbUaWNkYgOCp5fRDp4l%i5J@(v#X5QqSZ5QJb7fjEjv{PH6(Ypzj7MWt`q
z7CXtpD5VY(#agWvu1R6yRz#Rer9==BBask8guI4LwR*_*dfFNk?CGxQP?OlauTdKz
z<5U(H(<K)yCs1p9%VA;x6YH8I!Z7e%Y5@&Bz&Yb?wPoDUMO?)ewyDRkFu*#agc5I*
zbWk1qe#rm}t*Qn#UdhF>0uvrB;uisVCE6=B94r>GN5);9RYtkT_r*au7i*NbB|@t0
zG!3>1^SPne3KUi}ie-T%3Wh*DB!LouC=x*+u?w(_fhDL)471!=2~C6`EWredrBE#S
z5|mYmp;7IB!G?~?#I-b*D$_4)(XlH6A4Cr2NR_zEFk>gRSg0y0*dEnv9TyZ?V2*}O
z(?H3T1T!$7&15rC2=gEdqp55*3Z+OqkxgWlJYcd4(Z~Hnwq=bMvbm13eoOdSLkf1y
zkFe3_5{qwT2AQ3?q&n(bmNhza$#j$z85z+p@D&B$zG7YEZ-e$_hhP9;n{~a*+PmxP
ziyj*dmkLUzRKGKIN`B*au(8kjZs+kSA#+o{Jo7<wN3#3&s`Y;~Z*Z@7nf=dux?j64
z41M|cp54D)JGhEF{@~1~{}j1o{^YSkW2<-FnJUe{e~<q{Xx?h>{dr-b>*Qb8XAezp
zeRTHb-0u6iGjoeapG{BhNT<`&*A6cxXZQc`@#*<}C$?|<^Zd->Thh6iN@Mfmsrk2m
zY2N+n-&0q<pL^K#ZSLuV56#IRd;4aOeSS6HJon_y1Ki{mwf2ou_{^Vch5UeWA$#D+
Ee`TP*LjV8(

literal 0
HcmV?d00001

diff --git a/wflow-consoleweb/src/main/webapp/images/v3/console/right-next-selected_rtl.png b/wflow-consoleweb/src/main/webapp/images/v3/console/right-next-selected_rtl.png
new file mode 100644
index 0000000000000000000000000000000000000000..d4108a6e664804faad93313a58aad96862f82454
GIT binary patch
literal 2301
zcmai02~-p37ETca1qBpkDYhYOMM!2QVaq_|K>{>NkX>-8gv>w!NhTyiNI-BY`=h)9
zEm#l`6~W5GhYI>Apa_McN2IkX1g#vG=Z4Cn(5J<|2@196l=J4Cng9Q1zI*TY-|yc4
zOnyjk;ELr|%Sj~C3ht+zFzra(bc3bDGq*2Pml!N@|7biMi^o&>a+KtYU~wp!E8!=g
zVJII_C-<Y?B$DoWQA9Kz%?pABn1sgHVrVLfjIbt=ynR$Mz90$3$#H0cNXnu-|Lz=x
zEJ9e6Ep9xJCu5^R(Why0G(0UhLXeguU?LQs4P<W>OgNCBIG?PNh@}cx#iGplg^9WL
zH9#THLGUCN<t?dbUI>|u$x*T!4WtS{caZE3(IAE^!<Ftrrh^a&fDizIRLBzs-C<V-
z`Q1e!qREkXIE)kUE*7z3QG_@yg8?8lHI<gipkeX^0Aezk07wVubSi<MD%4V(ucAs7
zw(}l1s6rqY$#4-SC2KwM<FFK*MIo5J-GW56;8v=5mnI@%fQl~zAR4IM(i{*GEZ}4*
za`9YnL;#>-RDw!z1%ZVYureWrV+tX*i0g&Ve+odPmd9I&@t0gAl7$coJPiFKA%BTh
zM5tvb5QZwS6uE$?jCfn^USu#^j`DF#9)V%vd6`1y36t63ZttN`4j)HZ6hbJ73c6Dn
zU<3%kbUF-rID>>@;9DpULqzfF_n{tC2#U~Z3c?KLpP)pQAbgzvf5C_Vj>qH@J|UGz
zTiAe1nm{2hWDaIyVoXj1CfG6NSnzl-SE|7IQUS{4uqebvX(AB<`$BH+9F9NT*U#4#
zg8V^0PX@=2L3j6bb7MfBZ2x&%4kk#^3OR3!{9(&j)K=RPTGe0<Di<kHBtVWy$aBiT
zqQ$v@i~4(Ki!9CsTGSRG$N<^`f3M)@UlCoToi4O5u~;|&P$|*%a-zK*;KH-SsUhNW
zd?QqvugWBtCd#buc}s>wOwQa>_BVqsU6a~eT{MTBDyEr}>O+~;!t|CC;IZ@{l@)ES
zT&_-5LZM`Qs=Fm&Rm&zPlf-=Uvfu7LPz?OORX-q9H>y3>9FNgl_m7LbGd5<Fzvl-C
zd6l=d*k*aQj=s*fL90jmB5g|0S~E_ULlGr$jlr~UO+0&jlIrPp#fze7J&Nb~X62B1
z)6x?)Z!%t|zl02QLIRsU+St*5?#Y(Pns2HzJ6}f696Y)=Ygxc>b!Ibb5a>KLJ5h?7
zH14%Jx!V19IBk;paz|!d>W$=wb!C1rU&OI?0>Y>yEcUbAn0~3)EZguq^BZAo+UcII
zhk|3rJ5E>(95mThVw$&BY3$zTp3CZJ&{Sm%x2a8Ulq~BWf2L0C)FVIi<F;(8dvmYR
zJ2@?zbbH&gc+lADbBEkzg76g0wOVyYlDfho;MY^J*L9z~gn8VkfM(2j$85WIk=NST
z@+IVbHT5jR?@76~hs}JpuY26`;OGehi&5asf&Is_ZSukT$4?WM+-+|huDV%e|LQi~
zu(<V~h-s{G&}P=-zO|PkRn~g<w(xfemzfN?vYv)CTLHaFz?`FuyFO_N>(z6vG$iNz
z81u13d0o-;<}O*TlXaY2I#ypM7-tmR<SLO{V%M+FTo^nX{O`T}J;i$!wa4m?r#l6m
zFL-7&lU8b6**3B{C-h%nc@N|n;L1+8>v847&I8t7RaxfI!s7cY6L|xkW3T=DuC70s
zdD*JS=uS}=np-GuT>2>V5oh;g=;J5l_8x=TX9b&#9qVEpgL01?Pe1&_1ioRwV#aB|
zVePusQLj9Z>FmZ2kq50hy*g{dESR+OnjJTAW&VCzV1f_wlUKPlwL#bJ^SYY)U(LaR
ziVAeo7rWBV^gB+nIP@s*PNAh)zhA5ZZ?ktOcwTel3=rMpd`X--xN>O1GLx5a5p$bL
zN?%dE<9V2!#E;bNKlq|R*JQ}ZM%jbh?=Jm$YSYU6^;ve+BORMf@+8d6#t%-y;H_dS
z#|$LB;vWA%^}4R^%7&4a?Mo*w_G&Ig75fO~g-0%*%J|^^l=>ewM{0Y%-fI8Ik$0!{
zw8$|bsj|vDK1O-LK1)jL@cQKM`s<3SH3scQ6$8B!vOyj+{3=Iv5Gh%+#xx%gPtkMO
zy<eGTCk{u{wb(?ASljkG+3Z6@hM1>Zu1tOC(h@Z?IumHw+E`+oSXud>s~uO*8>KL%
z7b0^;5+7vGUZ1`BOroe=En5|(E7lBQCksQIH%2l`U7XF5v27~pXC1GWysmY&-P6SA
zf2yqBt-kbAJH3UP6&xIVL1G&H5nkc4@mj&I$g;DO!ixSnM?BHcPm<N}g6Gh2>lc&h
zN*DW!;}f?Yu1G8lg^X_Q9JzbuT)XJav^bk}2OOW+dDyP1$^5?`7jW|FQ8611HFJi!
z`oA0<y_)9sdr-8<(5p~VnEkWv_cNu1d7~a<>8GExttmKE)Tvi+dt<Q9mzRHYJWq<d
W9H`-2ebTD^A>sN5bDI2O_x%s5_KF1n

literal 0
HcmV?d00001

diff --git a/wflow-consoleweb/src/main/webapp/images/v3/console/right-selected_rtl.png b/wflow-consoleweb/src/main/webapp/images/v3/console/right-selected_rtl.png
new file mode 100644
index 0000000000000000000000000000000000000000..c64f691c8e7afec2e0e3e814237418ef36cc0c42
GIT binary patch
literal 2287
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
LUrw=mXwv@xfU1*8

literal 0
HcmV?d00001

diff --git a/wflow-consoleweb/src/main/webapp/images/v3/console/right_nav_activebar.png b/wflow-consoleweb/src/main/webapp/images/v3/console/right_nav_activebar.png
new file mode 100644
index 0000000000000000000000000000000000000000..db692692eb6d97a6e632193a6dd6a8b71072e4ef
GIT binary patch
literal 1586
zcma)6TTC2P7@l2_P^5|R!4$lWL#l~5J2x(!2@4Cetli44WLXu18ittzOxT^7&K}r>
z2LsmB=!4ZD4`SMqCJjw%8%-4-u$G!qZz!Y{D@Y$&l6IS-8|_ks(&E{L-O{8RornKi
z=KKHu`)}v%dhfHF^9u7Y4BPD9?(|`pC5rY>=4K(e?csmCXeofTjj%y)g<;7AShb?J
z0Nfpv+JFy8O83t1Km~?nKdt&3VWX!`koBNVN?>e}pn<e8tfDGnNOA{&cnfG#H9HX-
zJxSoIVkcfI_0S$e1nuhf9uqY5c>Quuhs-NPRV7{#5s-l(fD#@F2DFe6u@gzV0@^38
zDFRPIV27PpBh~1s$3@))c&UvhWx9;U%NQHOm2f5OGdN2#G(|HMLzB!lfi4qDIDGvh
zkT+9l6?{(Dx-WFH6YUTh0!4+xVOyB9>1G?n@H|h^EXA@ULXe?u4N4JG3l*g-I6+7@
zRRgNJh9@jaEqW)k6Nu?r2tgxlRtv4C2_=k*NCw5&=tM|KpdzPnMyDA_I#*;01V9jI
zFodv78f&!cP!F~18BC{t-{k<M*5gV0xF?rjFzq4)ec(<)?uichyA443KuGU2Wz-q1
zMTuApK{SB`b<?lwfmE65Q-pD`p>zWZI3)<|1S%9m(q$w^`)NjCSyZcH8dZ#5gL-sD
zZSCF&Ehib)&(H$P3k-c16m^LrLFqriiY&D1W>7+<QWK3$8Cn~Gr!yyrdO$akW5kY2
zvha8Ww-$nuCIh$APM|<-s;USzd`-EF7rAPYt!0>6nrAuDRn5Ctu8iSXkx%J5b-6Q9
z$ds;fN4F%SZek=7RTG@RRJ(xUGW8&ytc;*$=E7vOx2~&X=E7#wr4Sh^(cl{zK6Qnr
zD6vhCFFK?j0HC3%H_>=Y!<7%Br{S&oI)Cl$+baX(1<Nb(Lz6Xwqt3Cpt`EO?V*mHl
z@#&`bK4Y%^IWxa7v2ttqQf%z_gn91bv0twqzOfXGFI`?({N>^wC*JwwsW(4<<j48<
zf0*C%`{K;uGcD7XK3!b8`sLYOf8Dq;F*o$v<<b6;^6~Ti17Gmb*v|*Xd>5jpmTtzU
zqX%~%ee8qN5A8Zqu)4ZBJRaVSD3Q?TZ9vEW{b2`V_uoQ_XWh<fe`I!H=5tH7CI7Ue
zisQJ^)#b`j!fS3C3_SYs+{(3qzYiGi4wgPJrOWux5fX{>BM!&&A0bg**Vnu61thd4
ztHn-dTW61ETkRuR$@K)AW$lT*_;qhrvE<O_c5Io_w&q7~P8Piqr(6!lm2Y$NqlcO-
zmc4Do^w4!FCkIaE=SSye`z#k;EwozpiXuI<=ke$8q3g|?a^i}VmknR@oa%kOGtk%j
xQ$M+7YA2Ut6~bql9mBC5x$$#_TfaJqWno6&eR<{k;Q)#bbJu#E$7-72_!m{gQO5uP

literal 0
HcmV?d00001

diff --git a/wflow-consoleweb/src/main/webapp/images/v3/right-selected_rtl.png b/wflow-consoleweb/src/main/webapp/images/v3/right-selected_rtl.png
new file mode 100644
index 000000000..e69de29bb