Gridview caption style

drewstein

Gridview caption style

Web Programming8
I am trying to figure out how to change the gridview caption style, but I

can not figure out how. I added

table caption {

background-color: #5D7B9D;

color: White;

font-size: 16pt;

}

to my CSS, yet when the page renders, the grids style take precendence, as

it becomes an inline style.

-

S

Registered User

Tue Nov 08 14:49:24 CST 2005

Re:Gridview caption style

Tim,

Remove the in-line style. And set all the grid's styling with your style

sheet.

--

Sincerely,

S. Justin Gengo, MCP

Web Developer / Programmer

www.aboutfortunate.com

"Out of chaos comes order."

Nietzsche

"Tim Cartwright" <tim.cartwright@nospam.us-interactive.com>wrote in message

Quote

I am trying to figure out how to change the gridview caption style, but I

can not figure out how. I added

table caption {

background-color: #5D7B9D;

color: White;

font-size: 16pt;

}

to my CSS, yet when the page renders, the grids style take precendence,

as it becomes an inline style.

-

Tim

Registered User

Tue Nov 08 15:19:16 CST 2005

Re:Gridview caption style

Hmmmm, what I figured, but not an option that I cared for. IMHO the caption

style should be configurable through the skin OR the css. Looks like a

uh-uh, missed that one to me.

"S. Justin Gengo" <justin@[no_spam_please]aboutfortunate.com>wrote in

message news:eZasiXK5FHA.1416@TK2MSFTNGP09.phx.gbl...

Quote

Tim,

Remove the in-line style. And set all the grid's styling with your style

sheet.

--

Sincerely,

S. Justin Gengo, MCP

Web Developer / Programmer

www.aboutfortunate.com

"Out of chaos comes order."

Nietzsche

"Tim Cartwright" <tim.cartwright@nospam.us-interactive.com>wrote in

message news:OA5gbSK5FHA.3592@TK2MSFTNGP12.phx.gbl...

>I am trying to figure out how to change the gridview caption style, but I

>can not figure out how. I added

>

>table caption {

>background-color: #5D7B9D;

>color: White;

>font-size: 16pt;

>}

>

>to my CSS, yet when the page renders, the grids style take precendence,

>as it becomes an inline style.

>

>

>

>

-

S

Registered User

Tue Nov 08 15:49:31 CST 2005

Re:Gridview caption style

Tim,

Don't rule it out yet. I'm hoping someone else who's used the new 2.0

version chimes in here.

I'm not positive that my suggestion is the only way to do this, but it's the

only way I know of so far...

--

Sincerely,

S. Justin Gengo, MCP

Web Developer / Programmer

www.aboutfortunate.com

"Out of chaos comes order."

Nietzsche

"Tim Cartwright" <tim.cartwright@nospam.us-interactive.com>wrote in message

Quote

Hmmmm, what I figured, but not an option that I cared for. IMHO the

caption style should be configurable through the skin OR the css. Looks

like a uh-uh, missed that one to me.

"S. Justin Gengo" <justin@[no_spam_please]aboutfortunate.com>wrote in

message news:eZasiXK5FHA.1416@TK2MSFTNGP09.phx.gbl...

>Tim,

>

>Remove the in-line style. And set all the grid's styling with your style

>sheet.

>

>--

>Sincerely,

>

>S. Justin Gengo, MCP

>Web Developer / Programmer

>

>www.aboutfortunate.com

>

>"Out of chaos comes order."

>Nietzsche

>"Tim Cartwright" <tim.cartwright@nospam.us-interactive.com>wrote in

>message news:OA5gbSK5FHA.3592@TK2MSFTNGP12.phx.gbl...

>>I am trying to figure out how to change the gridview caption style, but I

>>can not figure out how. I added

>>

>>table caption {

>>background-color: #5D7B9D;

>>color: White;

>>font-size: 16pt;

>>}

>>

>>to my CSS, yet when the page renders, the grids style take precendence,

>>as it becomes an inline style.

>>

>>

>>

>>

>

>

-

Tim

Registered User

Tue Nov 08 16:10:48 CST 2005

Re:Gridview caption style

This is a multi-part message in MIME format.

------=_NextPart_000_0193_01C5E47E.FBBA9B10

Content-Type: text/plain;

charset="iso-8859-1"

Content-Transfer-Encoding: quoted-printable

Actually, I figured out a compromise. Here is the gridview format in the =

skin file :

<asp:GridView runat=3D"server" CssClass=3D"tableView" CellPadding=3D"1" =

AutoGenerateColumns=3D"False" EmptyDataText=3D"no data">

<FooterStyle BackColor=3D"#5D7B9D" Font-Bold=3D"True" =

ForeColor=3D"White" CssClass=3D".tableFooter" />

<RowStyle BackColor=3D"#F7F6F3" ForeColor=3D"#333333" />

<EditRowStyle BackColor=3D"#999999" />

<SelectedRowStyle BackColor=3D"#E2DED6" Font-Bold=3D"True" =

ForeColor=3D"#333333" />

<PagerStyle BackColor=3D"#284775" ForeColor=3D"White" =

HorizontalAlign=3D"Center" />

<HeaderStyle BackColor=3D"#5D7B9D" Font-Bold=3D"True" =

ForeColor=3D"White" />

<AlternatingRowStyle BackColor=3D"White" ForeColor=3D"#284775" />

</asp:GridView>

The gridview tag actually only sets the class name. Then in the css :

.tableView {

color:#333333;

border-collapse:separate;

white-space:nowrap;

}

.tableView caption {

background-color: #5D7B9D;

color: White;

font-size: 16pt;

font-weight:bold;

}

"S. Justin Gengo" <justin@[no_spam_please]aboutfortunate.com>wrote in =

message news:u5LXI5K5FHA.884@TK2MSFTNGP14.phx.gbl...

Quote

Tim,

=20

Don't rule it out yet. I'm hoping someone else who's used the new 2.0=20

version chimes in here.

=20

I'm not positive that my suggestion is the only way to do this, but =

it's the=20

only way I know of so far...

=20

--=20

Sincerely,

=20

S. Justin Gengo, MCP

Web Developer / Programmer

=20

www.aboutfortunate.com

=20

"Out of chaos comes order."

Nietzsche

"Tim Cartwright" <tim.cartwright@nospam.us-interactive.com>wrote in =

message=20

news:OVdeHpK5FHA.1416@TK2MSFTNGP09.phx.gbl...

>Hmmmm, what I figured, but not an option that I cared for. IMHO the=20

>caption style should be configurable through the skin OR the css. =

Looks=20

>like a uh-uh, missed that one to me.

>

>"S. Justin Gengo" <justin@[no_spam_please]aboutfortunate.com>wrote =

in=20

>message news:eZasiXK5FHA.1416@TK2MSFTNGP09.phx.gbl...

>>Tim,

>>

>>Remove the in-line style. And set all the grid's styling with your =

style=20

>>sheet.

>>

>>--=20

>>Sincerely,

>>

>>S. Justin Gengo, MCP

>>Web Developer / Programmer

>>

>>www.aboutfortunate.com

>>

>>"Out of chaos comes order."

>>Nietzsche

>>"Tim Cartwright" <tim.cartwright@nospam.us-interactive.com>wrote in =

>>message news:OA5gbSK5FHA.3592@TK2MSFTNGP12.phx.gbl...

>>>I am trying to figure out how to change the gridview caption style, =

but I=20

>>>can not figure out how. I added

>>>

>>>table caption {

>>>background-color: #5D7B9D;

>>>color: White;

>>>font-size: 16pt;

>>>}

>>>

>>>to my CSS, yet when the page renders, the grids style take =

precendence,=20

>>>as it becomes an inline style.

>>>

>>>

>>>

>>>

>>

>>

>

>=20

=20

------=_NextPart_000_0193_01C5E47E.FBBA9B10

Content-Type: text/html;

charset="iso-8859-1"

Content-Transfer-Encoding: quoted-printable

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<HTML><HEAD>

<META http-equiv=3DContent-Type content=3D"text/html; =

charset=3Diso-8859-1">

<META content=3D"MSHTML 6.00.2900.2769" name=3DGENERATOR>

<STYLE></STYLE>

</HEAD>

<BODY>

<DIV>Actually, I figured out a compromise. =

Here is the=20

gridview format in the skin file :</DIV>

<DIV> </DIV>

<DIV><<FONT=20

color=3D#800000 size=3D2>asp:<FONT=20

color=3D#800000 size=3D2>GridViewrunat=3D"server"=20

CssClass=3D"tableView"CellPadding=3D"1"=20

AutoGenerateColumns=3D"False"EmptyDataText=3D"no=20

data">    =20

<FooterStyle=20

BackColor=3D"#5D7B9D"Font-Bold=3D"True"=20

ForeColor=3D"White"CssClass=3D".tableFooter"<FONT=20

size=3D2>/>     <RowStyleBackColor=3D"#F7F6F3"=20

ForeColor=3D"#333333"/>    =20

<EditRowStyle=20

BackColor=3D"#999999"/>    =20

<SelectedRowStyle=20

BackColor=3D"#E2DED6"Font-Bold=3D"True"=20

ForeColor=3D"#333333"/>    =20

<PagerStyle=20

BackColor=3D"#284775"ForeColor=3D"White"=20

HorizontalAlign=3D"Center"/>    =20

<HeaderStyle=20

BackColor=3D"#5D7B9D"Font-Bold=3D"True"=20

ForeColor=3D"White"/>    =20

<AlternatingRowStyle=20

BackColor=3D"White"ForeColor=3D"#284775"=20

/> </asp:GridView></DIV>

<DIV> </DIV>

<DIV>The gridview tag actually only sets the =

class=20

name.  Then in the css =

:</DIV>

<DIV> </DIV>

<DIV>.tableView{     color:#333333;     border-collapse:<FONT=20

color=3D#0000ff size=3D2>separate;</DIV>

<DIV>   =20

white-space:nowrap;</DIV>

<DIV>}</DIV>

<DIV>

.tableViewcaption{     background-color: =

<FONT=20

color=3D#0000ff size=3D2>#5D7B9D;     color: White;     font-size: =

<FONT=20

color=3D#0000ff size=3D2>16pt;     font-weight:<FONT=20

color=3D#0000ff size=3D2>bold; }</DIV>

<DIV>"S. Justin Gengo" <<A=20

href=3D"mailto:justin@[no_spam_please]aboutfortunate.com">justin@[no_spam_please]aboutfortunate.com</A>> wrote in message <A=20

href=3D"news:u5LXI5K5FHA.884@TK2MSFTNGP14.phx.gbl">news:u5LXI5K5FHA.884@TK2MSFTNGP14.phx.gbl</A>...</DIV>> Tim, > =

 > Don't=20

rule it out yet. I'm hoping someone else who's used the new 2.0 > =

version=20

chimes in here. > > I'm not positive that my suggestion is =

the only=20

way to do this, but it's the > only way I know of so =

far... >=20

 > -- > Sincerely, > > S. Justin Gengo, =

MCP >=20

Web Developer / Programmer > > <A=20

href=3D"www.aboutfortunate.com"><FONT">www.aboutfortunate.com">www.aboutfortunate.com</A> >=20

 > "Out of chaos comes=20

order." >         &nbs=

p;           &nbsp=

;     =20

Nietzsche > "Tim Cartwright" <<A=20

href=3D"mailto:tim.cartwright@nospam.us-interactive.com">tim.cartwright@nospam.us-interactive.com</A>> wrote in message > <A=20

href=3D"news:OVdeHpK5FHA.1416@TK2MSFTNGP09.phx.gbl">news:OVdeHpK5FHA.1416@TK2MSFTNGP09.phx.gbl</A>... >> Hmmmm, what I figured, but not an option that I =

cared=20

for. IMHO the >> caption style should be configurable through =

the skin=20

OR the css. Looks >> like a uh-uh, missed that one to=20

me. >> >> "S. Justin Gengo" <<A=20

href=3D"mailto:justin@[no_spam_please]aboutfortunate.com">justin@[no_spam_please]aboutfortunate.com</A>> wrote in >> message <A=20

href=3D"news:eZasiXK5FHA.1416@TK2MSFTNGP09.phx.gbl">news:eZasiXK5FHA.1416@TK2MSFTNGP09.phx.gbl</A>... >>> Tim, >>> >>> Remove =

the=20

in-line style. And set all the grid's styling with your style =

 >>>=20

sheet. >>> >>> -- >>>=20

Sincerely, >>> >>> S. Justin Gengo, =

MCP >>>=20

Web Developer / Programmer >>> >>> <A=20

href=3D"www.aboutfortunate.com"><FONT">www.aboutfortunate.com">www.aboutfortunate.com</A> >>> >>> "Out of chaos comes=20

order." >>>        &n=

bsp;           &nb=

sp;      =20

Nietzsche >>> "Tim Cartwright" <<A=20

href=3D"mailto:tim.cartwright@nospam.us-interactive.com">tim.cartwright@nospam.us-interactive.com</A>> wrote in >>> message <A=20

href=3D"news:OA5gbSK5FHA.3592@TK2MSFTNGP12.phx.gbl">news:OA5gbSK5FHA.3592@TK2MSFTNGP12.phx.gbl</A>... >>>>I am trying to figure out how to change =

the=20

gridview caption style, but I >>>>can not figure out =

how. I=20

added >>>> >>>> table caption=20

{ >>>>    background-color:=20

#5D7B9D; >>>>    color:=20

White; >>>>    font-size:=20

16pt; >>>> } >>>> >>>> to =

my CSS,=20

yet when the page renders,  the grids style take precendence,=20

 >>>> as it becomes an inline=20

style. >>>> >>>> >>>> &gt=

;>>> >>> >>> >> >>=20

 > ></BODY></HTML>

------=_NextPart_000_0193_01C5E47E.FBBA9B10--

-

S

Registered User

Tue Nov 08 20:23:04 CST 2005

Re:Gridview caption style

This is a multi-part message in MIME format.

------=_NextPart_000_0015_01C5E4A2.3946E6F0

Content-Type: text/plain;

charset="iso-8859-1"

Content-Transfer-Encoding: quoted-printable

Tim,

Very cool. Thanks for letting us know.

--=20

Sincerely,

S. Justin Gengo, MCP

Web Developer / Programmer

www.aboutfortunate.com

"Out of chaos comes order."

Nietzsche

"Tim Cartwright" <tim.cartwright@nospam.us-interactive.com>wrote in =

message news:%23LbU2FL5FHA.1464@tk2msftngp13.phx.gbl...

Actually, I figured out a compromise. Here is the gridview format in =

the skin file :

<asp:GridView runat=3D"server" CssClass=3D"tableView" =

CellPadding=3D"1" AutoGenerateColumns=3D"False" EmptyDataText=3D"no =

data">

<FooterStyle BackColor=3D"#5D7B9D" Font-Bold=3D"True" =

ForeColor=3D"White" CssClass=3D".tableFooter" />

<RowStyle BackColor=3D"#F7F6F3" ForeColor=3D"#333333" />

<EditRowStyle BackColor=3D"#999999" />

<SelectedRowStyle BackColor=3D"#E2DED6" Font-Bold=3D"True" =

ForeColor=3D"#333333" />

<PagerStyle BackColor=3D"#284775" ForeColor=3D"White" =

HorizontalAlign=3D"Center" />

<HeaderStyle BackColor=3D"#5D7B9D" Font-Bold=3D"True" =

ForeColor=3D"White" />

<AlternatingRowStyle BackColor=3D"White" ForeColor=3D"#284775" />

</asp:GridView>

The gridview tag actually only sets the class name. Then in the css :

.tableView {

color:#333333;

border-collapse:separate;

white-space:nowrap;

}

.tableView caption {

background-color: #5D7B9D;

color: White;

font-size: 16pt;

font-weight:bold;

}

"S. Justin Gengo" <justin@[no_spam_please]aboutfortunate.com>wrote in =

message news:u5LXI5K5FHA.884@TK2MSFTNGP14.phx.gbl...

Quote

Tim,

=20

Don't rule it out yet. I'm hoping someone else who's used the new =

2.0=20

Quote

version chimes in here.

=20

I'm not positive that my suggestion is the only way to do this, but =

it's the=20

Quote

only way I know of so far...

=20

--=20

Sincerely,

=20

S. Justin Gengo, MCP

Web Developer / Programmer

=20

www.aboutfortunate.com

=20

"Out of chaos comes order."

Nietzsche

"Tim Cartwright" <tim.cartwright@nospam.us-interactive.com>wrote in =

message=20

Quote

news:OVdeHpK5FHA.1416@TK2MSFTNGP09.phx.gbl...

>Hmmmm, what I figured, but not an option that I cared for. IMHO the =

Quote

>caption style should be configurable through the skin OR the css. =

Looks=20

Quote

>like a uh-uh, missed that one to me.

>

>"S. Justin Gengo" <justin@[no_spam_please]aboutfortunate.com>wrote =

in=20

Quote

>message news:eZasiXK5FHA.1416@TK2MSFTNGP09.phx.gbl...

>>Tim,

>>

>>Remove the in-line style. And set all the grid's styling with your =

style=20

Quote

>>sheet.

>>

>>--=20

>>Sincerely,

>>

>>S. Justin Gengo, MCP

>>Web Developer / Programmer

>>

>>www.aboutfortunate.com

>>

>>"Out of chaos comes order."

>>Nietzsche

>>"Tim Cartwright" <tim.cartwright@nospam.us-interactive.com>wrote =

in=20

Quote

>>message news:OA5gbSK5FHA.3592@TK2MSFTNGP12.phx.gbl...

>>>I am trying to figure out how to change the gridview caption =

style, but I=20

Quote

>>>can not figure out how. I added

>>>

>>>table caption {

>>>background-color: #5D7B9D;

>>>color: White;

>>>font-size: 16pt;

>>>}

>>>

>>>to my CSS, yet when the page renders, the grids style take =

precendence,=20

Quote

>>>as it becomes an inline style.

>>>

>>>

>>>

>>>

>>

>>

>

>=20

=20

------=_NextPart_000_0015_01C5E4A2.3946E6F0

Content-Type: text/html;

charset="iso-8859-1"

Content-Transfer-Encoding: quoted-printable

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<HTML><HEAD>

<META http-equiv=3DContent-Type content=3D"text/html; =

charset=3Diso-8859-1">

<META content=3D"MSHTML 6.00.2900.2769" name=3DGENERATOR>

<STYLE></STYLE>

</HEAD>

<BODY bgColor=3D#ffffff>

<DIV>Tim,</DIV>

<DIV> </DIV>

<DIV>Very cool. Thanks for letting us =

know.</DIV>

<DIV> -- Sincerely,</DIV>

<DIV> </DIV>

<DIV>S. Justin Gengo, MCP Web Developer / Programmer</DIV>

<DIV> </DIV>

<DIV><A =

href=3D"www.aboutfortunate.com">www.aboutfortunate.com</A></DIV>">www.aboutfortunate.com">www.aboutfortunate.com</A></DIV>

<DIV> </DIV>

<DIV>"Out of chaos comes=20

order."           &n=

bsp;           &nb=

sp;    =20

Nietzsche</DIV>

<BLOCKQUOTE=20

style=3D"PADDING-RIGHT: 0px; PADDING-LEFT: 5px; MARGIN-LEFT: 5px; =

BORDER-LEFT: #000000 2px solid; MARGIN-RIGHT: 0px">

<DIV>"Tim Cartwright" <<A=20

=

href=3D"mailto:tim.cartwright@nospam.us-interactive.com">tim.cartwright@n=

ospam.us-interactive.com</A>>=20

wrote in message <A=20

=

href=3D"news:%23LbU2FL5FHA.1464@tk2msftngp13.phx.gbl">news:%23LbU2FL5FHA.=

1464@tk2msftngp13.phx.gbl</A>...</DIV>

<DIV>Actually, I figured out a compromise. =

Here is the=20

gridview format in the skin file :</DIV>

<DIV> </DIV>

<DIV><<FONT=20

color=3D#800000 size=3D2>asp:<FONT=20

color=3D#800000 size=3D2>GridViewrunat=3D"server"=20

CssClass<FONT=20

color=3D#0000ff>=3D"tableView"CellPadding=3D"1"=20

AutoGenerateColumns<FONT=20

color=3D#0000ff size=3D2>=3D"False"EmptyDataText=3D"no=20

data">    =20

<FooterStyle=20

BackColor=3D"#5D7B9D"Font-Bold=3D"True"=20

ForeColor=3D"White"CssClass=3D".tableFooter"<FONT=20

size=3D2>/>     <RowStyleBackColor=3D"#F7F6F3"<FONT=20

size=3D2>ForeColor=3D"#333333"/>    =20

<EditRowStyle=20

BackColor=3D"#999999"/>    =20

<SelectedRowStyle=20

BackColor=3D"#E2DED6"Font-Bold=3D"True"=20

ForeColor=3D"#333333"/>    =20

<PagerStyle=20

BackColor=3D"#284775"ForeColor=3D"White"=20

HorizontalAlign=3D"Center"/>    =20

<HeaderStyle=20

BackColor=3D"#5D7B9D"Font-Bold=3D"True"=20

ForeColor=3D"White"/>    =20

<AlternatingRowStyle=20

BackColor=3D"White"ForeColor=3D"#284775"<FONT=20

size=3D2>/> </<FONT=20

color=3D#800000 size=3D2>asp:<FONT=20

color=3D#800000 size=3D2>GridView></DIV>

<DIV> </DIV>

<DIV>The gridview tag actually only sets =

the class=20

name.  Then in the css =

:</DIV>

<DIV> </DIV>

<DIV>.tableView{     color:#333333;     border-collapse:<FONT=20

color=3D#0000ff size=3D2>separate;</DIV>

<DIV>   =20

white-space:nowrap;</DIV>

<DIV>}</DIV>

<DIV>

.tableViewcaption{     background-color:=20

#5D7B9D; <FONT=20

color=3D#ff0000 size=3D2>    color:=20

White; <FONT=20

color=3D#ff0000 size=3D2>    font-size:=20

16pt; <FONT=20

color=3D#ff0000 size=3D2>    font-weight<FONT=20

size=3D2>:bold<FONT=20

size=3D2>; }</DIV>

<DIV>"S. Justin Gengo" <<A=20

href=3D"mailto:justin@[no_spam_please]aboutfortunate.com">justin@[no_spam_please]aboutfortunate.com</A>> wrote in message <A=20

href=3D"news:u5LXI5K5FHA.884@TK2MSFTNGP14.phx.gbl">news:u5LXI5K5FHA.884@TK2MSFTNGP14.phx.gbl</A>...</DIV>> Tim, > =

 >=20

Don't rule it out yet. I'm hoping someone else who's used the new 2.0 =

 >=20

version chimes in here. > > I'm not positive that my =

suggestion=20

is the only way to do this, but it's the > only way I know of =

so=20

far... > > -- > Sincerely, > > S. =

Justin=20

Gengo, MCP > Web Developer / Programmer > > =

<A=20

href=3D"www.aboutfortunate.com"><FONT">www.aboutfortunate.com">www.aboutfortunate.com</A> >=20

 > "Out of chaos comes=20

=

order." >         &nbs=

p;           &nbsp=

;     =20

Nietzsche > "Tim Cartwright" <<A=20

href=3D"mailto:tim.cartwright@nospam.us-interactive.com">tim.cartwright@nospam.us-interactive.com</A>> wrote in message > <A=20

href=3D"news:OVdeHpK5FHA.1416@TK2MSFTNGP09.phx.gbl">news:OVdeHpK5FHA.1416@TK2MSFTNGP09.phx.gbl</A>... >> Hmmmm, what I figured, but not an option that =

I cared=20

for. IMHO the >> caption style should be configurable =

through the=20

skin OR the css. Looks >> like a uh-uh, missed that one to=20

me. >> >> "S. Justin Gengo" <<A=20

href=3D"mailto:justin@[no_spam_please]aboutfortunate.com">justin@[no_spam_please]aboutfortunate.com</A>> wrote in >> message <A=20

href=3D"news:eZasiXK5FHA.1416@TK2MSFTNGP09.phx.gbl">news:eZasiXK5FHA.1416@TK2MSFTNGP09.phx.gbl</A>... >>> Tim, >>> >>> =

Remove the=20

in-line style. And set all the grid's styling with your style =

 >>>=20

sheet. >>> >>> -- >>>=20

Sincerely, >>> >>> S. Justin Gengo,=20

MCP >>> Web Developer / =

Programmer >>> >>>=20

<A href=3D"www.aboutfortunate.com"><FONT">www.aboutfortunate.com">www.aboutfortunate.com</A> >>> >>> "Out of chaos comes=20

=

order." >>>        &n=

bsp;           &nb=

sp;      =20

Nietzsche >>> "Tim Cartwright" <<A=20

href=3D"mailto:tim.cartwright@nospam.us-interactive.com">tim.cartwright@nospam.us-interactive.com</A>> wrote in >>> message <A=20

href=3D"news:OA5gbSK5FHA.3592@TK2MSFTNGP12.phx.gbl">news:OA5gbSK5FHA.3592@TK2MSFTNGP12.phx.gbl</A>... >>>>I am trying to figure out how to =

change the=20

gridview caption style, but I >>>>can not figure out =

how. I=20

added >>>> >>>> table caption=20

{ >>>>    background-color:=20

#5D7B9D; >>>>    color:=20

White; >>>>    font-size:=20

16pt; >>>> } >>>> >>>> to =

my CSS,=20

yet when the page renders,  the grids style take precendence,=20

 >>>> as it becomes an inline=20

=

style. >>>> >>>> >>>> &gt=

;>>> >>> >>> >> >>=20

 > ></BLOCKQUOTE></BODY></HTML>

------=_NextPart_000_0015_01C5E4A2.3946E6F0--

-

Tim

Registered User

Wed Nov 09 10:03:03 CST 2005

Re:Gridview caption style

This is a multi-part message in MIME format.

------=_NextPart_000_00C2_01C5E514.C637A7D0

Content-Type: text/plain;

charset="iso-8859-1"

Content-Transfer-Encoding: quoted-printable

Actually, I converted all of the styles to css classes because of the =

fact that the styles generated from the skin become inline styles in the =

grid output, really bloating the size of the grid html output.Thus I =

would only control the class name from the skin file. Here is my changes =

:

SKIN FILE:

<asp:GridView runat=3D"server" CssClass=3D"tableView" GridLines=3D"None" =

AutoGenerateColumns=3D"False" EmptyDataText=3D"no data">

<HeaderStyle CssClass=3D"tableViewHeader" />

<FooterStyle CssClass=3D"tableViewFooter" />

<RowStyle CssClass=3D"tableViewRow" />

<EditRowStyle CssClass=3D"tableViewEditRow" />

<SelectedRowStyle CssClass=3D"tableViewSelectedRow" />

<PagerStyle CssClass=3D"tableViewPager" />

<AlternatingRowStyle CssClass=3D"tableViewAlternatingRow" />

</asp:GridView>

CSS:

.tableView {

color:#333333;

border-collapse:collapse;

white-space:nowrap;

}

.tableView caption {

background-color: #5D7B9D;

color: White;

font-size: 16pt;

font-weight:bold;

}

.tableView td{

padding-right: 3px;

white-space:nowrap;

}

.tableViewHeader, .tableViewFooter{

background-color:#5D7B9D;

color:White;

font-weight:bold;

}

.tableViewRow{

background-color:#F7F6F3;

color:#333333;

}

.tableViewEditRow{

background-color:#999999;

}

.tableViewSelectedRow{

background-color:#E2DED6;

font-weight:bold;

color:#333333;

}

.tableViewPager{

background-color:#284775;

color:White;

text-align:center;

}

.tableViewAlternatingRow{

background-color:White;

color:#284775;

}

"S. Justin Gengo" <justin@[no_spam_please]aboutfortunate.com>wrote in =

message news:eKcE$RN5FHA.1464@tk2msftngp13.phx.gbl...

Tim,

Very cool. Thanks for letting us know.

--=20

Sincerely,

S. Justin Gengo, MCP

Web Developer / Programmer

www.aboutfortunate.com

"Out of chaos comes order."

Nietzsche

"Tim Cartwright" <tim.cartwright@nospam.us-interactive.com>wrote in =

message news:%23LbU2FL5FHA.1464@tk2msftngp13.phx.gbl...

Actually, I figured out a compromise. Here is the gridview format in =

the skin file :

<asp:GridView runat=3D"server" CssClass=3D"tableView" =

CellPadding=3D"1" AutoGenerateColumns=3D"False" EmptyDataText=3D"no =

data">

<FooterStyle BackColor=3D"#5D7B9D" Font-Bold=3D"True" =

ForeColor=3D"White" CssClass=3D".tableFooter" />

<RowStyle BackColor=3D"#F7F6F3" ForeColor=3D"#333333" />

<EditRowStyle BackColor=3D"#999999" />

<SelectedRowStyle BackColor=3D"#E2DED6" Font-Bold=3D"True" =

ForeColor=3D"#333333" />

<PagerStyle BackColor=3D"#284775" ForeColor=3D"White" =

HorizontalAlign=3D"Center" />

<HeaderStyle BackColor=3D"#5D7B9D" Font-Bold=3D"True" =

ForeColor=3D"White" />

<AlternatingRowStyle BackColor=3D"White" ForeColor=3D"#284775" =

/>

</asp:GridView>

The gridview tag actually only sets the class name. Then in the css =

:

.tableView {

color:#333333;

border-collapse:separate;

white-space:nowrap;

}

.tableView caption {

background-color: #5D7B9D;

color: White;

font-size: 16pt;

font-weight:bold;

}

"S. Justin Gengo" <justin@[no_spam_please]aboutfortunate.com>wrote =

in message news:u5LXI5K5FHA.884@TK2MSFTNGP14.phx.gbl...

Quote

Tim,

=20

Don't rule it out yet. I'm hoping someone else who's used the new =

2.0=20

Quote

version chimes in here.

=20

I'm not positive that my suggestion is the only way to do this, =

but it's the=20

Quote

only way I know of so far...

=20

--=20

Sincerely,

=20

S. Justin Gengo, MCP

Web Developer / Programmer

=20

www.aboutfortunate.com

=20

"Out of chaos comes order."

Nietzsche

"Tim Cartwright" <tim.cartwright@nospam.us-interactive.com>wrote =

in message=20

Quote

news:OVdeHpK5FHA.1416@TK2MSFTNGP09.phx.gbl...

>Hmmmm, what I figured, but not an option that I cared for. IMHO =

the=20

Quote

>caption style should be configurable through the skin OR the css. =

Looks=20

Quote

>like a uh-uh, missed that one to me.

>

>"S. Justin Gengo" <justin@[no_spam_please]aboutfortunate.com>=

wrote in=20

Quote

>message news:eZasiXK5FHA.1416@TK2MSFTNGP09.phx.gbl...

>>Tim,

>>

>>Remove the in-line style. And set all the grid's styling with =

your style=20

Quote

>>sheet.

>>

>>--=20

>>Sincerely,

>>

>>S. Justin Gengo, MCP

>>Web Developer / Programmer

>>

>>www.aboutfortunate.com

>>

>>"Out of chaos comes order."

>>Nietzsche

>>"Tim Cartwright" <tim.cartwright@nospam.us-interactive.com>=

wrote in=20

Quote

>>message news:OA5gbSK5FHA.3592@TK2MSFTNGP12.phx.gbl...

>>>I am trying to figure out how to change the gridview caption =

style, but I=20

Quote

>>>can not figure out how. I added

>>>

>>>table caption {

>>>background-color: #5D7B9D;

>>>color: White;

>>>font-size: 16pt;

>>>}

>>>

>>>to my CSS, yet when the page renders, the grids style take =

precendence,=20

Quote

>>>as it becomes an inline style.

>>>

>>>

>>>

>>>

>>

>>

>

>=20

=20

------=_NextPart_000_00C2_01C5E514.C637A7D0

Content-Type: text/html;

charset="iso-8859-1"

Content-Transfer-Encoding: quoted-printable

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<HTML><HEAD>

<META http-equiv=3DContent-Type content=3D"text/html; =

charset=3Diso-8859-1">

<META content=3D"MSHTML 6.00.2900.2769" name=3DGENERATOR>

<STYLE></STYLE>

</HEAD>

<BODY bgColor=3D#ffffff>

<DIV>Actually, I converted all of the styles =

to css=20

classes because of the fact that the styles generated from the skin =

become=20

inline styles in the grid output, reallybloating =

the size=20

of the grid html output.Thus I would only control the class name from =

the skin=20

file. Here is my changes :</DIV>

<DIV> </DIV>

<DIV>SKIN FILE:</DIV>

<DIV>

<asp:GridView=20

runat=3D"server"CssClass=3D"tableView"<FONT=20

size=3D2>GridLines=3D"None"AutoGenerateColumns=3D"False"<FONT=20

size=3D2>EmptyDataText<FONT=20

color=3D#0000ff size=3D2>=3D"no data">     <HeaderStyleCssClass=3D"tableViewHeader"<FONT=20

size=3D2>/>     <FooterStyleCssClass=3D"tableViewFooter"<FONT=20

size=3D2>/>     <RowStyleCssClass=3D"tableViewRow"<FONT=20

size=3D2>/>     <EditRowStyleCssClass=3D"tableViewEditRow"<FONT=20

size=3D2>/>     <SelectedRowStyleCssClass=3D"tableViewSelectedRow"/>    =20

<PagerStyle=20

CssClass=3D"tableViewPager"/>    =20

<AlternatingRowStyle=20

CssClass=3D"tableViewAlternatingRow"/> </asp<FONT=20

color=3D#0000ff size=3D2>:GridView<FONT=20

color=3D#0000ff size=3D2>></DIV>

<DIV>CSS: </DIV>

<DIV>.tableView<FONT=20

size=3D2>{    =20

color:#333333<FONT=20

size=3D2>;    =20

border-collapse:collapse;     white-space:<FONT=20

color=3D#0000ff size=3D2>nowrap; } <FONT=20

color=3D#800000 size=3D2>.tableViewcaption{     background-color: =

<FONT=20

color=3D#0000ff size=3D2>#5D7B9D;     color: White;     font-size: =

<FONT=20

color=3D#0000ff size=3D2>16pt;     font-weight:<FONT=20

color=3D#0000ff size=3D2>bold; } <FONT=20

color=3D#800000 size=3D2>.tableViewtd{     padding-right: =

<FONT=20

color=3D#0000ff size=3D2>3px;     white-space:<FONT=20

color=3D#0000ff size=3D2>nowrap; } <FONT=20

color=3D#800000 size=3D2>.tableViewHeader, =

<FONT=20

color=3D#800000 size=3D2>.tableViewFooter{ <FONT=20

color=3D#ff0000 size=3D2>    background-color:#5D7B9D<FONT=20

size=3D2>;    =20

color:White<FONT=20

size=3D2>;    =20

font-weight:bold; } .tableViewRow{     background-color:<FONT=20

color=3D#0000ff size=3D2>#F7F6F3;     color:#333333; } .tableViewEditRow{     background-color:<FONT=20

color=3D#0000ff size=3D2>#999999; } <FONT=20

color=3D#800000 size=3D2>.tableViewSelectedRow{ <FONT=20

color=3D#ff0000 size=3D2>    background-color:#E2DED6<FONT=20

size=3D2>;    =20

font-weight:bold;     color:#333333; } .tableViewPager{     background-color:<FONT=20

color=3D#0000ff size=3D2>#284775;     color:White;     text-align:<FONT=20

color=3D#0000ff size=3D2>center; } <FONT=20

color=3D#800000 size=3D2>.tableViewAlternatingRow<FONT=20

size=3D2>{    =20

background-color:White;     color:#284775; }</DIV>

<BLOCKQUOTE dir=3Dltr=20

style=3D"PADDING-RIGHT: 0px; PADDING-LEFT: 5px; MARGIN-LEFT: 5px; =

BORDER-LEFT: #000000 2px solid; MARGIN-RIGHT: 0px">

<DIV>"S. Justin Gengo" <<A=20

=

href=3D"mailto:justin@[no_spam_please]aboutfortunate.com">justin@[no_spam=

_please]aboutfortunate.com</A>>=20

wrote in message <A=20

=

href=3D"news:eKcE$RN5FHA.1464@tk2msftngp13.phx.gbl">news:eKcE$RN5FHA.1464=

@tk2msftngp13.phx.gbl</A>...</DIV>

<DIV>Tim,</DIV>

<DIV> </DIV>

<DIV>Very cool. Thanks for letting us=20

know.</DIV>

<DIV> -- Sincerely,</DIV>

<DIV> </DIV>

<DIV>S. Justin Gengo, MCP Web Developer / Programmer</DIV>

<DIV> </DIV>

<DIV><A =

href=3D"www.aboutfortunate.com">www.aboutfortunate.com</A></DIV>">www.aboutfortunate.com">www.aboutfortunate.com</A></DIV>

<DIV> </DIV>

<DIV>"Out of chaos comes=20

=

order."           &n=

bsp;           &nb=

sp;    =20

Nietzsche</DIV>

<BLOCKQUOTE=20

style=3D"PADDING-RIGHT: 0px; PADDING-LEFT: 5px; MARGIN-LEFT: 5px; =

BORDER-LEFT: #000000 2px solid; MARGIN-RIGHT: 0px">

<DIV>"Tim Cartwright" <<A=20

=

href=3D"mailto:tim.cartwright@nospam.us-interactive.com">tim.cartwright@n=

ospam.us-interactive.com</A>>=20

wrote in message <A=20

=

href=3D"news:%23LbU2FL5FHA.1464@tk2msftngp13.phx.gbl">news:%23LbU2FL5FHA.=

1464@tk2msftngp13.phx.gbl</A>...</DIV>

<DIV>Actually, I figured out a =

compromise. Here is=20

the gridview format in the skin file :</DIV>

<DIV> </DIV>

<DIV><<FONT=20

color=3D#800000 size=3D2>asp:<FONT=20

color=3D#800000 size=3D2>GridViewrunat=3D"server"=20

CssClass<FONT=20

color=3D#0000ff>=3D"tableView"CellPadding=3D"1"=20

AutoGenerateColumns<FONT=20

color=3D#0000ff size=3D2>=3D"False"=

EmptyDataText=3D"no=20

data">    =20

<FooterStyle=20

BackColor=3D"#5D7B9D"Font-Bold=3D"True"<FONT=20

size=3D2>ForeColor<FONT=20

color=3D#0000ff size=3D2>=3D"White"=

CssClass=3D".tableFooter"<FONT=20

size=3D2>/> <FONT=20

color=3D#0000ff size=3D2>    <RowStyleBackColor=3D"#F7F6F3"<FONT=20

size=3D2>ForeColor<FONT=20

color=3D#0000ff size=3D2>=3D"#333333"=

<FONT=20

color=3D#0000ff size=3D2>/>     <EditRowStyleBackColor=3D"#999999"<FONT=20

size=3D2>/> <FONT=20

color=3D#0000ff size=3D2>    <SelectedRowStyleBackColor=3D"#E2DED6"<FONT=20

size=3D2>Font-Bold<FONT=20

color=3D#0000ff size=3D2>=3D"True"=

ForeColor=3D"#333333"<FONT=20

size=3D2>/> <FONT=20

color=3D#0000ff size=3D2>    <PagerStyleBackColor=3D"#284775"<FONT=20

size=3D2>ForeColor<FONT=20

color=3D#0000ff size=3D2>=3D"White"=

HorizontalAlign=3D"Center"/>    =20

<HeaderStyle=20

BackColor=3D"#5D7B9D"Font-Bold=3D"True"<FONT=20

size=3D2>ForeColor<FONT=20

color=3D#0000ff size=3D2>=3D"White"=

/>    =20

<AlternatingRowStyle<FONT=20

size=3D2>BackColor<FONT=20

color=3D#0000ff size=3D2>=3D"White"=

ForeColor=3D"#284775"<FONT=20

size=3D2>/> </<FONT=20

color=3D#800000 size=3D2>asp:<FONT=20

color=3D#800000 size=3D2>GridView></DIV>

<DIV> </DIV>

<DIV>The gridview tag actually only sets =

the class=20

name.  Then in the css =

:</DIV>

<DIV> </DIV>

<DIV>.tableView{     color:#333333; <FONT=20

color=3D#ff0000 size=3D2>    =

border-collapse<FONT=20

size=3D2>:separate;</DIV>

<DIV>   =20

white-space:nowrap;</DIV>

<DIV>}</DIV>

<DIV>

.tableViewcaption{     background-color:=20

#5D7B9D<FONT=20

size=3D2>;    =20

color: White;     font-size: =

<FONT=20

color=3D#0000ff size=3D2>16pt;     font-weight:<FONT=20

color=3D#0000ff size=3D2>bold; }</DIV>

<DIV>"S. Justin Gengo" <<A=20

href=3D"mailto:justin@[no_spam_please]aboutfortunate.com">justin@[no_spam_please]aboutfortunate.com</A>> wrote in message <A=20

href=3D"news:u5LXI5K5FHA.884@TK2MSFTNGP14.phx.gbl">news:u5LXI5K5FHA.884@TK2MSFTNGP14.phx.gbl</A>...</DIV>> =

Tim, > >=20

Don't rule it out yet. I'm hoping someone else who's used the new =

2.0=20

 > version chimes in here. > > I'm not positive =

that my=20

suggestion is the only way to do this, but it's the > only =

way I know=20

of so far... > > -- > Sincerely, > =

 > S.=20

Justin Gengo, MCP > Web Developer / Programmer > =

 >=20

<A href=3D"www.aboutfortunate.com"><FONT">www.aboutfortunate.com">www.aboutfortunate.com</A> >=20

 > "Out of chaos comes=20

=

order." >         &nbs=

p;           &nbsp=

;     =20

Nietzsche > "Tim Cartwright" <<A=20

href=3D"mailto:tim.cartwright@nospam.us-interactive.com">tim.cartwright@nospam.us-interactive.com</A>> wrote in message > <A=20

href=3D"news:OVdeHpK5FHA.1416@TK2MSFTNGP09.phx.gbl">news:OVdeHpK5FHA.1416@TK2MSFTNGP09.phx.gbl</A>... >> Hmmmm, what I figured, but not an option =

that I cared=20

for. IMHO the >> caption style should be configurable =

through the=20

skin OR the css. Looks >> like a uh-uh, missed that one to =

me. >> >> "S. Justin Gengo" <<A=20

href=3D"mailto:justin@[no_spam_please]aboutfortunate.com">justin@[no_spam_please]aboutfortunate.com</A>> wrote in >> message <A=20

href=3D"news:eZasiXK5FHA.1416@TK2MSFTNGP09.phx.gbl">news:eZasiXK5FHA.1416@TK2MSFTNGP09.phx.gbl</A>... >>> Tim, >>> >>> =

Remove the=20

in-line style. And set all the grid's styling with your style=20

 >>> sheet. >>> >>> -- =

 >>>=20

Sincerely, >>> >>> S. Justin Gengo,=20

MCP >>> Web Developer /=20

Programmer >>> >>> <A=20

href=3D"www.aboutfortunate.com"><FONT">www.aboutfortunate.com">www.aboutfortunate.com</A> >>> >>> "Out of chaos comes=20

=

order." >>>        &n=

bsp;           &nb=

sp;      =20

Nietzsche >>> "Tim Cartwright" <<A=20

href=3D"mailto:tim.cartwright@nospam.us-interactive.com">tim.cartwright@nospam.us-interactive.com</A>> wrote in >>> message <A=20

href=3D"news:OA5gbSK5FHA.3592@TK2MSFTNGP12.phx.gbl">news:OA5gbSK5FHA.3592@TK2MSFTNGP12.phx.gbl</A>... >>>>I am trying to figure out how to =

change the=20

gridview caption style, but I >>>>can not figure out =

how. I=20

added >>>> >>>> table caption=20

{ >>>>    background-color:=20

#5D7B9D; >>>>    color:=20

White; >>>>    font-size:=20

16pt; >>>> } >>>> >>>> =

to my=20

CSS, yet when the page renders,  the grids style take =

precendence,=20

 >>>> as it becomes an inline=20

=

style. >>>> >>>> >>>> &gt=

;>>> >>> >>> >> >>=20

 > ></BLOCKQUOTE></BLOCKQUOTE></BODY></HTML>

------=_NextPart_000_00C2_01C5E514.C637A7D0--

-