Retour à la page d'accueil
- FR
- EN

ARNOM.biz -> Guide pour ARNOM WEBPhone

Personnaliser l'apparence d'ARNOM WEBPhone

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
Cliquer pour agrandir
Variable

styles["GeneralColortText"]


Description
Couleur de fond du Webphone
Cliquer pour agrandir
Variable

styles["GeneralColorBgPanel"]


Description
Couleur des bordures du webphone
Cliquer pour agrandir
Variable

styles["GeneralColortBorderPanel"]


Titre du WEBPhone

Description
Couleur de fond du cadre "titre"
Cliquer pour agrandir
Variable

styles["TitleColorBgPanel"]


Description
Couleur du texte dans le cadre "titre"
Cliquer pour agrandir
Variable

styles["TitleColorText"]


Cadre principal

Description
Couleur de fond du cadre principal
Cliquer pour agrandir
Variable

styles["MainColorBgPanel"]


Description
Couleur du texte du cadre principal
Cliquer pour agrandir
Variable

styles["MainColorText"]


Description
Couleur de fond des onglets non sélectionnés dans le cadre principal
Cliquer pour agrandir
Variable

styles["MainColorBgTabNotSelected"]


Description
Couleur du texte dans les onglets non sélectionnés dans le cadre principal
Cliquer pour agrandir
Variable

styles["MainColorTabNotSelected"]


Description
Couleur de fond des onglets lors du passage de la souris (on mouse over) dans cadre principal
Cliquer pour agrandir
Variable

styles["MainColorBgTabOnMouseOver"]


Description
Couleur de fond du texte des onglets lors du passage de la souris (on mouse over) dans cadre principal
Cliquer pour agrandir
Variable

styles["MainColorTabOnMouseOver"]


Description
Couleur de fond de l'onglet sélectionné dans cadre principal
Cliquer pour agrandir
Variable

styles["MainColorBgTabSelected"]


Description
Couleur du texte de l'onglet sélectionné dans cadre principal
Cliquer pour agrandir
Variable

styles["MainColorTabSelected"]


Page d'accueil

Description
Couleur de fond du cadre "account infos" de la rubrique home
Cliquer pour agrandir
Variable

styles["HomeColorBgPanelAccountInfos"]


Description
Couleur du texte du cadre "account infos" de la rubrique home
Cliquer pour agrandir
Variable

styles["HomeColorTextAccountInfos"]


Description
Couleur de fond du cadre "Redirection" de la rubrique home
Cliquer pour agrandir
Variable

styles["HomeColorBgPanelForwardSetting"]


Description
Couleur du texte du cadre "Redirection" de la rubrique home
Cliquer pour agrandir
Variable

styles["HomeColorTextForwardSettings"]


Appels

Description
Couleur du texte sur le pavé numérique dans la rubrique "Call"
Cliquer pour agrandir
Variable

styles["CallColorTextButtonDtmf"]


Description
Couleur de fond des boutons du pavé numérique dans la rubrique "Call"
Cliquer pour agrandir
Variable

styles["CallColorBgButtonDtmf"]

 

Imprimer cette page

Retour à la page d'accueil

Contact
Copyright © 2005 TRISUN CONVERGENCE