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

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
LVL 1
Ammar IqbalSenior IT Consultant/senior Software engineerAsked:
Who is Participating?

[Webinar] Streamline your web hosting managementRegister Today

x
 
CodebotConnect With a Mentor Commented:
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
 
Alpesh PatelAssistant ConsultantCommented:
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
 
Ammar IqbalConnect With a Mentor Senior IT Consultant/senior Software engineerAuthor Commented:
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
The new generation of project management tools

With monday.com’s project management tool, you can see what everyone on your team is working in a single glance. Its intuitive dashboards are customizable, so you can create systems that work for you.

 
Ammar IqbalSenior IT Consultant/senior Software engineerAuthor Commented:
but how to create a model popup, can you give me a sample
0
 
CodebotConnect With a Mentor Commented:
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
 
Ammar IqbalSenior IT Consultant/senior Software engineerAuthor Commented:
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
 
CodebotCommented:
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
 
CodebotCommented:
I mean

<a href="#" class="demo button">Demo</a>
#= your page
0
 
Ammar IqbalSenior IT Consultant/senior Software engineerAuthor Commented:
partial solution
0
All Courses

From novice to tech pro — start learning today.