skin file and gridview columns

[Steve B.]

Hi,

I'd like to apply a css class on all cells in all gridviews in my app. To
achieve that, I have to set hte item-style cssclass property of each
columns.

If I add this to my skin file :

<asp:GridView
runat="server"

>

<FooterStyle CssClass="GridV iewFooterStyle" />
<PagerStyle CssClass="GridV iewPagerStyle" />
<PagerSetting s PageButtonCount ="100" />
<SelectedRowSty le CssClass="GridV iewSelectedRowS tyle" />
<HeaderStyle CssClass="GridV iewHeaderStyle" />
<AlternatingRow Style CssClass="GridV iewAlternatingR owStyle" />
<Columns>
<asp:BoundFie ld ItemStyle-CssClass="ItemS tyle" />
</Columns>
</asp:GridView>

All gridview in my apps have only one column (empty) with the style
applied... It seems that when <Columnsis defined, it overrides all colums
definition in all pages...

Finally, the only way I found is to add the property to all columns in all
gridview in all pages which requires a lot of extra work....

Is there any way to reach my goal ?

Thanks,
Steve

[Riki]

Steve B. wrote:

Hi,

I'd like to apply a css class on all cells in all gridviews in my
app. To achieve that, I have to set hte item-style cssclass property
of each columns.

If I add this to my skin file :

<asp:GridView
runat="server"

>>

<FooterStyle CssClass="GridV iewFooterStyle" />
<PagerStyle CssClass="GridV iewPagerStyle" />
<PagerSetting s PageButtonCount ="100" />
<SelectedRowSty le CssClass="GridV iewSelectedRowS tyle" />
<HeaderStyle CssClass="GridV iewHeaderStyle" />
<AlternatingRow Style CssClass="GridV iewAlternatingR owStyle" />
<Columns>
<asp:BoundFie ld ItemStyle-CssClass="ItemS tyle" />
</Columns>
</asp:GridView>

All gridview in my apps have only one column (empty) with the style
applied... It seems that when <Columnsis defined, it overrides all
colums definition in all pages...

Finally, the only way I found is to add the property to all columns
in all gridview in all pages which requires a lot of extra work....

Is there any way to reach my goal ?

Thanks,
Steve

Use RowStyle on the GridView, and remove the <Columstag.

By adding the <Columnstag, you are telling to all gridviews in your
applications to use this column defined in the skin. Obviously, that's
not what you want.

--

Riki

[Steve B.]

I don't want to target the row, but the cells.
I actually want to define this style :

ItemTemplate { border-top : solid black 2px;border-bottom : solid black
px }

If I apply this style to the row, it won't apply. I have to apply on the
cell (in fact, on the TD tag, not the TR).

Steve

"Riki" <ri**@dontnagme .comwrote in message
news:eq******** ******@TK2MSFTN GP06.phx.gbl...

Steve B. wrote:

>Hi,

I'd like to apply a css class on all cells in all gridviews in my
app. To achieve that, I have to set hte item-style cssclass property
of each columns.

If I add this to my skin file :

<asp:GridVie w
runat="serve r"

>>>

<FooterStyle CssClass="GridV iewFooterStyle" />
<PagerStyle CssClass="GridV iewPagerStyle" />
<PagerSettin gs PageButtonCount ="100" />
<SelectedRowSt yle CssClass="GridV iewSelectedRowS tyle" />
<HeaderStyle CssClass="GridV iewHeaderStyle" />
<AlternatingRo wStyle CssClass="GridV iewAlternatingR owStyle" />
<Columns>
<asp:BoundFiel d ItemStyle-CssClass="ItemS tyle" />
</Columns>
</asp:GridView>

All gridview in my apps have only one column (empty) with the style
applied... It seems that when <Columnsis defined, it overrides all
colums definition in all pages...

Finally, the only way I found is to add the property to all columns
in all gridview in all pages which requires a lot of extra work....

Is there any way to reach my goal ?

Thanks,
Steve

Use RowStyle on the GridView, and remove the <Columstag.

By adding the <Columnstag, you are telling to all gridviews in your
applications to use this column defined in the skin. Obviously, that's
not what you want.

--

Riki

[Riki]

Steve B. wrote:

I don't want to target the row, but the cells.
I actually want to define this style :

ItemTemplate { border-top : solid black 2px;border-bottom : solid
black px }

If I apply this style to the row, it won't apply. I have to apply on
the cell (in fact, on the TD tag, not the TR).

In that case, modify the css class into:
ItemTemplate td { border-top : solid black 2px;border-bottom : solid black
px }

(note the addition of td after ItemTemplate).

This will apply the style to every td inside the tr that is targeted.

--

Riki