terça-feira, 4 de janeiro de 2011

Ajax - Pop-up

 <style>
        .modalPopup
        {
            background-color: #ffffdd;
            border-width: 3px;
            border-style: solid;
            border-color: Gray;
            padding: 3px;
            width: 250px;
        }
        .modalBackground
        {
            background-color: Gray;
            filter: alpha(opacity=70);
            opacity: 0.7;
        }
    </style>
------------------------------------------------------------------------------------------------


<asp:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server">
    </asp:ToolkitScriptManager>

<asp:Panel ID="Panel2" runat="server" CssClass="modalPopup" Style="display: none"
                                Height="412px" Width="301px">
                                <div style="margin: 10px">
                                    <center>
                                        Selecione uma Obra:</center>
                                    <br />
                                    <center>
                                        <asp:GridView ID="GridView1" runat="server" AllowPaging="True" AllowSorting="True"
                                            AutoGenerateColumns="False" CellPadding="4" DataSourceID="SqlDataSource1" ForeColor="#333333"
                                            GridLines="None" Style="text-align: center">
                                            <AlternatingRowStyle BackColor="White" />
                                            <Columns>
                                                <asp:TemplateField HeaderText="Selecionar">
                                                    <ItemTemplate>
                                                        <asp:ImageButton ID="ImageButton5" runat="server" ImageUrl="~/Imagens/pin.png" Height="21px"
                                                            Width="21px" OnClick="Image1_Click" /></ItemTemplate>
                                                </asp:TemplateField>
                                                <asp:BoundField DataField="ID_Obra" HeaderText="Código" InsertVisible="False" ReadOnly="True" />
                                                <asp:BoundField DataField="nome_obra" HeaderText="Nome da Obra" SortExpression="nome_obra" />
                                            </Columns>
                                            <FooterStyle BackColor="#990000" Font-Bold="True" ForeColor="White" />
                                            <HeaderStyle BackColor="#990000" Font-Bold="True" ForeColor="White" />
                                            <PagerStyle BackColor="#FFCC66" ForeColor="#333333" HorizontalAlign="Center" />
                                            <RowStyle BackColor="#FFFBD6" ForeColor="#333333" />
                                            <SelectedRowStyle BackColor="#FFCC66" Font-Bold="True" ForeColor="Navy" />
                                            <SortedAscendingCellStyle BackColor="#FDF5AC" />
                                            <SortedAscendingHeaderStyle BackColor="#4D0000" />
                                            <SortedDescendingCellStyle BackColor="#FCF6C0" />
                                            <SortedDescendingHeaderStyle BackColor="#820000" />
                                        </asp:GridView>
                                    </center>
                                    <asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ ConnectionStrings:fusteConnectionString %>"
                                        SelectCommand="SELECT [ID_Obra], [nome_obra] FROM [Obra]"></asp:SqlDataSource>
                                    <center>
                                </div>
                            </asp:Panel>


   <asp:ModalPopupExtender ID="ModalPopupExtender1" runat="server" TargetControlID="Lupa"
                                PopupControlID="Panel2" PopupDragHandleControlID="Panel2" BackgroundCssClass="modalBackground"
                                DropShadow="True" DynamicServicePath="" Enabled="True" />
                            <asp:Image ID="Lupa" runat="server" DescriptionUrl="~/Empresas/Detalhes.aspx" Height="25px"
                                ImageAlign="Middle" ImageUrl="~/Imagens/lupa2.png" Width="25px" />

Sem comentários:

Enviar um comentário