form in modal box

[rob]

the url would need an additional "&iframe=1" - that tells fabrik its loading inside an iframe and to load up its own css files.
e.g.
http://yoursite.com/index.php?option=com_fabrik&view=form&formid=1&tmpl=component&iframe=1

How do I make the box close after the form has been submitted?

Perhaps try redirecting to a page with this js

<script type="text/javascript">
parent.Fabrik.getWindow('yourwindowid').close();
</script>

 

[rob]

Any way to darken the background?

once the css loads ok - you can treat it like a normal form, selecting the template and adding editing the css to change the bg colour

 

[prophoto]

Where does the js go?

 

[prophoto]

bump

 

[prophoto]

Also am I replacing 'yourwindowid' with anything? If so where am I getting this info?

 

[prophoto]

once the css loads ok - you can treat it like a normal form, selecting the template and adding editing the css to change the bg colour

Sorry I guess I wasn't clear enough. I want to darken everything but the modal box, not change the modal box's bg color.
[bimg]http://media.smashingmagazine.com/images/modal-windows-design-showcase/versions.jpg[/bimg]

 

[rob]

Where does the js go?

On the page that you redirect to. You could simply redirect to a blank html page with that js code in it. As, if it works, it should just close down the window once the iframe redirect content has loaded.

Also am I replacing 'yourwindowid' with anything?

Yes the window id that you assign when you created the window.
So say your load the window with this html:

<[URL='http://december.com/html/4/element/a.html']a[/URL] href="http://fabrikar.com" 
 class="myFabWin" 
 rel="{'id':'prophoto-window','title':'my link rocks','loadMethod':'iframe'}">
        My Link
</[URL='http://december.com/html/4/element/a.html']a[/URL]>

then the id is 'prophoto-window' which you close with:

<script type="text/javascript">
parent.Fabrik.getWindow('prophoto-window').close();
</script>

ah ok yes not clear I thought you were talking about the form's background colour - so you need to create an overlay - Unfortunately we don't do that in our window class as we can potentially have multiple windows open at any one time.

An alternative would be I guess to dump what you have so far and use Joomla's built in modal window which does support an overlay. I used them on a project today and found this site a good explaination of their use http://www.spiralscripts.co.uk/Joomla-Tips/using-modal-windows-with-joomla.html

 

[prophoto]

An alternative would be I guess to dump what you have so far and use Joomla's built in modal window which does support an overlay. I used them on a project today and found this site a good explaination of their use http://www.spiralscripts.co.uk/Joomla-Tips/using-modal-windows-with-joomla.html

I ended up going this route since it gives me everything I wanted. I used your tips for a redirect to a plain html page (via the form redirect plugin) and added this js to auto close the modal box. Thanks, this works out great.

<script type="text/javascript">
window.setTimeout('closeme();', 300);
function closeme()
{
parent.SqueezeBox.close();
}
</script>

 

[rob]

cool glad to hear you got a working solution!