Différences
Ci-dessous, les différences entre deux révisions de la page.
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]] |