Right Click Menu using JQuery ASP.NET using C#

composeme

Rate me:

4.91/5 (18 votes)

18 May 2010CPOL2 min read

103.7K

5.9K

Jquery Context Menu control

jquerylistviewwithcontextmenu.zip
- jQueryListViewWithContextMenu
  - jQueryListViewWithContextMenu
    - _assets
      - css
        
        confirm.css
        
        confirm_ie.css
        
        jquery.contextMenu.css
        
        StyleSheet.css
      - img
        
        cut.png
        
        delete.png
        
        door.png
        
        edit.png
        
        information.png
        
        lightning.png
        
        page_white_copy.png
        
        page_white_delete.png
        
        page_white_edit.png
        
        page_white_paste.png
        
        plus.png
        
        sprite.png
        
        Thumbs.db
        
        x.png
      - js
        
        jquery.contextMenu.js
        
        jquery.simplemodal-1.1.1.js
        
        jquery-1.2.6.min.js
    - App_Code
      - CustomersDataObject.cs
    - App_Data
      - customers.xml
    - Default.aspx
    - web.config


/* Simple Popup */
/* Overlay */
#modalOverlay {background-color:#000; cursor:wait;}

/* Container */
#modalContainer {width: 300px; height: 200px; margin-left:-170px; left:50%; top:15%; background-color:#fff; border:3px solid #ccc;}
#modalContainer a.modalCloseImg {background:url(../img/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-18px; cursor:pointer;}
#modalContainer .modalheader {height:30px; width:100%; background:url(../img/sprite.png) repeat-x 0px 0px; color:#0192BF; font-size:1.1em; font-weight:bold; line-height:30px;}
#modalContainer .modalheader span {padding-left:8px;}
#modalContainer .modalbody {padding:15px 5px 15px 5px;}
#modalContainer .modalbody th {text-align:right;}
#modalContainer .modalbodysubmitbuttons {text-align:center;}

/* Confirm Popup
/* Overlay */
#confirmModalOverlay {background-color:Gray; cursor:wait;}

/* Container */
#confirmModalContainer {height:140px; width:420px; left:50%; top:15%; margin-left:-210px; font-family:Calibri, Verdana, Arial; font-size:16px; text-align:left; background:#fff; border:4px solid #989898;}
#confirmModalContainer .confirmheader {height:30px; width:100%; background:url(../img/sprite.png) repeat-x 0px 0px; color:#0192BF; font-size:1.1em; font-weight:bold; line-height:30px;}
#confirmModalContainer .confirmheader span {padding-left:8px;}

#confirmModalContainer a.modalCloseImg {background:url(../img/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-18px; cursor:pointer;}
#confirmModalContainer .confirmmessage {color:#333; text-align:center; margin:0; padding:12px 4px; font-size:1em;}
#confirmModalContainer .confirmbuttons {text-align:center;}

By viewing downloads associated with this article you agree to the Terms of Service and the article's licence.

If a file you wish to view isn't highlighted, and is a text file (not binary), please let us know and we'll add colourisation support for it.

License

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

Written By

composeme

Software Developer (Senior) Dotnetplace

Pakistan

Aamir Hasan is a Sr. Software Engineer and Technical Lead in a US based firm, having five years of experiences working in Software Design, Software Analysis, Business Intelligence, Web Development, Consultancy and Training, using SQL Server, .NET Framework and provides consultancy on how to design and develop .NET application with database solutions. Aamir is the founder of www.aspxtutorial.com and dotnetplace.com. He is a Microsoft Certified and SEO professional too. He is capable of coordinating off-shore high level web development projects.

asp.net Tutorial, sample code and demo

Right Click Menu using JQuery ASP.NET using C#

License

Comments and Discussions