modal which is resizable and dragable

Question

0.00/5 (No votes)

See more:

Hi need to create a search functionality in a modal which is re sizable and and drag gable in the page.and i can access its parameters inside my code behind?

Posted 25-Mar-11 4:01am

bharty

Add a Solution

Comments

willempipi 25-Mar-11 10:06am

Sounds like a case of Silverlight, cause of the code-behind communication. But I'm not that into the clientside-asp.net development.

Sandeep Mewara 25-Mar-11 10:10am

Sizeable - you mean modal sizing, right?
Dragable? Where to? Clarify.

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Albin Abel · Answer 1 · 2011-03-25T21:51:00

If you are talking about a modal popup then this would be easily done using Ajax Control Tool Kit

Once you installed ajax control tool kit to your tool box items, it is ready to use.

1) Now add a panel to your page designer, add an inner panel and put all the controls you want in the modal popup to that inner panel.

2) At the right end of the panel you will find a smart menu Add Extender. Click it and select Modal Popup Extender from the list.

3) Set the Drag property to true and set the PopupDragHandleControlID property to the ID in the inner panel in step 1.

4) The size of the popup will be the size you set for the panel.

5) Set the PopupControlID of the extender to the ID of outer panel in step 1 and the set the TargetControlId of the extender to the ID of a clikable control like button.

Now you can drag the popup

An Example markup here

XML

<asp:Button ID="Button2" runat="server" Text="Button" />
<asp:Panel ID="Panel1" runat="server" >
    <asp:Panel ID="Panel2" runat="server" GroupingText="Dragging Panel" >
        <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
        <asp:Button ID="Button1" runat="server" Text="Button" />
    </asp:Panel>
</asp:Panel>
<asp:ModalPopupExtender Drag="true"  DropShadow="true" PopupDragHandleControlID="Panel2" ID="Panel1_ModalPopupExtender" runat="server"
    DynamicServicePath="" Enabled="True" TargetControlID="Button2" PopupControlID="Panel1">
</asp:ModalPopupExtender>