Popup window using CSS/Javascript in ASP.NET

Question

 <ContentTemplate>
    <asp:HyperLink ID="link" runat="server"></asp:HyperLink><asp:MultiView ID="MultiViewSearchState" runat="server" ActiveViewIndex="0">
        <asp:View ID="ViewCommands" runat="server">&nbsp;<asp:Button ID="btn" runat="server" Text="Select" OnClick="btn_Click" />&nbsp;<asp:Button ID="ButtonClear" runat="server" Text="Clear" OnClick="ButtonClear_Click" />
        </asp:View>
        <asp:View ID="ViewSearch" runat="server">
            <asp:Button ID="ButtonCancel" runat="server" Text="Cancel" OnClick="ButtonCancel_Click" />
            <dyncontrols:SearchControl runat="server" ID="searchControl"/>
        </asp:View>
    </asp:MultiView>
</ContentTemplate>

When pressing the button inside ViewCommands, the View is set to ViewSearch. However, this is done with inline html, and I'd like it to be a popup. What is the best way to achieve this using only css and/or javascript?

I've read this and this but it wasn't enough for me to understand how to do it in ASP.NET using Views. I have also seen ModalPopupExtenders being used, but those don't work on this page because of some UpdatePanel so I figured I'd do a css/js solution.

Are you saying you want what is in the ViewSearch to be inside of a popup? — Mantorok
– Mantorok, Commented Jun 7, 2011 at 15:13

Mantorok · Accepted Answer · 2011-06-08 08:46:25Z

1

Well, here is an example of a popup in jQuery & CSS: http://www.kompeller.co.uk/6266540/

answered Jun 8, 2011 at 8:46

Mantorok

5,2902 gold badges27 silver badges32 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

TypingTurtle · Accepted Answer · 2011-06-07 15:42:51Z

1

You'll need to set the CssClass on the elements that you want to style then simply set the styles as the links you provide suggest. Alternatively if you are using .NET 4 you can set the "ClientID". The CSS may be something like:

.button
{
    position: absolute;
    padding: 20px 40px;
    background: #fff;
    border: 2px solid #ccc;
}

answered Jun 7, 2011 at 15:42

TypingTurtle

1569 bronze badges

Collectives™ on Stack Overflow

Popup window using CSS/Javascript in ASP.NET

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related