Différences

Ci-dessous, les différences entre deux révisions de la page.

--- dev_doc:mep:mep_1_09 [2015/11/19 13:58]
renald [Elements pour MEP]
+++ dev_doc:mep:mep_1_09 [2020/12/21 19:43] (Version actuelle)
@@ Ligne 15: / Ligne 15: @@
   * **[[#supervision|Mail de supervision]]**.
   * **[[#menu_sam|Nouveau menu S@M]]**.
+  * **[[#template|modifications du template]]**.
@@ Ligne 450: / Ligne 451: @@
 </html>
 </code>
+\\ 2-3) Désactiver (**Conditions : never**) l'ancien menu sur la page 0 et 1.
+-4) Sur la page 0, créer une nouvelle région :
+  * de type **HTML**.
+  * Title : **IMAGE**.
+  * Region Template : **Breadcrumb Region**.
+  * Pas de Parent Region.
+  * Display Point : **After Header**.
+Une fois cette région créée, il faut :
+  * rajouter "left_img_container" dans sa propriété <hi #fff200>Attributes -> Region CSS Classes</hi>.
+  * mettre <hi #fff200>Start New Grid</hi> à Yes.
+  * mettre <hi #fff200>Column</hi> à 1.
+  * s'assurer que <hi #fff200>Column span</hi> est sur Automatic.
+-5) Sur la page 0, créer une nouvelle région :
+  * de type **List**.
+  * Title : **pulldown_menu**.
+  * Region Template : **No Template**.
+  * Pas de Parent Region.
+  * Display Point : **After Header**.
+  * List : **Pull Down Menu**.
+  * List Template : **La List template que vous avez créé précédemment**!
+Une fois cette région créée, il faut :
+  * mettre <hi #fff200>Start New Grid</hi> à NO.
+  * mettre <hi #fff200>Column</hi> à 2.
+  * s'assurer que <hi #fff200>Column span</hi> est sur Automatic.
+  * Sélectionner "**Current Page is NOT in Expression 1**" pour le <hi #fff200>Condition Type</hi> et écrire **2,101,102** dans <hi #fff200>Expression 1</hi>.
+----
+<BOOKMARK:template>
+===== Modifications du template =====
+==== Mission ====
+Modifier le template pour mieux placer, centrer, etc... les éléments.
+==== Elements pour MEP ====
+) Pour supprimer la barre d'onglet, il faut :
+  * supprimer pour chaque page la référence aux onglets en positionnant dans la définition de la page l'élément <hi #fff200>Standard Tab Set</hi> à %.
+  * dans la partie **body** du page template de "**Salamander - One Level Tabs - Left and Right Sidebar (No fixed-width / DIV left and optional table-based right)**", ajouter l'attribut **style="height: 5px;"** à la balise div ayant une class="bg".
+) Pour placer l'image de la page à gauche du menu, il faut :
+  * changer le <hi #fff200>User Interface -> Region</hi> sur la région IMAGE qui a été créée précédemment.
+  * ajouter une image pour la page 1.
+) Pour placer le Nb ordres à valider FO à droite du menu, commencer par désactiver l'ancien report "**Nombre d'ordres validés par FO**" puis créer une nouvelle région :
+  * de type **HTML**.
+  * Title : **Nb Ordres valid FO**.
+  * Region Template : **Region without Title**.
+  * Pas de Parent Region.
+  * Display Point : **After Header**.
+Une fois cette région créée, il faut :
+  * mettre <hi #fff200>Grid Layout -> Start New Row</hi> à NO.
+\\ 4) Pour placer le PTF par défaut en dessous du menu :
+  * mettre le Display Point sur **After Header**.
+\\ 5) Pour appliquer les modifications  au template (images du header, le contenu des pages scrollable, supression footer, etc...), modifier le template **	Salamander - dérivé de One Level Tabs - Left and Right Sidebar (No fixed-width / DIV left and optional table-based right)** :
+  * remplacer le code de <hi #fff200>Definition -> Header</hi> par :
+<code>
+<!DOCTYPE html>
+<html lang="&BROWSER_LANGUAGE." xmlns="http://www.w3.org/1999/xhtml" xmlns:htmldb="http://htmldb.oracle.com" xmlns:apex="http://apex.oracle.com">
+  <head>
+    <title>#TITLE#</title>
+    <link rel="icon" href="#IMAGE_PREFIX#favicon.ico" type="image/x-icon">
+    <link rel="shortcut icon" href="#IMAGE_PREFIX#favicon.ico" type="image/x-icon">
+    #APEX_CSS#
+    #TEMPLATE_CSS#
+    #THEME_CSS#
+    #PAGE_CSS#
+    #APEX_JAVASCRIPT#
+    #TEMPLATE_JAVASCRIPT#
+    #APPLICATION_JAVASCRIPT#
+    #PAGE_JAVASCRIPT#
+    #HEAD#
+    <link rel="stylesheet" href="#IMAGE_PREFIX#themes/theme_1/css/theme_4_0.css" type="text/css" />
+    <!--[if IE]><link rel="stylesheet" href="#IMAGE_PREFIX#themes/theme_1/css/theme_4_0_ie.css" type="text/css" /><![endif]-->
+    <!--[if IE 6]><link rel="stylesheet" href="#IMAGE_PREFIX#themes/theme_1/css/theme_4_0_ie6.css" type="text/css" /><![endif]-->
+    <!--[if IE 7]><link rel="stylesheet" href="#IMAGE_PREFIX#themes/theme_1/css/theme_4_0_ie7.css" type="text/css" /><![endif]-->
+    <!-- RMORICE : ajout des fichiers css pour le menu -->
+    <link rel="stylesheet" type="text/css" href="#APP_IMAGES#style_menu.css">
+    <style>
+    </style>
+  </head>
+  <body #ONLOAD#>
+    <div id="header_modif">
+      <div id="logo_modif"><a href="#HOME_LINK#">#LOGO##REGION_POSITION_06#</a></div>
+      <div id="salamander_release">
+        <img src="#WORKSPACE_IMAGES#Salamander.jpg" alt="logo Salamander"/>
+        #APP_VERSION#
+      </div>
+      #REGION_POSITION_07#
+      <div id="navbar_modif">
+        #NAVIGATION_BAR#
+        <div class="app-user">#WELCOME_USER#</div>
+        #REGION_POSITION_08#
+      </div>
+    </div>
+    <!--[if lte IE 6]><div id="outdated-browser">#OUTDATED_BROWSER#</div><![endif]-->
+    #FORM_OPEN#
+</code>
+  * remplacer le code de <hi #fff200>Definition -> Body</hi> par :
+<code>
+<style type="text/css">
+      #header {
+    height: 0px;
+}
+</style>
+<div id="tabs">
+  <div class="frame">
+    <div class="bg" style="height: 3px;">
+      <div class="tab-holder">
+        #TAB_CELLS#
+      </div>
+    </div>
+  </div>
+</div>
+<div id="topbar">#REGION_POSITION_01##REGION_POSITION_04#</div>
+<div id="messages">#SUCCESS_MESSAGE##NOTIFICATION_MESSAGE##GLOBAL_NOTIFICATION#</div>
+<div id="body">
+    <div id="three-col-tbl">
+      <table class="tbl-body" cellspacing="0" cellpadding="0" border="0" summary="">
+        <tbody>
+          <tr>
+            <td class="tbl-sidebar">#REGION_POSITION_02#</td>
+            <td class="tbl-main" width="100%">#BOX_BODY#</td>
+            <td class="tbl-sidebar">#REGION_POSITION_03#</td>
+          </tr>
+        </tbody>
+      </table>
+    </div>
+</div>
+</code>
+  * remplacer le code de <hi #fff200>Definition -> Footer</hi> par :
+<code>
+    <!-- RMORICE : supression du footer  pas entièrement YROSELIER-->
+     <div id="footer"  style="height: 1px;>
+      <div class="content">
+        #REGION_POSITION_05#
+        <div id="customize">#CUSTOMIZE#</div>&nbsp;
+        </div>
+    </div>
+    #FORM_CLOSE#
+    #DEVELOPER_TOOLBAR#
+    #GENERATED_CSS#
+    #GENERATED_JAVASCRIPT#
+    <!-- RMORICE : ajout des fichiers js pour le menu -->
+    <script src="#APP_IMAGES#jquery-2.1.4.min.js"></script>
+    <script src="#APP_IMAGES#jquery.hoverIntent.minified.js" type="text/javascript"> </script>
+    <script src="#APP_IMAGES#menu.js" type="text/javascript"></script>
+  </body>
+</html>
+</code>
+) Modifier la taille de l'image de la page de connexion
+  * Région "Login Image** / Image Tag Attributes => style="width:300px; margin:50 auto;"
+  * Région  "Salamander Asset Management":
+   - P101_LOGO => Condition = Never
+   - P101_USER_NAME => Label Alignement = Left Center
+   - P101_PASSWORD => Label Alignement = Left Center
+) Ajustements apportés au fichier menu.css (update KO sur CVS !??!)
+<code>
+li.hasSubMenu > div.right-arrow {
+  display : inline-block;
+	border-top: 5px solid transparent;
+	border-bottom: 5px solid transparent;
+	border-left: 10px solid #C72729;
+        float: right
+}
+</code>
+<code>
+/* propriétés communes des "ul" du menu header */
+/*--------------------------------------------*/
+ul.multiLevelMenu li, ul.subMenu li{
+  position: relative;
+  display: inline-block;
+  width: 85px;
+  padding: 5px 5px 5px 5px;
+  text-align: center;
+  background-color: #FFFFFF;
+  color: #000000;
+}
+</code>
+<code>
+.showSubMenuNear {
+  top: -4px;
+  left: 80px;
+}
+</code>
+) Créer liste menu pour dropdown (récupérer celle de DEV) + créer liste dynamique utilisé par template.

Aide en ligne Salamander

Outils pour utilisateurs

Outils du site

Différences

Outils de la page