Discussion :

[Naceur84]

Bonjour,

En utilisant un GridView j'ai voulu crée un header et lui associer une image comme arrière plan, pareil pour le footer et donner une couleur au contenu du GridView. Je postule mon code pour le GridView

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
<asp:GridView ID="gvDetail" runat="server" CssClass="gvStyle"
                    GridLines="None" AllowPaging="True" AutoGenerateColumns="false" 
                    OnPageIndexChanging="gvDetailSeances_PageIndexChanging">
                    <Columns>
                        <asp:TemplateField Visible="True">
                            <ItemTemplate>
                                <asp:Label ID="lbl" CssClass="lblStandard" runat="server" Text='<%#Bind("Numero") %>'></asp:Label>
                            </ItemTemplate>
                        </asp:TemplateField>
....................
                     </Columns>
  </asp:GridView>

Est ce quelqu'un a une idée

[jbrasselet]

Normalement au même niveau que columns tu as un headerstyle et un footerstyle auxquels tu peux appliquer des css
Idem tu as un itemstyle.

Tu as aussi des balises FooterTemplate et HeaderTemplate si tu veux personnaliser tes affichages

Bref un petit tour sur msdn et tu trouveras ton bonheur je suis sur

[Naceur84]

Je viens de regarder, Voici ce que j'ai maintenant comme code mais le problème c'est que le footer ne s'affiche pas et en plus je veux colorer toute la colonne mais je n'a pas réussi à trouver la bonne propriété pour colorer la colonne. Voici mon code

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 <asp:TemplateField HeaderText="Date" ControlStyle-CssClass="lblStandardUsual1"  HeaderStyle-CssClass="header1" FooterStyle-CssClass="lblStandardfoot" >
                            <ItemTemplate>
                                <asp:Label ID="lblDate" CssClass="lblStandardUsual1" runat="server" Text='<%#Bind("Date") %>'></asp:Label>
                            </ItemTemplate>
                        </asp:TemplateField>

et pour le css

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
.lblStandardfoot
{
	background:url(/../Images/footer-tableauhoraires.png)left no-repeat;
}
.header1
{
	background:url(/../Images/header-tableauhoraires.png)right no-repeat;
}
.lblStandardUsual1
{
	background-color: #000000;
	height: 25px;
	padding: 5px 2px;
}

ce que je ne l'ai pas compris pourquoi le footer n'apparait pas chez moi malgré que je l'ai bien affecté un style
Merci.

[jbrasselet]

pour le footer il faut que tu mettes en code behind la propriété showfooter à true je crois
et tu n'as pas de footer template c'est normal ?

[Naceur84]

Je suis désolé j'ai oublié de mettre le footer template quand j'ai fait copier coller et comme t'as dis jbrasselet

showfooter à true

merci beaucoup mais est ce que je peux te poser une question comment je puisse affecter une couleur à une colonne donné( Je ne veux pas par ligne).

Merci

[Naceur84]

Je pense que j'étais trop con il fallait que je creuse plus. Au final j'ai trouvé la solution c'est de rajouter ItemStyle-BackColor voici mon code, il se peux qu'il servira pour quelqu'un un jour

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
<asp:TemplateField HeaderText="Date séance" ItemStyle-BackColor="#DCCCC0"  HeaderStyle-CssClass="header1 AlignCenter" FooterStyle-CssClass="lblStandardfoot" >
                            <ItemTemplate>
                                <asp:Label ID="lblDate" CssClass="lblStandardUsual" runat="server" Text='<%#Bind("Date") %>'></asp:Label>
                            </ItemTemplate>
                            <FooterTemplate>
                            <asp:Label id="vide" runat="server"/>
                            </FooterTemplate>

Merci pour tous.