GridView and PagerStyle problem

[Guest]

Hello there,

I try to define the properties font-size and font-bold of the pager of a
gridview using the pagerstyle, but the settings are not appleyd at run time.

What could be the reason for this?
I am very appreciated for your help.
Kamen

Here is the ASPX-code:

<asp:GridView ID="gvMailingPersons" style="Z-INDEX: 106;
LEFT: 0px; POSITION: absolute; TOP: 0px" runat="server" BorderColor="#999999"
BorderStyle="NotSet" BackColor="White" CellPadding="3" GridLines="Vertical"
AutoGenerateColumns="False" DataSource="<%# DS_MailingPersons %>"
Height="8px" Width="990px" CssClass="grid" AllowSorting="true"
AllowPaging="true" PageSize="50" PagerSettings-Position=Bottom
DataKeyNames="KontaktNr">
<SelectedRowStyle Font-Bold="True"></SelectedRowStyle>
<AlternatingRowStyle
CssClass="grid_AlternatingItem"></AlternatingRowStyle>
<RowStyle CssClass="grid_Item"></RowStyle>
<HeaderStyle Wrap="False" ForeColor="White" BorderStyle="None"
CssClass="grid_Header"></HeaderStyle>
<Columns>
<asp:BoundField DataField="KontaktNr" SortExpression="KontaktNr"
Visible="False"></asp:BoundField>
<asp:TemplateField HeaderText="Selected">
<ItemTemplate>
<asp:CheckBox id="cbSelectedRecipient" runat="server"
Checked="False"></asp:CheckBox>
</ItemTemplate>
</asp:TemplateField>
<asp:ButtonField CommandName="eMail" HeaderText="E-Mail"
SortExpression="EMail" DataTextField="EMail"></asp:ButtonField>
</Columns>
<PagerStyle ForeColor="White" Font-Bold=true Font-Size=11px
Font-Names=Verdana></PagerStyle>
<PagerSettings
FirstPageImageUrl="~/Res/PrevYear.ico" FirstPageText="First"
LastPageImageUrl="~/Res/NextYear.ico"
LastPageText="Last" Mode="NumericFirstLast" />
</asp:GridView>

 

[Winista]

This should work fine.
Look at HTML source of your page after it is rendered and see if style is
applied or not.

 

[Guest]

Hi Winista,

Thank you for your response!
After the page is rendered is the style applied in the HTML source, but not
visible in the browser (IE 6.0).
Only the properties "color:White" and "font-family:Verdana" take effect.

Should I take care of speciality settings of the browser?

Here is the HTML-code after the page is rendered :

<div>
<table title="752 Datensätze" class="grid" cellspacing="0" cellpadding="3"
rules="cols" bordercolor="#999999" border="1" id="gvMailingPersons"
style="background-color:White;border-color:#999999;height:8px;width:990px;border-collapse:collapse;Z-INDEX: 106; LEFT: 8px; POSITION: absolute; TOP: 329px">
<tr class="grid_Header" nowrap="nowrap"
style="color:White;border-style:None;">
<th scope="col">Ausgewählt</th><th scope="col"><a
href="javascript:__doPostBack('gvMailingPersons','Sort$Reaktion')"
style="color:White;">Status</a></th><th scope="col"><a
href="javascript:__doPostBack('gvMailingPersons','Sort$KontaktPerson')"
style="color:White;">Nachname</a></th><th scope="col"><a
href="javascript:__doPostBack('gvMailingPersons','Sort$Vorname')"
style="color:White;">Vorname</a></th><th scope="col"><a
href="javascript:__doPostBack('gvMailingPersons','Sort$Firmenname1')"
style="color:White;">Medium 1</a></th><th scope="col"><a
href="javascript:__doPostBack('gvMailingPersons','Sort$EMail')"
style="color:White;">E-Mail</a></th><th scope="col"><a
href="javascript:__doPostBack('gvMailingPersons','Sort$Telefax')"
style="color:White;">Telefax</a></th><th scope="col"><a
href="javascript:__doPostBack('gvMailingPersons','Sort$Versandart')"
style="color:White;">Versandart</a></th><th scope="col"><a
href="javascript:__doPostBack('gvMailingPersons','Sort$AdressAnrede')"
style="color:White;">Adressanrede</a></th><th scope="col"><a
href="javascript:__doPostBack('gvMailingPersons','Sort$PLZ')"
style="color:White;">PLZ</a></th><th scope="col"><a
href="javascript:__doPostBack('gvMailingPersons','Sort$Ort')"
style="color:White;">Ort</a></th><th scope="col"><a
href="javascript:__doPostBack('gvMailingPersons','Sort$Strasse')"
style="color:White;">Strasse</a></th>
</tr><tr class="grid_Item">
<td>

<input id="gvMailingPersons__ctl2_cbSelectedRecipient"
type="checkbox" name="gvMailingPersons:_ctl2:cbSelectedRecipient"
/></td><td> </td><td style="color:#003399;"><a
href="javascript:__doPostBack('gvMailingPersons','Details$0')"
style="color:#003399;">Zingraff</a></td><td>Matthias</td><td
style="color:#003399;"><a
href="javascript:__doPostBack('gvMailingPersons','Details$0')"
style="color:#003399;">Matthias Zingraff</a></td><td
style="color:#003399;"><a
href="javascript:__doPostBack('gvMailingPersons','eMail$0')"
style="color:#003399;"></a></td><td>05235/99823</td><td> </td><td>Herrn
Matthias Zingraff</td><td>32825</td><td>Blomberg</td><td>Kirchhofstraße 1</td>
</tr><tr class="grid_AlternatingItem">
<td>

<input id="gvMailingPersons__ctl3_cbSelectedRecipient"
type="checkbox" name="gvMailingPersons:_ctl3:cbSelectedRecipient"
/></td><td> </td><td style="color:#003399;"><a
href="javascript:__doPostBack('gvMailingPersons','Details$1')"
style="color:#003399;">Zobel</a></td><td> </td><td style="color:#003399;"><a
href="javascript:__doPostBack('gvMailingPersons','Details$1')"
style="color:#003399;">Lions District 111 WL</a></td><td
style="color:#003399;"><a
href="javascript:__doPostBack('gvMailingPersons','eMail$1')"
style="color:#003399;"></a></td><td> </td><td> </td><td>Herrn
Zobel</td><td>33334</td><td>Gütersloh</td><td>Herzebrockerstr. 225</td>
</tr><tr
style="color:White;font-family:Verdana;font-size:11px;font-weight:bold;">
<td colspan="12"><table border="0">
<tr>
<td><input type="image" src="../Res/PrevYear.ico" alt="First"
border="0" onclick="javascript:__doPostBack('gvMailingPersons','Page$First')"
language="javascript" /></td><td><a
href="javascript:__doPostBack('gvMailingPersons','Page$6')"
style="color:White;">...</a></td><td><a
href="javascript:__doPostBack('gvMailingPersons','Page$7')"
style="color:White;">7</a></td><td><a
href="javascript:__doPostBack('gvMailingPersons','Page$8')"
style="color:White;">8</a></td><td><a
href="javascript:__doPostBack('gvMailingPersons','Page$9')"
style="color:White;">9</a></td><td><a
href="javascript:__doPostBack('gvMailingPersons','Page$10')"
style="color:White;">10</a></td><td><a
href="javascript:__doPostBack('gvMailingPersons','Page$11')"
style="color:White;">11</a></td><td><a
href="javascript:__doPostBack('gvMailingPersons','Page$12')"
style="color:White;">12</a></td><td><a
href="javascript:__doPostBack('gvMailingPersons','Page$13')"
style="color:White;">13</a></td><td><a
href="javascript:__doPostBack('gvMailingPersons','Page$14')"
style="color:White;">14</a></td><td><a
href="javascript:__doPostBack('gvMailingPersons','Page$15')"
style="color:White;">15</a></td><td><span>16</span></td>
</tr>
</table></td>
</tr>
</table>
</div>

 

[Harry]

Was there ever a solution found to this? I am having the same issue. No matter how I try to set the pager style properties (themes, pagerstyle element, or properties of GridView), when the page renders, the style is not applied. I created a completely empty application, and the pager style does work there, but not in the project that I need it to work. The pagerstyle works properly for a .Net 1.1 DataGrid, but not the GridView. Any tips to figure out how my code is messing this up would be greatly appreciated.