There is a very well done and easy to follow tutorial by Andrew (chief developer for C5)

First he explains what files you will need, then he explains how to use the built-in C5 dialog class which is what you want.

Here's the link
http://www.concrete5.org/documentation/how-tos/developers/javascrip...

Good luck

thanks for the link helped loads!

I've managed to get my popup to load using example 3 by having the popup pre-coded in my page with the display set to none but when the dialog window opens, the bootstrap style does not work inside it.

The tab system displays fine but anything such as form elements and tables don't style like they do on a normal page. Any idea why?

Are you sure you loaded the bootstrap css as well?

Could you use a developper tool like in Chrome or firebug in firefox to see what style applies?

If you have a live website I could have a look if you want.

I'm honnoured you'd take the time to look :)

address:http://www.polarbearsdonteatpenguins.com/index.php/dashboard/match_...

username: ---removed---
password: ---removed---

To see it, click on "team directory" next to the team selection input box.

i'll change login details tomorrow. this is only a development site so i'm not fussed about giving away login details to it.

I've left the div not hidden to show that the style works fine when it is not inside a popup dialog.

Thanks so much!

awesome! thanks for the fix.

Just copied the example code and changed to fit (well...added an example for this case lol)

i've changed the password for my website so sorry anyone who was hoping to have a go or play around ;)