none
Como dar estilo al Repeater ASP.NET?? RRS feed

  • Pregunta

  • Me gustaría poder insertar una hoja de estilos a este código pero no tengo ni idea de como hacerlo.

    Y también reducir el tamaño de las fotos que introduzca el usuario para que no se vean tan grandes...

    ¿Cómo hago la hoja de estilos?

    
    <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default2.aspx.cs" Inherits="Default2" %>
    
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head id="Head1" runat="server">
        <title>Función repeater</title>
    </head>
    <body>
        <form id="form1" runat="server">
        <asp:SqlDataSource ID="SQLDataSource" ConnectionString="<%$ ConnectionStrings:GestorInventario %>"
            runat="server" SelectCommand="SELECT * FROM [Tabla1]" />
        <div>
            <h3>
                Prueba de la función Repeater</h3>
              
            <asp:Repeater ID="Repeater" runat="server" OnItemDataBound="Repeater_ItemDataBound"
                DataSourceID="SQLDataSource">
                <HeaderTemplate>
                    <table  cellpadding="3" cellspacing="15">
                        <tr>
                            <th>
                                <b>Categoría</b>
                            </th>
                            <th>
                                <b>Nombre</b>
                            </th>
                            <th>
                                <b>Procedencia</b>
                            </th>
                            <th>
                                <b>Precio</b>
                            </th>
                            <th>
                                <b>Imagen</b>
                            </th>
                        </tr>
                </HeaderTemplate>
                <ItemTemplate>
                    <tr>
                        <td>
                            <%# Eval ("Categoría") %>
                        </td>
                        <td>
                            <%# Eval ("Nombre") %>
                        </td>
                        <td>
                            <%# Eval ("Procedencia") %>
                        </td>
                        <td>
                            <%# Eval ("Precio") %>
                        </td>
                        <td>
                            <asp:Literal ID="litfoto" runat="server" />
                        </td>
                    </tr>
                </ItemTemplate>
                <SeparatorTemplate>
                    <tr>
                        <td colspan="6">
                            <hr />
                        </td>
                    </tr>
                </SeparatorTemplate>
                <FooterTemplate>
                    </table>
                </FooterTemplate>
            </asp:Repeater>
        </div>
        </form>
    </body>
    </html>

    using System;
    using System.Collections.Generic;
    using System.Linq;
    using System.Web;
    using System.Web.UI;
    using System.Data.SqlClient;
    using System.Data;
    using System.Data.Sql;
    using System.Web.UI.WebControls;
    
    public partial class Default2 : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {
    
        }
    
        protected void Repeater_ItemDataBound(object sender, RepeaterItemEventArgs e)
        {
            if (e.Item.ItemType == ListItemType.Item || e.Item.ItemType == ListItemType.AlternatingItem)
            {
                Literal litfoto = (Literal)e.Item.FindControl("litfoto");
                DataRowView row = (DataRowView)e.Item.DataItem;
                string ID = row["Id"].ToString();
    
                //Si foto tiene un valor
                if (row["Imagen"].ToString().Length>0)
                {
                    litfoto.Text = "<img src=\"ImagenBDA.ashx?id=" + ID.ToString() + "&fake=" + DateTime.Now.Ticks.ToString() + "\" alt=\"Imagen del producto\" />";
                }
                else
                {
                    //En caso contrario
                    litfoto.Text = "";
                }
    
            }
        }
    }
    

    Gracias de antemano.

    martes, 23 de julio de 2013 11:51