Style Javascript window class in List JS plugin

[ricslabb03]

Hi There,

I managed to get the JS window class to work in a JS List plugin, but I do not know how to style the iframe.

Here is my code and I've attached an image of how the popup looks.

jQuery.each(rows, function(rowid, row) {
  Fabrik.getWindow({
    id:rowid,
    'loadMethod': 'iframe',
    'contentURL':'index.php/send-email-hidden?eid='+rowid,
    'title': 'Send Emails',
    'height': 500,
    'width': 800
  });
});

 

[ricslabb03]

Here is where I found out about the JS window class should anyone be interested... http://fabrikar.com/forums/index.php?wiki/javascript-window-class/

 

[ricslabb03]

Friendly bump

 

[ricslabb03]

I solved the problem by setting the loadMethod to html and placing an iframe in the html parameterwhich I could style how I wanted. I also had to style the modal in my joomla template's custom css to make it bigger and to make the iframe fit the modal correctly.

  var url = 'index.php/send-email-hidden?tmpl=component&eid='+rowid;
  Fabrik.getWindow({
    id:'sendemail_modal',
    'loadMethod': 'html',
    'title': 'Send Emails',
    'content':'<iframe src="'+url+'" frameborder=0 style="border:0;width:100%;height:100%"></iframe>'
  });

 

[cheesegrits]

Interesting approach.

Note that you may run into Javascript problems using iframes.

-- hugh