RE: New Bie: How to apply styles to submit buttons created with s truts tags

[sriram]

You define a style class in your style sheet. Include the .css file in your .jsp 
(using <link> tag).
Use the required style class in <html:submit styleClass="<your style class name>" 
..... />
I have done it this way and it worked.

-----Original Message-----
From: Seshadhri Srinivasan [mailto:[EMAIL PROTECTED] 
Sent: Thursday, August 07, 2003 11:12 AM
To: 'Struts Users Mailing List'
Subject: RE: New Bie: How to apply styles to submit buttons created with s truts tags


Hi,
I have a few submit buttons to which I wish to apply a style. I tried the following 
but I could not get the desired blue coloured buttons. 

<html:submit property = "LOGIN" style="BORDER-RIGHT: #98c8e8 1px solid;
BORDER-TOP: #98c8e8 1px solid; BORDER-LEFT: #98c8e8 1px solid;
BORDER-BOTTOM: #98c8e8 1px solid" onclick="loginForm.validate()">LOGIN</html:submit> 

Please suggest what I should do to get blue coloured buttons.

I also have the following *.css file with me.


.edit {
        FONT-WEIGHT: bold; FONT-SIZE: 8pt; FONT-FAMILY: Arial;
BACKGROUND-COLOR: #fff1e6
}
.edit {
        FONT-SIZE: 8pt; FONT-FAMILY: VArial
}
.edita {
        FONT-SIZE: 8pt; FONT-FAMILY: Arial; BACKGROUND-COLOR: #fff1e6 } .edit1 {
        FONT-WEIGHT: bold; FONT-SIZE: 8pt; FONT-FAMILY: Arial;
BACKGROUND-COLOR: #fee2cd
}
.edit1a {
        FONT-SIZE: 8pt; FONT-FAMILY: Arial; BACKGROUND-COLOR: #fee2cd } .edit2 {
        FONT-WEIGHT: bold; FONT-SIZE: 8pt; FONT-FAMILY: Arial;
BACKGROUND-COLOR: #fed3b4
}
.edit2a {
        FONT-SIZE: 8pt; FONT-FAMILY: Arial; BACKGROUND-COLOR: #fed3b4 } .edit3 {
        FONT-SIZE: 8pt; FONT-FAMILY: Arial; BACKGROUND-COLOR: #f6fbff } .edit3a {
        FONT-SIZE: 8pt; FONT-FAMILY: Arial; BACKGROUND-COLOR: #eaf3fb } .edit3b {
        FONT-SIZE: 8pt; FONT-FAMILY: Arial; BACKGROUND-COLOR: #d7e9f7 } .edit4 {
        FONT-SIZE: 8pt; FONT-FAMILY: Arial; BACKGROUND-COLOR: #ffffff } .text {
        FONT-SIZE: 8pt; COLOR: #000000; FONT-FAMILY: Arial
}
.text1 {
        FONT-SIZE: 8pt; COLOR: #0788de; FONT-FAMILY: Arial
}
.text2 {
        FONT-WEIGHT: bold; FONT-SIZE: 9pt; COLOR: #000000; FONT-FAMILY: Arial } .text3 
{
        FONT-WEIGHT: bold; FONT-SIZE: 9pt; COLOR: #f16917; FONT-FAMILY: Arial } .text4 
{
        FONT-WEIGHT: bold; FONT-SIZE: 9pt; COLOR: #127fc9; FONT-FAMILY: Arial } 
.logintext {
        FONT-WEIGHT: bold; FONT-SIZE: 9pt; COLOR: #3898d8; FONT-FAMILY: Arial } .table 
{
        BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; FONT-SIZE: 8pt;
BORDER-LEFT-COLOR: #ffffff; BORDER-BOTTOM-WIDTH: 0px; BORDER-BOTTOM-COLOR: #ffffff; 
COLOR: #000000; BORDER-TOP-COLOR: #ffffff; FONT-FAMILY: Arial;
TEXT-ALIGN: center; BORDER-RIGHT-WIDTH: 0px; BORDER-RIGHT-COLOR: #ffffff } .table1 {
        BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; FONT-SIZE: 8pt;
BORDER-LEFT-COLOR: #ffffff; BORDER-BOTTOM-WIDTH: 0px; BORDER-BOTTOM-COLOR: #ffffff; 
COLOR: #000000; BORDER-TOP-COLOR: #ffffff; FONT-FAMILY: Arial;
TEXT-ALIGN: center; BORDER-RIGHT-WIDTH: 0px; BORDER-RIGHT-COLOR: #ffffff } .buttons {
        FONT-WEIGHT: bold; FONT-SIZE: 9pt; WIDTH: 72px; COLOR: #ffffff;
FONT-FAMILY: Arial; HEIGHT: 17px; BACKGROUND-COLOR: #98c8e8; TEXT-ALIGN: center } 
buttons2 {
        FONT-WEIGHT: bold; FONT-SIZE: 8pt; WIDTH: 72px; COLOR: #0384dc;
FONT-FAMILY: Arial; HEIGHT: 17px; BACKGROUND-COLOR: #d1cecd; TEXT-ALIGN: center } 
.buttons1 {
        FONT-WEIGHT: bold; FONT-SIZE: 8pt; VERTICAL-ALIGN: 15%; WIDTH: 165px; COLOR: 
#ffffff; FONT-FAMILY: Arial; HEIGHT: 17px; BACKGROUND-COLOR: #98c8e8; TEXT-ALIGN: 
center }

Thanks,
Seshadhri Srinivasan

---------------------------------------------------------------------
To unsubscribe, e-mail: [EMAIL PROTECTED]
For additional commands, e-mail: [EMAIL PROTECTED]