Create Draggable DOM element Using jQuery

Create Draggable DOM element Using jQuery Please check this following example. <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>jQuery Draggable</title> <link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"> <style> #draggable {…

Continue ReadingCreate Draggable DOM element Using jQuery

How to do a ASP.NET MVC Ajax form post with multipart/form-data?

Suppose your Ajax form like this: @using (Ajax.BeginForm("UploadFile", null, new AjaxOptions { HttpMethod="POST", UpdateTargetId = "result" }, new { enctype = "multipart/form-data" })) { <label id="lblUploadNewFile" for="fileUploadControl">Upload New File</label> <input…

Continue ReadingHow to do a ASP.NET MVC Ajax form post with multipart/form-data?

How to have two different inputs (one for mobile, one for desktop) modify the same variable?

//How to have two different inputs (one for mobile, one for desktop) modify the same variable? Use :visible selector username = $("input[name=userSearch]:visible").val(); $("input[name=userSearch]:visible") will be the visible input field.  

Continue ReadingHow to have two different inputs (one for mobile, one for desktop) modify the same variable?
Read more about the article Create tag control to select multiple tags using Bootstrap and Bootstrap-select
Create tag control to select multiple tags using bootstrap and boostrap-select

Create tag control to select multiple tags using Bootstrap and Bootstrap-select

Step 1) Create Select List of tags <select class="selectpicker show-tick" multiple data-max-options="2" data-show-subtext="true" data-live-search="true" data-actions-box="true"> <option data-subtext="sub title"> Tag 1</option> <option data-subtext="sub title"> Tag 2</option> <option data-subtext="sub title"> Tag 3</option>…

Continue ReadingCreate tag control to select multiple tags using Bootstrap and Bootstrap-select