Wiki1000 - Contributions de l'utilisateur [fr]

Référence des styles Webtop

2008-12-18T09:14:34Z

Misto : /* Modifier un style */

== Référence des styles ==
Un style permet de modifier l'apparence et les visuels de l'application, par exemple les couleurs, icones, images ... peuvent être modifiés à travers les styles.
Les styles sont stockés dans un répertoire du site chaque utilisateur peut sélectionner le style qui lui convient le mieux

=== Principe des styles dans le Client Léger ===

Un style web représente un fichier CSS (feuilles de style en cascade) qui se trouve dans le répertoire "themes" du site.

Pour ajouter un style il suffit de créer un nouveau fichier CSS dans le répertoire "themes" du site.

Dans la génération des pages web L1000, si l'utilisateur a choisi ce style, on génère une référencé vers ce fichier:

''<link id="custom" type="text/css" rel="Stylesheet" href="../'''themes/mon style.css'''" />''

=== Travailler avec les styles ===
La création d'un style est réalisée en surchargeant le style par défaut.

==== Créer un nouveau style ====

Dans le répertoire "theme" du site, on va créer un nouveau fichier CSS, par exemple "Mon Premier Style.css"

{{#images:new-style.jpg|stylesweb}}

==== Modifier un style ====

Pour modifier l'aspect visuel d'un composant on surcharge les styles CSS existants dans le répertoire "css" du site:

'''''Exemple1''' : Modification de la couleur du fond des composants EDIT''

Dans le fichier "/css/swtcontrols.css" on retrouve:
.swtEditUnfocus {background-color: #E2EEFA;}

{{#images:edit-bkg-old.jpg|stylesweb}}

Dans notre fichier ("/theme/Mon premier style.css") on surcharge le style "swtEditUnfocus":

.swtEditUnfocus {background-color: red;}

{{#images:edit-bkg-new.jpg|stylesweb}}

'''''Exemple2''' : Modification de la fenêtre du login''

Dans le fichier "/css/theme.css" on retrouve:
.login-1000 {
position: absolute;
background-image: url(../img/controls/images/login-1000.png);
background-repeat: no-repeat;
background-position: 0px 0px;
}

{{#images:login-bkg-old.jpg|stylesweb}}

Dans notre fichier ("/theme/Mon premier style.css") on surcharge le style "login-1000":
.login-1000 {
background-image: url(./resources/logo.png);
}

{{#images:login-bkg-new.jpg|stylesweb}}

==== Supprimer un style ====
Pour supprimer un style il suffit de supprimer dans le répertoire du site le fichier CSS associé.

===Affichage des styles disponibles===

Pour pouvoir sélectionner un style web il faut ajouter dans le site une liste déroulante qui affiche la liste les styles disponible (la liste des fichiers du répértoire "theme" du site).

Ce composant (la liste déroulante) s'appelle "TStyleChooser" et on le retrouve dans la palette "Contrôles orientés HTML":

{{#images:design.jpg|stylesweb}}

On ajoute ce contrôle dans une fenêtre et après on affiche cette fenêtre dans site ou dans une vignette portail :

{{#images:style-chooser.jpg|stylesweb}}

Le style choisis est sauvegardé dans les préférences utilisateur.

Référence des styles Webtop

2008-12-16T16:47:26Z

Misto : /* Modification d'un style */

== Référence des styles ==
Un style permet de modifier l'apparence et les visuels de l'application, par exemple les couleurs, icones, images ... peuvent être modifiés à travers les styles.
Les styles sont stockés dans un répertoire du site chaque utilisateur peut sélectionner le style qui lui convient le mieux

=== Principe des styles dans le Client Léger ===

Un style web représente un fichier CSS (feuilles de style en cascade) qui se trouve dans le répertoire "themes" du site.

Pour ajouter un style il suffit de créer un nouveau fichier CSS dans le répertoire "themes" du site.

Dans la génération des pages web L1000, si l'utilisateur a choisi ce style, on génère une référencé vers ce fichier:

''<link id="custom" type="text/css" rel="Stylesheet" href="../'''themes/mon style.css'''" />''

=== Travailler avec les styles ===
La création d'un style est réalisée en surchargeant le style par défaut.

==== Créer un nouveau style ====

Dans le répertoire "theme" du site, on va créer un nouveau fichier CSS, par exemple "Mon Premier Style.css"

{{#images:new-style.jpg|stylesweb}}

==== Modifier un style ====

Pour modifier l'aspect visuel d'un composant on surcharge les styles CSS existants dans le répertoire "css" du site:

'''''Exemple1''' : Modification de la couleur du fond des composants EDIT''

Dans le fichier "/css/swtcontrols.css" on retrouve:
.swtEditUnfocus {background-color: #E2EEFA;}

{{#images:edit-bkg-old.jpg|stylesweb}}

Dans notre fichier ("/theme/Mon premier style.css") on surcharge le style "swtEditUnfocus":

.swtEditUnfocus {background-color: red;}

{{#images:edit-bkg-new.jpg|stylesweb}}

'''''Exemple2''' : Modification de la fenêtre du login''

Dans le fichier "/css/theme.css" on retrouve:
.login-1000 {
position: absolute;
background-image: url(../img/controls/images/login-1000.png);
background-repeat: no-repeat;
background-position: 0px 0px;
}

{{#images:login-bkg-old.jpg|stylesweb}}

Dans notre fichier ("/theme/Mon premier style.css") on surcharge le style "swtEditUnfocus":
.login-1000 {
background-image: url(./resources/logo.png);
}

{{#images:login-bkg-new.jpg|stylesweb}}

==== Supprimer un style ====
Pour supprimer un style il suffit de supprimer dans le répertoire du site le fichier CSS associé.

===Affichage des styles disponibles===

Pour pouvoir sélectionner un style web il faut ajouter dans le site une liste déroulante qui affiche la liste les styles disponible (la liste des fichiers du répértoire "theme" du site).

Ce composant (la liste déroulante) s'appelle "TStyleChooser" et on le retrouve dans la palette "Contrôles orientés HTML":

{{#images:design.jpg|stylesweb}}

On ajoute ce contrôle dans une fenêtre et après on affiche cette fenêtre dans site ou dans une vignette portail :

{{#images:style-chooser.jpg|stylesweb}}

Le style choisis est sauvegardé dans les préférences utilisateur.

Référence des styles Webtop

2008-12-16T16:46:18Z

Misto : /* Affichage des styles disponibles */

== Référence des styles ==
Un style permet de modifier l'apparence et les visuels de l'application, par exemple les couleurs, icones, images ... peuvent être modifiés à travers les styles.
Les styles sont stockés dans un répertoire du site chaque utilisateur peut sélectionner le style qui lui convient le mieux

=== Principe des styles dans le Client Léger ===

Un style web représente un fichier CSS (feuilles de style en cascade) qui se trouve dans le répertoire "themes" du site.

Pour ajouter un style il suffit de créer un nouveau fichier CSS dans le répertoire "themes" du site.

Dans la génération des pages web L1000, si l'utilisateur a choisi ce style, on génère une référencé vers ce fichier:

''<link id="custom" type="text/css" rel="Stylesheet" href="../'''themes/mon style.css'''" />''

=== Travailler avec les styles ===
La création d'un style est réalisée en surchargeant le style par défaut.

==== Créer un nouveau style ====

Dans le répertoire "theme" du site, on va créer un nouveau fichier CSS, par exemple "Mon Premier Style.css"

{{#images:new-style.jpg|stylesweb}}

==== Modification d'un style ====

Pour modifier l'aspect visuel d'un composant on surcharge les styles CSS existants dans le répertoire "css" du site:

'''''Exemple1''' : Modification de la couleur du fond des composants EDIT''

Dans le fichier "/css/swtcontrols.css" on retrouve:
.swtEditUnfocus {background-color: #E2EEFA;}

{{#images:edit-bkg-old.jpg|stylesweb}}

Dans notre fichier ("/theme/Mon premier style.css") on surcharge le style "swtEditUnfocus":

.swtEditUnfocus {background-color: red;}

{{#images:edit-bkg-new.jpg|stylesweb}}

'''''Exemple2''' : Modification de la fenêtre du login''

Dans le fichier "/css/theme.css" on retrouve:
.login-1000 {
position: absolute;
background-image: url(../img/controls/images/login-1000.png);
background-repeat: no-repeat;
background-position: 0px 0px;
}

{{#images:login-bkg-old.jpg|stylesweb}}

Dans notre fichier ("/theme/Mon premier style.css") on surcharge le style "swtEditUnfocus":
.login-1000 {
background-image: url(./resources/logo.png);
}

{{#images:login-bkg-new.jpg|stylesweb}}

==== Supprimer un style ====
Pour supprimer un style il suffit de supprimer dans le répertoire du site le fichier CSS associé.

===Affichage des styles disponibles===

Pour pouvoir sélectionner un style web il faut ajouter dans le site une liste déroulante qui affiche la liste les styles disponible (la liste des fichiers du répértoire "theme" du site).

Ce composant (la liste déroulante) s'appelle "TStyleChooser" et on le retrouve dans la palette "Contrôles orientés HTML":

{{#images:design.jpg|stylesweb}}

On ajoute ce contrôle dans une fenêtre et après on affiche cette fenêtre dans site ou dans une vignette portail :

{{#images:style-chooser.jpg|stylesweb}}

Le style choisis est sauvegardé dans les préférences utilisateur.

Référence des styles Webtop

2008-12-16T16:42:54Z

Misto : /* Affichage des styles disponibles */

== Référence des styles ==
Un style permet de modifier l'apparence et les visuels de l'application, par exemple les couleurs, icones, images ... peuvent être modifiés à travers les styles.
Les styles sont stockés dans un répertoire du site chaque utilisateur peut sélectionner le style qui lui convient le mieux

=== Principe des styles dans le Client Léger ===

Un style web représente un fichier CSS (feuilles de style en cascade) qui se trouve dans le répertoire "themes" du site.

Pour ajouter un style il suffit de créer un nouveau fichier CSS dans le répertoire "themes" du site.

Dans la génération des pages web L1000, si l'utilisateur a choisi ce style, on génère une référencé vers ce fichier:

''<link id="custom" type="text/css" rel="Stylesheet" href="../'''themes/mon style.css'''" />''

=== Travailler avec les styles ===
La création d'un style est réalisée en surchargeant le style par défaut.

==== Créer un nouveau style ====

Dans le répertoire "theme" du site, on va créer un nouveau fichier CSS, par exemple "Mon Premier Style.css"

{{#images:new-style.jpg|stylesweb}}

==== Modification d'un style ====

Pour modifier l'aspect visuel d'un composant on surcharge les styles CSS existants dans le répertoire "css" du site:

'''''Exemple1''' : Modification de la couleur du fond des composants EDIT''

Dans le fichier "/css/swtcontrols.css" on retrouve:
.swtEditUnfocus {background-color: #E2EEFA;}

{{#images:edit-bkg-old.jpg|stylesweb}}

Dans notre fichier ("/theme/Mon premier style.css") on surcharge le style "swtEditUnfocus":

.swtEditUnfocus {background-color: red;}

{{#images:edit-bkg-new.jpg|stylesweb}}

'''''Exemple2''' : Modification de la fenêtre du login''

Dans le fichier "/css/theme.css" on retrouve:
.login-1000 {
position: absolute;
background-image: url(../img/controls/images/login-1000.png);
background-repeat: no-repeat;
background-position: 0px 0px;
}

{{#images:login-bkg-old.jpg|stylesweb}}

Dans notre fichier ("/theme/Mon premier style.css") on surcharge le style "swtEditUnfocus":
.login-1000 {
background-image: url(./resources/logo.png);
}

{{#images:login-bkg-new.jpg|stylesweb}}

==== Supprimer un style ====
Pour supprimer un style il suffit de supprimer dans le répertoire du site le fichier CSS associé.

===Affichage des styles disponibles===

Pour pouvoir sélectionner un style web il faut ajouter dans le site une liste déroulante qui affiche la liste les styles disponible (la liste des fichiers du répértoire "theme" du site).

Ce composant (la liste déroulante) s'appelle "TStyleChooser" et on le retrouve dans la palette "Contrôles orientés HTML":

{{#images:design.jpg|stylesweb}}

{{#images:style-chooser.jpg|stylesweb}}

Référence des styles Webtop

2008-12-16T16:41:18Z

Misto : /* Affichage des styles disponibles */

== Référence des styles ==
Un style permet de modifier l'apparence et les visuels de l'application, par exemple les couleurs, icones, images ... peuvent être modifiés à travers les styles.
Les styles sont stockés dans un répertoire du site chaque utilisateur peut sélectionner le style qui lui convient le mieux

=== Principe des styles dans le Client Léger ===

Un style web représente un fichier CSS (feuilles de style en cascade) qui se trouve dans le répertoire "themes" du site.

Pour ajouter un style il suffit de créer un nouveau fichier CSS dans le répertoire "themes" du site.

Dans la génération des pages web L1000, si l'utilisateur a choisi ce style, on génère une référencé vers ce fichier:

''<link id="custom" type="text/css" rel="Stylesheet" href="../'''themes/mon style.css'''" />''

=== Travailler avec les styles ===
La création d'un style est réalisée en surchargeant le style par défaut.

==== Créer un nouveau style ====

Dans le répertoire "theme" du site, on va créer un nouveau fichier CSS, par exemple "Mon Premier Style.css"

{{#images:new-style.jpg|stylesweb}}

==== Modification d'un style ====

Pour modifier l'aspect visuel d'un composant on surcharge les styles CSS existants dans le répertoire "css" du site:

'''''Exemple1''' : Modification de la couleur du fond des composants EDIT''

Dans le fichier "/css/swtcontrols.css" on retrouve:
.swtEditUnfocus {background-color: #E2EEFA;}

{{#images:edit-bkg-old.jpg|stylesweb}}

Dans notre fichier ("/theme/Mon premier style.css") on surcharge le style "swtEditUnfocus":

.swtEditUnfocus {background-color: red;}

{{#images:edit-bkg-new.jpg|stylesweb}}

'''''Exemple2''' : Modification de la fenêtre du login''

Dans le fichier "/css/theme.css" on retrouve:
.login-1000 {
position: absolute;
background-image: url(../img/controls/images/login-1000.png);
background-repeat: no-repeat;
background-position: 0px 0px;
}

{{#images:login-bkg-old.jpg|stylesweb}}

Dans notre fichier ("/theme/Mon premier style.css") on surcharge le style "swtEditUnfocus":
.login-1000 {
background-image: url(./resources/logo.png);
}

{{#images:login-bkg-new.jpg|stylesweb}}

==== Supprimer un style ====
Pour supprimer un style il suffit de supprimer dans le répertoire du site le fichier CSS associé.

===Affichage des styles disponibles===

Pour pouvoir sélectionner un style web il faut ajouter dans le site une liste déroulante qui affiche la liste les styles disponible (la liste des fichiers du répértoire "theme" du site).

Ce composant (la liste déroulante) s'appelle "TStyleChooser" et on le retrouve dans la palette "Contrôles orientés HTML":

Référence des styles Webtop

2008-12-16T16:15:57Z

Misto : /* Affichage des styles disponibles */

== Référence des styles ==
Un style permet de modifier l'apparence et les visuels de l'application, par exemple les couleurs, icones, images ... peuvent être modifiés à travers les styles.
Les styles sont stockés dans un répertoire du site chaque utilisateur peut sélectionner le style qui lui convient le mieux

=== Principe des styles dans le Client Léger ===

Un style web représente un fichier CSS (feuilles de style en cascade) qui se trouve dans le répertoire "themes" du site.

Pour ajouter un style il suffit de créer un nouveau fichier CSS dans le répertoire "themes" du site.

Dans la génération des pages web L1000, si l'utilisateur a choisi ce style, on génère une référencé vers ce fichier:

''<link id="custom" type="text/css" rel="Stylesheet" href="../'''themes/mon style.css'''" />''

=== Travailler avec les styles ===
La création d'un style est réalisée en surchargeant le style par défaut.

==== Créer un nouveau style ====

Dans le répertoire "theme" du site, on va créer un nouveau fichier CSS, par exemple "Mon Premier Style.css"

{{#images:new-style.jpg|stylesweb}}

==== Modification d'un style ====

Pour modifier l'aspect visuel d'un composant on surcharge les styles CSS existants dans le répertoire "css" du site:

'''''Exemple1''' : Modification de la couleur du fond des composants EDIT''

Dans le fichier "/css/swtcontrols.css" on retrouve:
.swtEditUnfocus {background-color: #E2EEFA;}

{{#images:edit-bkg-old.jpg|stylesweb}}

Dans notre fichier ("/theme/Mon premier style.css") on surcharge le style "swtEditUnfocus":

.swtEditUnfocus {background-color: red;}

{{#images:edit-bkg-new.jpg|stylesweb}}

'''''Exemple2''' : Modification de la fenêtre du login''

Dans le fichier "/css/theme.css" on retrouve:
.login-1000 {
position: absolute;
background-image: url(../img/controls/images/login-1000.png);
background-repeat: no-repeat;
background-position: 0px 0px;
}

{{#images:login-bkg-old.jpg|stylesweb}}

Dans notre fichier ("/theme/Mon premier style.css") on surcharge le style "swtEditUnfocus":
.login-1000 {
background-image: url(./resources/logo.png);
}

{{#images:login-bkg-new.jpg|stylesweb}}

==== Supprimer un style ====
Pour supprimer un style il suffit de supprimer dans le répertoire du site le fichier CSS associé.

===Affichage des styles disponibles===

Pour pouvoir sélectionner un style web il faut ajouter dans le site une liste déroulante qui affiche la liste les styles disponible (la liste des fichiers du répértoire "theme" du site).

Référence des styles Webtop

2008-12-16T16:14:57Z

Misto : /* Affichage des styles disponibles */

== Référence des styles ==
Un style permet de modifier l'apparence et les visuels de l'application, par exemple les couleurs, icones, images ... peuvent être modifiés à travers les styles.
Les styles sont stockés dans un répertoire du site chaque utilisateur peut sélectionner le style qui lui convient le mieux

=== Principe des styles dans le Client Léger ===

Un style web représente un fichier CSS (feuilles de style en cascade) qui se trouve dans le répertoire "themes" du site.

Pour ajouter un style il suffit de créer un nouveau fichier CSS dans le répertoire "themes" du site.

Dans la génération des pages web L1000, si l'utilisateur a choisi ce style, on génère une référencé vers ce fichier:

''<link id="custom" type="text/css" rel="Stylesheet" href="../'''themes/mon style.css'''" />''

=== Travailler avec les styles ===
La création d'un style est réalisée en surchargeant le style par défaut.

==== Créer un nouveau style ====

Dans le répertoire "theme" du site, on va créer un nouveau fichier CSS, par exemple "Mon Premier Style.css"

{{#images:new-style.jpg|stylesweb}}

==== Modification d'un style ====

Pour modifier l'aspect visuel d'un composant on surcharge les styles CSS existants dans le répertoire "css" du site:

'''''Exemple1''' : Modification de la couleur du fond des composants EDIT''

Dans le fichier "/css/swtcontrols.css" on retrouve:
.swtEditUnfocus {background-color: #E2EEFA;}

{{#images:edit-bkg-old.jpg|stylesweb}}

Dans notre fichier ("/theme/Mon premier style.css") on surcharge le style "swtEditUnfocus":

.swtEditUnfocus {background-color: red;}

{{#images:edit-bkg-new.jpg|stylesweb}}

'''''Exemple2''' : Modification de la fenêtre du login''

Dans le fichier "/css/theme.css" on retrouve:
.login-1000 {
position: absolute;
background-image: url(../img/controls/images/login-1000.png);
background-repeat: no-repeat;
background-position: 0px 0px;
}

{{#images:login-bkg-old.jpg|stylesweb}}

Dans notre fichier ("/theme/Mon premier style.css") on surcharge le style "swtEditUnfocus":
.login-1000 {
background-image: url(./resources/logo.png);
}

{{#images:login-bkg-new.jpg|stylesweb}}

==== Supprimer un style ====
Pour supprimer un style il suffit de supprimer dans le répertoire du site le fichier CSS associé.

===Affichage des styles disponibles===

Pour pouvoir sélectionner un style web il faut ajouter dans le site une liste déroulante qui affiche la liste des thèmes disponible.

Référence des styles Webtop

2008-12-16T16:12:45Z

Misto : /* Supprimer un style */

== Référence des styles ==
Un style permet de modifier l'apparence et les visuels de l'application, par exemple les couleurs, icones, images ... peuvent être modifiés à travers les styles.
Les styles sont stockés dans un répertoire du site chaque utilisateur peut sélectionner le style qui lui convient le mieux

=== Principe des styles dans le Client Léger ===

Un style web représente un fichier CSS (feuilles de style en cascade) qui se trouve dans le répertoire "themes" du site.

Pour ajouter un style il suffit de créer un nouveau fichier CSS dans le répertoire "themes" du site.

Dans la génération des pages web L1000, si l'utilisateur a choisi ce style, on génère une référencé vers ce fichier:

''<link id="custom" type="text/css" rel="Stylesheet" href="../'''themes/mon style.css'''" />''

=== Travailler avec les styles ===
La création d'un style est réalisée en surchargeant le style par défaut.

==== Créer un nouveau style ====

Dans le répertoire "theme" du site, on va créer un nouveau fichier CSS, par exemple "Mon Premier Style.css"

{{#images:new-style.jpg|stylesweb}}

==== Modification d'un style ====

Pour modifier l'aspect visuel d'un composant on surcharge les styles CSS existants dans le répertoire "css" du site:

'''''Exemple1''' : Modification de la couleur du fond des composants EDIT''

Dans le fichier "/css/swtcontrols.css" on retrouve:
.swtEditUnfocus {background-color: #E2EEFA;}

{{#images:edit-bkg-old.jpg|stylesweb}}

Dans notre fichier ("/theme/Mon premier style.css") on surcharge le style "swtEditUnfocus":

.swtEditUnfocus {background-color: red;}

{{#images:edit-bkg-new.jpg|stylesweb}}

'''''Exemple2''' : Modification de la fenêtre du login''

Dans le fichier "/css/theme.css" on retrouve:
.login-1000 {
position: absolute;
background-image: url(../img/controls/images/login-1000.png);
background-repeat: no-repeat;
background-position: 0px 0px;
}

{{#images:login-bkg-old.jpg|stylesweb}}

Dans notre fichier ("/theme/Mon premier style.css") on surcharge le style "swtEditUnfocus":
.login-1000 {
background-image: url(./resources/logo.png);
}

{{#images:login-bkg-new.jpg|stylesweb}}

==== Supprimer un style ====
Pour supprimer un style il suffit de supprimer dans le répertoire du site le fichier CSS associé.

===Affichage des styles disponibles===

Référence des styles Webtop

2008-12-16T16:09:46Z

Misto : /* Modification d'un style */

== Référence des styles ==
Un style permet de modifier l'apparence et les visuels de l'application, par exemple les couleurs, icones, images ... peuvent être modifiés à travers les styles.
Les styles sont stockés dans un répertoire du site chaque utilisateur peut sélectionner le style qui lui convient le mieux

=== Principe des styles dans le Client Léger ===

Un style web représente un fichier CSS (feuilles de style en cascade) qui se trouve dans le répertoire "themes" du site.

Pour ajouter un style il suffit de créer un nouveau fichier CSS dans le répertoire "themes" du site.

Dans la génération des pages web L1000, si l'utilisateur a choisi ce style, on génère une référencé vers ce fichier:

''<link id="custom" type="text/css" rel="Stylesheet" href="../'''themes/mon style.css'''" />''

=== Travailler avec les styles ===
La création d'un style est réalisée en surchargeant le style par défaut.

==== Créer un nouveau style ====

Dans le répertoire "theme" du site, on va créer un nouveau fichier CSS, par exemple "Mon Premier Style.css"

{{#images:new-style.jpg|stylesweb}}

==== Modification d'un style ====

Pour modifier l'aspect visuel d'un composant on surcharge les styles CSS existants dans le répertoire "css" du site:

'''''Exemple1''' : Modification de la couleur du fond des composants EDIT''

Dans le fichier "/css/swtcontrols.css" on retrouve:
.swtEditUnfocus {background-color: #E2EEFA;}

{{#images:edit-bkg-old.jpg|stylesweb}}

Dans notre fichier ("/theme/Mon premier style.css") on surcharge le style "swtEditUnfocus":

.swtEditUnfocus {background-color: red;}

{{#images:edit-bkg-new.jpg|stylesweb}}

'''''Exemple2''' : Modification de la fenêtre du login''

Dans le fichier "/css/theme.css" on retrouve:
.login-1000 {
position: absolute;
background-image: url(../img/controls/images/login-1000.png);
background-repeat: no-repeat;
background-position: 0px 0px;
}

{{#images:login-bkg-old.jpg|stylesweb}}

Dans notre fichier ("/theme/Mon premier style.css") on surcharge le style "swtEditUnfocus":
.login-1000 {
background-image: url(./resources/logo.png);
}

{{#images:login-bkg-new.jpg|stylesweb}}

==== Supprimer un style ====

===Affichage des styles disponibles===

Référence des styles Webtop

2008-12-16T16:08:40Z

Misto : /* Modification d'un style */

== Référence des styles ==
Un style permet de modifier l'apparence et les visuels de l'application, par exemple les couleurs, icones, images ... peuvent être modifiés à travers les styles.
Les styles sont stockés dans un répertoire du site chaque utilisateur peut sélectionner le style qui lui convient le mieux

=== Principe des styles dans le Client Léger ===

Un style web représente un fichier CSS (feuilles de style en cascade) qui se trouve dans le répertoire "themes" du site.

Pour ajouter un style il suffit de créer un nouveau fichier CSS dans le répertoire "themes" du site.

Dans la génération des pages web L1000, si l'utilisateur a choisi ce style, on génère une référencé vers ce fichier:

''<link id="custom" type="text/css" rel="Stylesheet" href="../'''themes/mon style.css'''" />''

=== Travailler avec les styles ===
La création d'un style est réalisée en surchargeant le style par défaut.

==== Créer un nouveau style ====

Dans le répertoire "theme" du site, on va créer un nouveau fichier CSS, par exemple "Mon Premier Style.css"

{{#images:new-style.jpg|stylesweb}}

==== Modification d'un style ====

Pour modifier l'aspect visuel d'un composant on surcharge les styles CSS existants dans le répertoire "css" du site:

'''''Exemple1''' : Modification de la couleur du fond des composants EDIT''

Dans le fichier "/css/swtcontrols.css" on retrouve:
.swtEditUnfocus {background-color: #E2EEFA;}

{{#images:edit-bkg-old.jpg|stylesweb}}

Dans notre fichier ("/theme/Mon premier style.css") on surcharge le style "swtEditUnfocus":

.swtEditUnfocus {background-color: red;}

{{#images:edit-bkg-new.jpg|stylesweb}}

'''''Exemple2''' : Modification de la fenêtre du login''

Dans le fichier "/css/theme.css" on retrouve:
.login-1000 {
position: absolute;
background-image: url(../img/controls/images/login-1000.png);
background-repeat: no-repeat;
background-position: 0px 0px;
}

{{#images:edit-bkg-old.jpg|stylesweb}}

Dans notre fichier ("/theme/Mon premier style.css") on surcharge le style "swtEditUnfocus":
.login-1000 {
background-image: url(./resources/logo.png);
}

{{#images:edit-bkg-new.jpg|stylesweb}}

==== Supprimer un style ====

===Affichage des styles disponibles===

Référence des styles Webtop

2008-12-16T15:35:26Z

Misto : /* Modification d'un style */

Référence des styles Webtop

2008-12-16T15:31:21Z

Misto : /* Modification d'un style */

Référence des styles Webtop

2008-12-16T15:26:13Z

Misto : /* Modification d'un style */

Référence des styles Webtop

2008-12-16T15:08:18Z

Misto : /* Travailler avec les styles */

Référence des styles Webtop

2008-12-16T15:05:58Z

Misto : /* Créer un nouveau style */

Référence des styles Webtop

2008-12-16T15:01:32Z

Misto : /* Travailler avec les styles */

Référence des styles Webtop

2008-12-16T14:44:19Z

Misto : /* Principe des styles dans le Client Léger */

Référence des styles Webtop

2008-12-16T14:43:53Z

Misto : Nouvelle page : == Référence des styles == Un style permet de modifier l'apparence et les visuels de l'application, par exemple les couleurs, icones, images ... peuvent être modifiés à travers ...