2017-05-19 18 views
0

cssスタイルをリストビューに直接追加することはできませんが、これには何らかの方法がありますか?私は、各ニュースブロックが本質的にボックス内に含まれるニュースページを作成しようとしています。ここ は私のリストビューコードasp.net listviewにCSSスタイルを追加するにはどうすればよいですか?

<div> 

    <asp:ListView ID="lvNews" runat="server" DataSourceID="SqlNewsDataSource"> 
     <ItemTemplate> 
      <asp:Label ID="TitleLabel" CssClass="subtitle" runat="server" Text='<%# Eval("Title") %>' /> 
      <br /> 
      <asp:Image ID="news_image" Width="300px" Height="250px" runat="server" ImageUrl='<%# Eval("Imageurl") %>'/> 
      <br/> 
      <br /> 
      <asp:Label ID="NewsLabel" CssClass="bodyText" runat="server" Text='<%# Eval("News") %>' /> 
      <br /> 
      <br/> 
     </ItemTemplate> 
    </asp:ListView> 
    <asp:SqlDataSource ID="SqlNewsDataSource" runat="server" ConnectionString="<%$ ConnectionStrings:sqlMUConnectionString %>" SelectCommand="SELECT [Title], [News], [Imageurl] FROM [News]"></asp:SqlDataSource> 

</div> 

とCSSスタイルImはちょうどそのクラスのdiv要素を使用してItemTemplateの項目を包む

/*News Page*/ 
.newsBox { 
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); 
    margin: auto; 
    text-align: center; 
} 

答えて

1

を適用しようとしていることです。このよう

<asp:ListView ID="lvNews" runat="server" DataSourceID="SqlNewsDataSource"> 
    <ItemTemplate> 
     <div class="newsBox"> 
      <asp:Label ID="TitleLabel" CssClass="subtitle" runat="server" Text='<%# Eval("Title") %>' /> 
      <br /> 
      <asp:Image ID="news_image" Width="300px" Height="250px" runat="server" ImageUrl='<%# Eval("Imageurl") %>'/> 
      <br/> 
      <br /> 
      <asp:Label ID="NewsLabel" CssClass="bodyText" runat="server" Text='<%# Eval("News") %>' /> 
      <br /> 
      <br/> 
     </div> 
    </ItemTemplate> 
</asp:ListView> 
+0

はそんなに@zgoodありがとうございます。これはまさに私が探していたものです。なぜ私は自分自身でそれを試していないか分からない... –

+2

問題はありません。 Webフォームコントロールを使用したい場合、 'div'を' 'と置き換えることができます。これは' 'が' div'としてレンダリングされるからです。コードビハインドでアクセスする必要がある場合は、 'runat =" server "'を 'div'に追加することもできます。 – zgood

関連する問題