Comment modifier les couleurs de l'interface WEBPhone ?
Etape 1 :
Ouvrir le fichier customconfig.js
Etape 2 :
Dans la fonction function getCustomSoftphoneStyles(){
Remplacer les codes couleurs des variables en vous aidant du tableau du tableau de correspondance
ci-dessous.
Ex. :
Dans la variable : styles["GeneralColorBgPanel"] = "#FFFFFF";
Remplacer
#FFFFFF par la couleur de fond du WEBPhone souhaitée.
Il est également possible d'insérer une image à la place du code couleur.
Pour ce faire, remplacer #FFFFFF par url(images/mon-image.gif)
Ce qui donne : styles["GeneralColorBgPanel"] = "url(images/mon-image.gif)";
Tableau de correspondance des variables présentes dans le fichier customconfig.js
General : Ensemble du WEBPhone
|
Description |
Couleur de texte du Webphone |
 |
| Variable |
styles["GeneralColortText"]
|
|
Description |
Couleur de fond du Webphone |
|
| Variable |
styles["GeneralColorBgPanel"]
|
|
Description |
Couleur des bordures du webphone |
|
| Variable |
styles["GeneralColortBorderPanel"]
|
Titre du WEBPhone
|
Description |
Couleur de fond du cadre "titre" |
|
| Variable |
styles["TitleColorBgPanel"]
|
|
Description |
Couleur du texte dans le cadre "titre" |
|
| Variable |
|
Cadre principal
|
Description |
Couleur de fond du cadre principal |
|
| Variable |
styles["MainColorBgPanel"]
|
|
Description |
Couleur du texte du cadre principal |
|
| Variable |
|
|
Description |
Couleur de fond des onglets non sélectionnés dans le cadre principal |
|
| Variable |
styles["MainColorBgTabNotSelected"]
|
|
Description |
Couleur du texte dans les onglets non sélectionnés dans le cadre principal |
|
| Variable |
styles["MainColorTabNotSelected"]
|
|
Description |
Couleur de fond des onglets lors du passage de la souris (on mouse over) dans cadre principal |
|
| Variable |
styles["MainColorBgTabOnMouseOver"]
|
|
Description |
Couleur de fond du texte des onglets lors du passage de la souris (on mouse over) dans cadre principal |
|
| Variable |
styles["MainColorTabOnMouseOver"]
|
|
Description |
Couleur de fond de l'onglet sélectionné dans cadre principal |
|
| Variable |
styles["MainColorBgTabSelected"]
|
|
Description |
Couleur du texte de l'onglet sélectionné dans cadre principal |
|
| Variable |
styles["MainColorTabSelected"]
|
Page d'accueil
|
Description |
Couleur de fond du cadre "account infos" de la rubrique home |
|
| Variable |
styles["HomeColorBgPanelAccountInfos"]
|
|
Description |
Couleur du texte du cadre "account infos" de la rubrique home |
|
| Variable |
styles["HomeColorTextAccountInfos"]
|
|
Description |
Couleur de fond du cadre "Redirection" de la rubrique home |
|
| Variable |
styles["HomeColorBgPanelForwardSetting"]
|
|
Description |
Couleur du texte du cadre "Redirection" de la rubrique home |
|
| Variable |
styles["HomeColorTextForwardSettings"]
|
Appels
|
Description |
Couleur du texte sur le pavé numérique dans la rubrique "Call" |
|
| Variable |
styles["CallColorTextButtonDtmf"]
|
|
Description |
Couleur de fond des boutons du pavé numérique dans la rubrique "Call" |
|
| Variable |
styles["CallColorBgButtonDtmf"]
|
|