Hi, I was told to use this by our tech lead but given how much time I've spent - I might look at this other one.
Thanks :) On Jan 8, 3:27 pm, slmnhq <salman....@gmail.com> wrote: > Did you look at jQuery UI's dialog plug-in? > > It's very easy to use:http://jqueryui.com/demos/dialog/#modal-message > > Salman > > On Jan 7, 10:57 pm, polarwarp <polarw...@gmail.com> wrote: > > > I am using the jquery simplemodal code to display a div on a page. > > > I am pretty much calling .modal(); on the div, which has a class on > > it, and I'm styling up that class - some issues though: > > > 1. How do I add a close button. Have seen that I can add a closeimg > > style - but I can't get anything with this class to appear. I figure > > I need to set the closehtml property to something but haven't figured > > out what. As this is embedded in c# I might have stuffed up my string > > escaping. > > string termconditions = @"$('#" + pnlMemberAgreement.ClientID + > > "').modal({ closeHTML: ''});"; > > I also tried <a href="#">Close</a> instead of just '' - but either its > > making no difference or I can't figure out what quotations to use > > within my c# string. > > > .simplemodal-container a.modalCloseImg { > > background:url(../App_Themes/Images/Ecommerce/x.png) no-repeat; > > width:25px; > > height:29px; > > display:inline; > > z-index:3200; > > position:absolute; > > top:-14px; > > right:-18px; > > cursor:pointer; > > > } > > > 2. Whilst the div is made visible, it sits under my content - its not > > being overlayed over the top, nor does it have a background colour > > going on. I grabbed from the sample site: > > .simplemodal-overlay { > > background-color:#000; > > cursor:wait; > > > } > > > .simplemodal-container { > > height:400px; > > width:600px; > > background-color:#fff; > > border:3px solid #ccc; > > > } > > > Is this an additional option I need to set? > > > 3. The div is not acting like a modal object - I can still click > > other buttons and stuff on the same page and leave the page! > > > 4. I'm confused with the styling. > > what do I need to put on my div so that the right styles get applied > > to it - or should I be doing this in options? ie. I have my t&c > > inside a panel, and I tried putting a css class on that for the > > container part, but where do I put the overlay - or should I not have > > to do this. > > > It sort of looks like the basic modal example does what I want it to > > do.. but I can't figure out what I have missed in my implementation of > > it :( > > > I pretty much have this in my c# > > string termconditions = @"$('#" + pnlMemberAgreement.ClientID + > > "').modal();"; > > > and want to apply some basic stylings so that the frontend guy can > > take over but it will do what its supposed to > > > Thanks for any assistance!
