How to Change Background skin Color for T24 Browser? https://basecamp.temenos.com/s/article-detail/a042K00001LAtp6QAD/how-to-change-backg...

((//ss//)) C
Coom
mmmu
unniittyy LLeea
arrn
n PPrro
oddu
uccttss TTrra
aiin
niin
ngg D
Doow
wnnllo
oaad
dss SSu
uggg
geesstt ((//ss//iid
deea
attiio
onn))

How to Change Background skin Color for T24 Browser?

Explore product details, discuss issues, find the latest news, and
contribute to best practices.

How to (/s/how-to)  >  How to Change Background skin Color for T24 Browser?

        
Rate Like Bookmark

(/s/profile/0056A000000izetQAA) H
Hoow
w tto
oCCh
haan
ngge
e Ba
acckkg
grro
ouun
ndd sskkiin
nCCo
ollo
orr f o
orr TT224
4 Bro
owwsse
err??
Vinay Jain - Admin (/s/profile/0056A000000izetQAA)  •  Apr 06, 2021  •  Technology > Core Infra > System Core (EB)

      35

How do I change the background skin color for the T24 Browser?

To develop your own custom skin, follow these steps.

11..  Create a subdirectory within the w
weeb
baap
pppss\\BBrroow
wsseerrW
Weeb
b\\p
plla
aff\\iim
maag
geess directory to contain the images for your custom view. 

For example, your new directory can be called custom1. 

22..  Do one of the following: 

• Copy all the .gif and .jpeg files and subdirectories in webapps\ BrowserWeb\plaf\images\default into the new directory (i.e. custom1). 
• Review all the skin image directories and copy an image skin directory that is closest to the look you want into the new directory.

33..  Edit all the image foregrounds / backgrounds in the new directory to your preference. (Optional) Replace the banner.jpeg with your company logo.

44..  Create a subdirectory within the webapps\BrowserWeb\plaf\style directory to contain the CSS for your custom view.

1 of 7 2/10/2023, 8:50 PM
How to Change Background skin Color for T24 Browser? https://basecamp.temenos.com/s/article-detail/a042K00001LAtp6QAD/how-to-change-backg...

((//ss//)) C
Coom
mmmu
unniittyy LLeea
arrn
n PPrro
oddu
uccttss TTrra
aiin
niin
ngg D
Doow
wnnllo
oaad
dss SSu
uggg
geesstt ((//ss//iid
deea
attiio
onn))

• Copy all the CSS files in webapps\BrowserWeb\plaf\ style\default into the new directory (i.e. custom1). 
• Review all the skin style directories and copy a style skin directory that is closest to the look you want into the new directory.

66..  Edit all the foreground / background colours in the CSS files to your preference.

For example, this url points to the default directory:

              background-image : url(../../images/default/tabs/offstart.gif); 

You need to change the url to point to your new directory: 

              background-image : url(../../images/custom1/tabs/offstart.gif); 

77..  Add the skin name to the browserParameters.xml file.

For example: 

<parameter>
<parameterName>Web Server Skins</parameterName>
<parameterValue>bluesquare:default:xp:custom1</parameterValue>
</parameter> 

 
IInn  BBRRO
OWWSSEERR..PPA
ARRA
AMMEETTEERRSS a
appp
plliicca
attiioonn,, a
addd
d yyoouurr sskkiinn nna
ammee b
byy m
muullttii vva
alluuiinng
g tthhee ffiieelld
dVVa
alliid
d..SSkkiinn..

2 of 7 2/10/2023, 8:50 PM
How to Change Background skin Color for T24 Browser? https://basecamp.temenos.com/s/article-detail/a042K00001LAtp6QAD/how-to-change-backg...

((//ss//)) C
Coom
mmmu
unniittyy LLeea
arrn
n PPrro
oddu
uccttss TTrra
aiin
niin
ngg D
Doow
wnnllo
oaad
dss SSu
uggg
geesstt ((//ss//iid
deea
attiio
onn))

IInn  BBRRO
OWWSSEERR..PPRREEFFEERREEN
NCCEESS a
appp
plliicca
attiioonn,, ccrreea
attee a
a rreeccoorrd
d ffoorr tthhee rreeq
quuiirreed
d UUsseerr a
annd
daad
ddd tthhee sskkiinn nna
ammee ffoorr tthha
att UUsseerr..

3 of 7 2/10/2023, 8:50 PM
How to Change Background skin Color for T24 Browser? https://basecamp.temenos.com/s/article-detail/a042K00001LAtp6QAD/how-to-change-backg...

((//ss//)) C
Coom
mmmu
unniittyy LLeea
arrn
n PPrro
oddu
uccttss TTrra
aiin
niin
ngg D
Doow
wnnllo
oaad
dss SSu
uggg
geesstt ((//ss//iid
deea
attiio
onn))

RReesstta
arrtt tthhee w
weeb
b sseerrvveerr..

Example: 

In general.css file inside the browserweb.war (….\BrowserWebR10.war\plaf\style\custom1\genaral.css)

    /* General styles used by all XSLTs */

/*
This skin is the default T24 skin for the R09 release.
It is a blue, grey, and white skin with Vista style blue "gem" buttons
*/
/* First our top-level items apply to all elements.
 
/* Main window - apply background to html, so it copes with empty initial frames, and fixed so content scrolls over it */
html {
                        height: 100%;
                        width: 99%;
            background-color: Red;      (For ex: here background color changed to 'Red' from the default color 'white')
}
/* if body height=100% get scrollbars in processing page in firefox */
 
/* General font setting - specific elements/classes override this to 10px(7pt) and 12px(9pt) */
body {

4 of 7 2/10/2023, 8:50 PM
How to Change Background skin Color for T24 Browser? https://basecamp.temenos.com/s/article-detail/a042K00001LAtp6QAD/how-to-change-backg...

                        margin: 2px;

                        height: 98%; ((//ss//)) C
Coom
mmmu
unniittyy LLeea
arrn
n PPrro
oddu
uccttss TTrra
aiin
niin
ngg D
Doow
wnnllo
oaad
dss SSu
uggg
geesstt ((//ss//iid
deea
attiio
onn))
                        font-family: "Trebuchet MS",Tahoma,Arial,Helvetica,sans-serif;
                        font-size: smaller;
    overflow: auto;
                        white-space: nowrap;
}
         ……………………..
         ……………………….

After this change in general.css , the browser screen changed as below.

 Note that the browser screen background color changed to 'Red' .

 

Last Updated: 04-Jun-2018 

  Technology (/s/articlelistview?tag=Technology) ,  Core Infra (/s/articlelistview?tag=Core Infra) ,  System Core (/s/articlelistview?tag=System Core)

5 of 7 2/10/2023, 8:50 PM
How to Change Background skin Color for T24 Browser? https://basecamp.temenos.com/s/article-detail/a042K00001LAtp6QAD/how-to-change-backg...

0 Comments
((//ss//)) C
Coom
mmmu
unniittyy LLeea
arrn
n PPrro
oddu
uccttss TTrra
aiin
niin
ngg D
Doow
wnnllo
oaad
dss SSu
uggg
geesstt ((//ss//iid
deea
attiio
onn))
PPo
osstt Q
Quueessttiio
onn

Share an update... Share

Sort by:

Most Recent Activity Search this feed...

Collaborate here!
Here's where you start talking with your colleagues about this.

6 of 7 2/10/2023, 8:50 PM
How to Change Background skin Color for T24 Browser? https://basecamp.temenos.com/s/article-detail/a042K00001LAtp6QAD/how-to-change-backg...

((//ss//)) CCo
ommmmuunniittyy LLeea
arrn
n PPrro
oddu
uccttss TTrra
aiin
niin
ngg D
Doow
wnnllo
oaad
dss SSu
uggg
geesstt ((//ss//iid
deea
attiio
onn))
Supplier Information Terms of use Base Camp FAQ
www.temenos.com (https://www.temenos.com (https://www.temenos.com (https://basecamp.temenos.com Follow US
nformation /information-for- /legal-information /s/article-detail
suppliers/) /website-terms-and- /a046A000001lZe4QAE/temenos- (https://www.linkedin.com (https://www.linkedin.com (
conditions/) base-camp-faq) /company/temenos) /company/temenos/) /Temenos

7 of 7 2/10/2023, 8:50 PM