You must Sign In to post a response.
  • Category: ASP.NET

    Drag and drop asp.net controls at Runtime froma custom toolbox

    Hi All,

    I am trying to create a web page with drag and drop functionality in ASP.Net. This dynamic page should meet following requirements.

    1. The Web forms should be designed at runtime by the website user using asp.net server controls like Labels, Text Box, Button, Drop down etc.

    2. This template information should be saved say in the form as XML for future usage.

    3. This saved template should be available to all the users/roles of the website.

    4. The controls should support resizing, positioning, drag and drop functionality in the web form at runtime.

    5. After the creation of the template the entered data in the asp.net controls should be saved and used for some business processing.

    6. The webform should have rich end user experience.

    7. I cannot use Silverlight.

    Please suggest the ways to meet the above, with good performance.
    Regards
    jyoti
    sura.jyoti4@gmail.com
    8750842556
  • #766652
    Hi

    you can try jquery script drag-gable and drop-able css for this

    using div also


    <script>
    $(function() {
    $( "#draggable" ).draggable();
    });
    </script>


    you can go through Below link

    "jqueryui.com/draggable/"

    Name : Dotnet Developer-2015
    Email Id :kumaraspcode2009@gmail.com

    'Not by might nor by power, but by my Spirit,' says the LORD Almighty.

  • #766656
    Hi Jyothi,

    As per my understanding the post you want to know how to create dynamic pages with stylish controls like drag and drop etc.. and you want to open that page for future reference, in that case you need to save the page either in xml format or save the page file in database server, that is up to you.

    Refer below links may be this might be helpful to you,

    http://www.aspsnippets.com/Articles/Create-dynamic-ASPX-page-in-ASPNet.aspx
    http://www.aspdotnet-suresh.com/2014/08/create-aspx-page-dynamically-in-asp-net-using-csharp-vbnet.html

    --------------------------------------------------------------------------------
    Give respect to your work, Instead of trying to impress your boss.

    N@veen
    Blog : http://naveens-dotnet.blogspot.in/

  • #766658
    HI,
    Kindly use the following code,
    <style>
    #draggable { width: 150px; height: 150px; padding: 0.5em; }
    </style>
    <script>
    $(function() {
    $( "#draggable" ).draggable();
    });
    </script>

    Otherwise, Go through the below mentioned Links for your references.
    http://jqueryui.com/draggable/


Sign In to post your comments