You could add class cbpop to your link and add something like this to your template:

JCck::loadModalBox();
JFactory::getDocument()->addScriptDeclaration ( 
"jQuery(document).ready(function(){jQuery('a.cbpop').colorbox();});"
);

This would open link in colorbox popup

Hi diogowernik,

Thank you Klas for your response.

I suggest for your case diogowernik to not add the javascript code above in your template. Why? You need to add a javascript file and add this file without hacking the template itself.

In order to add a custom javascript code, you can use a plugin "Code JS" included in the "Code Pack" in the SEBLOD market.

Regards,
Mehdi.

JCck::loadModalBox(); 

needs to be run in php, so you will need to include it on one of the first three plugins from this pack, in code js plugin you would put only 

jQuery(document).ready(function(){jQuery('a.cbpop').colorbox();});

Nice ;) I will try

Hi diogowernick,

Please send us a response if our solution works. Like that we can change the status of this post as solved.

Regards,
Mehdi.

Hi Mehdi,

Thanks for ask if worked, is because when i have to work with codes i get a little lost, so will take a little time to try... and understand how to use that codes with te plugin...

but is ok to mark as solved... later i say if i was able to do that :)

Hi Again, could not make it work yet.

1) I created a JS field:

jQuery(document).ready(function(){jQuery('a.cbpop').colorbox();});

2) I created a free text field set to open a form to edit an article:

<p style="text-align: right;"><span></span> Edit</p>

3) I created a afterstore php field:

JCck::loadModalBox();

I think i am missing something... actually i think is about this php field!

Thanks

Hi,

try moving php code to the beforerender plugin, afterStore is run after form is stored, so after you submit a form, I missed this detail.

Also you need to create link on your button (link it to the form) and add cbpop css class to it.

Hi,

let me try to summarize what you need to do:

1. You need to add a link to the form on your button, you do that by clicking on button 2 on the right side. The select Form from the dropdown.

2. Click on small + next to the dropdown and enter cbpopup in the Class field

3. Add the following to the beforeRender code field:

JCck::loadModalBox();

4. Add the following to the javascript code field

jQuery(document).ready(function(){jQuery('a.cbpop').colorbox();});

We are almost there :)

for the class instead of cbpopup i used cbpop ... 

So the popup is working, but it loads inside the pop up, the website page, logo, main menu, modules and form

i would like to load only the form... 

I think it is a configuration to do that! any tips?

Thanks

Found it:

In + button, select Tmpl -> component

I think now is solved :)

Hello, this is a great topic and fantastic feature.

My only problem is:

JCck::loadModalBox(); executed in beforeRender plugin adds the colorbox script to the html head in the first place ( before jquery), which couses JS error.

It works fine when JCck::loadModalBox();  executed in a custom content template, but without making it working in beforeRender plugin, there is no way to open modalbox in seblod generic template (seb_one).

Can you comment please?

Thanks