Solved

How to include Jquery simple Model dialog in an asp.net project

Posted on 2010-11-17
9
1,678 Views
Last Modified: 2012-05-10
First of all i wantto include the jquery simple modal dialog in an asp.net application, then
I need to call jquery simple mode dialog behind the click eventof a button in an asp.net project
0
Comment
Question by:Ammar Iqbal
  • 4
  • 4
9 Comments
 
LVL 6

Accepted Solution

by:
Codebot earned 500 total points
ID: 34153562
It is very simple
Just include reevant js and css files.
and then add code on button onclick event.

here are example with how to use tutorials
http://jquery.com/demo/thickbox/
or
http://www.ericmmartin.com/projects/simplemodal/
0
 
LVL 21

Expert Comment

by:Alpesh Patel
ID: 34153593
Create Model popup using jQuery and restrict to open on document.ready.
Open dialog on click of any HTML button click event. It works.
0
 
LVL 1

Assisted Solution

by:Ammar Iqbal
Ammar Iqbal earned 0 total points
ID: 34153595
for simple modal dialog, I have included these two js files in my .aspx page
script src="/js/jquery.simplemodal-1.4.1.js" type="text/javascript"></script>
 <script src="/js/jquery.simplemodal-1.4.1.min.js" type="text/javascript"></script>

is it right?

I am noticing, that each of the modal dialog has its own css and img files....Do i need to copy thiese in my respective folder of my project...
Is it possible to customize its css with respect of my project
0
Master Your Team's Linux and Cloud Stack!

The average business loses $13.5M per year to ineffective training (per 1,000 employees). Keep ahead of the competition and combine in-person quality with online cost and flexibility by training with Linux Academy.

 
LVL 1

Author Comment

by:Ammar Iqbal
ID: 34153599
but how to create a model popup, can you give me a sample
0
 
LVL 6

Assisted Solution

by:Codebot
Codebot earned 500 total points
ID: 34153621
Yes you need all images and css file and you can customized everything according to your needs.
Example is given in my earlier post.
here are example with how to use tutorials
http://jquery.com/demo/thickbox/
or
http://www.ericmmartin.com/projects/simplemodal/
0
 
LVL 1

Author Comment

by:Ammar Iqbal
ID: 34154044
I have added  nad include all the relvant files to invoke a contact form of simple dialog

i have included these files as well:
<link id="Link1" runat="server" type="text/css" href="/css/contact.css"  rel="stylesheet" />      
 <link id="Link2" runat="server" type="text/css" href="/css/demo.css"  rel="stylesheet" />
 
   <script src="/js/jquery.simplemodal.js" type="text/javascript"></script>
  <script src="/js/jquery.js" type="text/javascript"></script>
   <script src="/js/contact.js" type="text/javascript"></script>


Now the problem is that I need to invoke a contact form or a simple model dialog when the button is clicked. I am not figuring it out how to do this stuff in a right way.
Any suggestions?
0
 
LVL 6

Expert Comment

by:Codebot
ID: 34164363
Simple add this link in your html

<p><a href="#" class="demo button">Demo</a> <a href="http://simplemodal.googlecode.com/files/simplemodal-demo-contact-1.4.1.zip" class="button">Download</a></p> 

Open in new window

0
 
LVL 6

Expert Comment

by:Codebot
ID: 34164381
I mean

<a href="#" class="demo button">Demo</a>
#= your page
0
 
LVL 1

Author Closing Comment

by:Ammar Iqbal
ID: 34276675
partial solution
0

Featured Post

Networking for the Cloud Era

Join Microsoft and Riverbed for a discussion and demonstration of enhancements to SteelConnect:
-One-click orchestration and cloud connectivity in Azure environments
-Tight integration of SD-WAN and WAN optimization capabilities
-Scalability and resiliency equal to a data center

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Entity Framework is a powerful tool to help you interact with the DataBase but still doesn't help much when we have a Stored Procedure that returns more than one resultset. The solution takes some of out-of-the-box thinking; read on!
This article aims to explain the working of CircularLogArchiver. This tool was designed to solve the buildup of log file in cases where systems do not support circular logging or where circular logging is not enabled
A short tutorial showing how to set up an email signature in Outlook on the Web (previously known as OWA). For free email signatures designs, visit https://www.mail-signatures.com/articles/signature-templates/?sts=6651 If you want to manage em…
In a recent question (https://www.experts-exchange.com/questions/29004105/Run-AutoHotkey-script-directly-from-Notepad.html) here at Experts Exchange, a member asked how to run an AutoHotkey script (.AHK) directly from Notepad++ (aka NPP). This video…

828 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question