Mini Shell

<%@ Page Title="" Language="C#" MasterPageFile="admin.master" AutoEventWireup="true" CodeFile="editar1.aspx.cs" Inherits="admin_editar1" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
      <style type="text/css">
          .divs {
            position: absolute;
            top: 50%;
            left: 40%;
            margin-top: -250px;
            margin-left: -250px;
            width: 800px;
            height: 500px;
         
         
        }

          .divs2 {
         
            width: 800px;
            height: 360px;
            overflow-y:scroll;
            overflow-x:hidden;
         
        }

        .bt{

            width:150px;
            margin-left:auto;
            margin-right:auto;
            background-color:red;
            font-family:Arial;
            font-size:16px;
            padding:5px;
            display:block;
            text-align:center;
            color:white;
            text-transform:uppercase;
            font-weight:bolder;
            text-decoration:none;
              border:none;
        }

            .bt:hover {
                color:black;
                cursor:pointer;

            }


            .bt2{

            width:150px;
            margin-left:auto;
            margin-right:auto;
            background-color:darkgreen;
            font-family:Arial;
            font-size:16px;
            padding:5px;
            display:block;
            text-align:center;
            color:white;
            text-transform:uppercase;
            font-weight:bolder;
            text-decoration:none;
              border:none;
        }

            .bt2:hover {
                color:black;
                cursor:pointer;

            }

          .imgs {

              margin:10px;
          }

          .dp {

              height:30px; 
              background-color:white;
              border-radius:10px;
          }
    </style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">

    
    <div class="divs" >
         <p style="text-align:center; font-family:Arial; color:white; font-size:24px; width:100%">Editar / Ver  Produtos </p>
        <br /><br /><br />

        <p style="text-align:left; font-family:Arial; color:white; font-size:16px; width:100%">Filtrar por categoria</p>
         <asp:dropdownlist id="dp" CssClass="dp" runat="server" OnSelectedIndexChanged="dp_SelectedIndexChanged" AutoPostBack="True">
            <asp:ListItem Value="0">Todos</asp:ListItem>
             <asp:ListItem Value="1">Proteção Cabeça</asp:ListItem>
            <asp:ListItem Value="2">Proteção Auditiva</asp:ListItem>
            <asp:ListItem Value="3">Proteção Respiratória</asp:ListItem>
            <asp:ListItem Value="4">Proteção Visual</asp:ListItem>
            <asp:ListItem Value="5">Proteção Pernas</asp:ListItem>
            <asp:ListItem Value="10">Proteção Tronco</asp:ListItem>
            <asp:ListItem Value="6">Calçado</asp:ListItem>
            <asp:ListItem Value="7">Luvas</asp:ListItem>
            <asp:ListItem Value="8">Vestuário</asp:ListItem>
            <asp:ListItem Value="9">Diversos e Descartáveis</asp:ListItem>
         </asp:dropdownlist>
        <br /><br />
        <div class="divs2" >
        <asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" GridLines="None" ShowHeader="False" Width="690px">
            <Columns>
                <asp:TemplateField HeaderText="imagem" SortExpression="imagem">
                    <EditItemTemplate>
                        <asp:TextBox ID="TextBox1" runat="server" Text='<%# Bind("imagem") %>'></asp:TextBox>
                    </EditItemTemplate>
                    <ItemTemplate>
                        <asp:Image ID="Image1" CssClass="imgs" runat="server" ImageUrl='<%# "../_include/img/work/thumbs/"+Eval("imagem") %>' Height="70px" Width="100px" ImageAlign="Middle" />
                    </ItemTemplate>
                </asp:TemplateField>
                <asp:BoundField DataField="tit" HeaderText="tit" SortExpression="tit" >
                <ItemStyle HorizontalAlign="Center" VerticalAlign="Middle" Width="200px" Font-Names="Arial" Font-Size="14px" ForeColor="#FFFFCC" />
                </asp:BoundField>
                <asp:TemplateField>
                    <ItemTemplate>
                        <asp:HyperLink ID="HyperLink1" runat="server" CssClass="bt" NavigateUrl='<%# "eliminar.aspx?id="+Eval("id_pro") %>' Text="Eliminar"></asp:HyperLink>
                    </ItemTemplate>
                </asp:TemplateField>
                <asp:TemplateField>
                    <ItemTemplate>
                        <asp:HyperLink ID="HyperLink2" runat="server" CssClass="bt2" NavigateUrl='<%# "editar2.aspx?id="+Eval("id_pro") %>' Text="Editar"></asp:HyperLink>
                    </ItemTemplate>
                </asp:TemplateField>
            </Columns>
         </asp:GridView>
         <asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ ConnectionStrings:protarteConnectionString %>" SelectCommand="SELECT [imagem], [tit], [id_pro] FROM [produto]"></asp:SqlDataSource>
        </div>
    </div>
</asp:Content>