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
wiki:application:styleeditor [2018/04/17 11:46]
r.toma
wiki:application:styleeditor [2018/04/23 11:09] (Version actuelle)
r.toma
Ligne 4: Ligne 4:
  
 <​lead>​ <​lead>​
-L'​**éditeur de style (style editor)** permet de gérer les styles applicables aux différents éléments de l'​application.+L'​**éditeur de styles ​(style editor)** permet de gérer les styles applicables aux différents éléments de l'​application.
 </​lead>​ </​lead>​
  
Ligne 15: Ligne 15:
  
 <​jumbotron>​ <​jumbotron>​
-===== Lancement de l'​éditeur de style =====+===== Lancement de l'​éditeur de styles ​=====
 </​jumbotron>​ </​jumbotron>​
  
Ligne 24: Ligne 24:
 <​caption>​ <​caption>​
 <TEXT align="​center">​ <TEXT align="​center">​
-Lancer l'​éditeur de style+Lancer l'​éditeur de styles
 </​TEXT>​ </​TEXT>​
 </​caption> ​ </​caption> ​
Ligne 30: Ligne 30:
 </​WRAP>​ </​WRAP>​
 <​WRAP>​ <​WRAP>​
-L'​**éditeur de style** peut être ouvert de deux façons différentes : \\ \\ +L'​**éditeur de styles** peut être ouvert de deux façons différentes : \\ \\ 
-A partir de l'​application,​ en [[wiki:​application:​moduledesigner|mode design]] {{fa>​external-link?​14&​color=#​008cba}} ou [[wiki:​application:​widgetsquickcustomize|quick customize]] {{fa>​external-link?​14&​color=#​008cba}},​ repérer l'​éditeur de propriété des styles / style sheet (souvent intitulé "​StyleFile"​). Cet éditeur possède deux boutons, le bouton le plus à droite (A) permettant de lancer l'​éditeur de style.+A partir de l'​application,​ en [[wiki:​application:​moduledesigner|mode design]] {{fa>​external-link?​14&​color=#​008cba}} ou [[wiki:​application:​widgetsquickcustomize|quick customize]] {{fa>​external-link?​14&​color=#​008cba}},​ repérer l'​éditeur de propriété des styles / style sheet (souvent intitulé "​StyleFile"​). Cet éditeur possède deux boutons, le bouton le plus à droite (A) permettant de lancer l'​éditeur de styles.
 \\ \\ \\ \\
-Il est possible d'​accèder à l'​éditeur de style sans passer par l'​application,​ pour celà rendez-vous ​dans le **répertoire d'​installation** de l'​application et rechercher l'​exécutable nommé **StyleEditor_XE** puis lancer ​le. Une fenêtre apparait dans laquelle il faut renseigner le répertoire d'​installation de l'​application ainsi que la Skin utilisée. Une fois ces informations saisies, valider et la fenêtre de l'​édteur de style apparait.\\ \\+Il est possible d'​accèder à l'​éditeur de styles ​sans passer par l'​application,​ pour celà il suffit de se rendre ​dans le **répertoire d'​installation** de l'​application et de rechercher l'​exécutable nommé **StyleEditor_XE** puis de le lancer. Une fenêtre apparait dans laquelle il faut renseigner le répertoire d'​installation de l'​application ainsi que la Skin utilisée. Une fois ces informations saisies, valider et la fenêtre de l'​édteur de style apparait.\\ \\
 </​WRAP>​ </​WRAP>​
 </​WRAP>​ </​WRAP>​
Ligne 58: Ligne 58:
  
 <callout type="​info"​ title="​Ouverture par l'​application"​ icon="​true">​ <callout type="​info"​ title="​Ouverture par l'​application"​ icon="​true">​
-Lorsque l'​**éditeur de styles** est ouvert depuis l'​application,​ s'il existe un **style** dans l'​éditeur de propriété,​ celui-ci est automatiquement chargé dans l'​éditeur de style pour modifications.+Lorsque l'​**éditeur de styles** est ouvert depuis l'​application,​ s'il existe un **style** dans l'​éditeur de propriété,​ celui-ci est automatiquement chargé dans l'​éditeur de styles ​pour modifications.
 </​callout>​ </​callout>​
  
Ligne 65: Ligne 65:
 </​jumbotron>​ </​jumbotron>​
  
-A l'​ouverture de l'​éditeur de style, la **fenêtre principale** contenant toutes les actions réalisables sur les styles / style sheets apparait.\\ \\+A l'​ouverture de l'​éditeur de styles, la **fenêtre principale** contenant toutes les actions réalisables sur les styles / style sheets apparait.\\ \\
 <​thumbnail> ​ <​thumbnail> ​
 {{ :​wiki:​application:​se_form.png?​nolink }} {{ :​wiki:​application:​se_form.png?​nolink }}
Ligne 122: Ligne 122:
 ==== Propriétés - Style Sheet ==== ==== Propriétés - Style Sheet ====
 </​jumbotron>​ </​jumbotron>​
-La zone haute de l'​éditeur de style contient les **propriétés du Style Sheet**. Ces propriétés concernent essentiellement les groupes et les items des [[wiki:​application:​modulepage#​zones_layoutcontrol|Layout Controls]] {{fa>​external-link?​14&​color=#​008cba}}.\\ \\+La zone haute de l'​éditeur de styles ​contient les **propriétés du Style Sheet**. Ces propriétés concernent essentiellement les groupes et les items des [[wiki:​application:​modulepage#​zones_layoutcontrol|Layout Controls]] {{fa>​external-link?​14&​color=#​008cba}}.\\ \\
 <​thumbnail> ​ <​thumbnail> ​
 {{ :​wiki:​application:​se_stylesheet_props.png?​nolink }} {{ :​wiki:​application:​se_stylesheet_props.png?​nolink }}
Ligne 147: Ligne 147:
 <WRAP group> <WRAP group>
 <WRAP half column> <WRAP half column>
-<btn type="​warning">​A</​btn>​ **Onglet de sélection ​de styles** : permet de modifier le style pour le type de contrôle sélectionné.\\ \\+<btn type="​warning">​A</​btn>​ **Onglet de types de contrôles** : permet de modifier le style pour le type de contrôle sélectionné.\\ \\
 <btn type="​warning">​B</​btn>​ **Style sélectionné** : style sélectionné pour le type d'​élément.\\ \\ <btn type="​warning">​B</​btn>​ **Style sélectionné** : style sélectionné pour le type d'​élément.\\ \\
 <btn type="​warning">​C</​btn>​ **Ajouter un style** : bouton d'​ajout de style pour le type d'​élément.\\ \\ <btn type="​warning">​C</​btn>​ **Ajouter un style** : bouton d'​ajout de style pour le type d'​élément.\\ \\
Ligne 206: Ligne 206:
 | Vertical Grid   | Style de la grille verticale. ​  | | Vertical Grid   | Style de la grille verticale. ​  |
 </​datatables>​ </​datatables>​
 +
 +===== Références =====
 +  * [[wiki:​application:​moduledesigner|Mode Design]]
 +  * [[wiki:​application:​widgetsquickcustomize|Widgets - Quick Customize]]
 +  * [[wiki:​application:​modulepage|Module Manager - Page Manager - Page]]
 +
 +===== A voir =====
 +  * [[wiki:​application:​menudesigner|Personnalisation des menus]]
 +  * [[wiki:​application:​moduledesigner_page_widget|Personnalisation des pages / widgets]]
 +  * [[wiki:​application:​tilestyleeditor|Editeur de styles de Tile]]