How to add a C5 Modal window

The above button is created using the following code in a singlepage.

To change it to your own needs there are some changes you need to make.

You can view the source of the file by going to <root>/concrete/js/ccm.dialog.js

or View version 5.4.0.3 below

To add the required javascript and CSS your code should contain the following:

Comments:

Posted by Francois on Jul 9th, 2010

Actually, the option Element is in case you want to use a div in your HTML as a modal window instead of a url to a page.

For example:

function google() {
$.fn.dialog.open({
title: 'This is the title',
element: $('#mydiv'),
width: '85%',
modal: false,
height: '75%'
});
}

Content of my window