Outils pour utilisateurs

Outils du site


dev_doc:mep:mep_1_09

Différences

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

Lien vers cette vue comparative

Les deux révisions précédentes Révision précédente
Prochaine révision
Révision précédente
dev_doc:mep:mep_1_09 [2015/11/20 15:37]
renald
dev_doc:mep:mep_1_09 [2020/12/21 19:43] (Version actuelle)
Ligne 502: Ligne 502:
  
   * 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>​.   * 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>​.
- 
-\\ 2-6) 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:​ 3px;"​** à la balise div ayant une class="​bg"​. 
- 
- 
-\\ 2-7) 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. 
- 
- 
-\\ 2-8) 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. 
- 
-\\ 2-8) Pour placer le PTF par défaut en dessous du menu : 
- 
-  * mettre le Display Point sur **After Header**. 
- 
-\\ 2-9) 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 --> 
-    <!-- <div id="​footer">​ 
-      <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>​ 
  
 ---- ----
Ligne 662: Ligne 517:
   * 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>​ à %.   * 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: ​3px;"** à la balise div ayant une class="​bg"​.+  * 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"​.
  
  
Ligne 783: Ligne 638:
  
 <​code>​ <​code>​
-    <!-- RMORICE : supression du footer --> +    <!-- RMORICE : supression du footer ​ pas entièrement YROSELIER--> 
-    <​!-- ​<div id="​footer">​+     ​<div id="​footer" ​ ​style="​height:​ 1px;>
       <div class="​content">​       <div class="​content">​
         #​REGION_POSITION_05#​         #​REGION_POSITION_05#​
         <div id="​customize">#​CUSTOMIZE#</​div>&​nbsp;​         <div id="​customize">#​CUSTOMIZE#</​div>&​nbsp;​
         </​div>​         </​div>​
-    </div> -->+    </​div> ​
     #​FORM_CLOSE#​     #​FORM_CLOSE#​
     #​DEVELOPER_TOOLBAR#​     #​DEVELOPER_TOOLBAR#​
Ligne 802: Ligne 657:
 </​html>​ </​html>​
 </​code>​ </​code>​
 +
 +6) 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
 +
 +7) 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>​
 +
 +8) Créer liste menu pour dropdown (récupérer celle de DEV) + créer liste dynamique utilisé par template.
dev_doc/mep/mep_1_09.1448033841.txt.gz · Dernière modification: 2020/12/21 19:43 (modification externe)