Link with class myFabWin

[startpoint]

Hi,
I use display element with this code:

<a class="myFabWin" href="index.php?option=com_fabrik&view=form&formid=1&tmpl=component" rel="{'content':'test','height':500,'title':'my-llin- rocks','loadMethod':'xhr'}">link</a>

Link working properly, but I want to use if statement, does not work here.
So I decided to use calc element with this code:

return '<a class="myFabWin" href="index.php?option=com_fabrik&view=form&formid=1&tmpl=component" rel="{'content':'test','height':500,'title':'my-llin- rocks','loadMethod':'xhr'}">link</a>';

The link not working, until I removed rel attribute.
But then there is a problem: the title is Advanced Search.
With rel attribute does not start, so I can change the title, so in this variant there is a problem.

How should the code of the link so that it works in list view?

Regards

 

[cheesegrits]

Try escaping those single quotes in the rel, like \'. You are using single quotes as the outer quoting on your string, so the first (unescaped) single quote it comes to will close that string, leading to syntax errors.

-- hugh

 

[startpoint]

Thanks, Hugh!
And how to create button with close modal window function like top right "x"?

 

[cheesegrits]

I don't know. I've never tried opening a window from a link like that. I always use Javascript.

-- hugh

 

[startpoint]

With Back button the form closes, but site redirect browser history -1.
I want to close this form without redirect like (x) button.


P.S.
When Ajaxify list is enabled add, edit, view row work, but with this link in my calc element does not work that way.

 

[cheesegrits]

I just remembered I did have an example of using a calc to open a form I did for someone else, which does this:

return '
<a title="Edit" href="/joomla30/index.php/bands/form/17/{rowid}?tmpl=component" data-list="list_17_com_fabrik_17" class="btn fabrik_edit fabrik__rowlink" data-loadmethod="xhr"><i class="icon-edit "></i> <span class="hidden">Edit</span></a>
';

http://screencast.com/t/qk06yIrCO8tC

-- hugh

 

[startpoint]

I use this code:

return '<a title="Edit" href="index.php?option=com_fabrik&view=form&formid=14&table1___elem1_id={table2___elem2_id}" data-list="list_12_com_fabrik_14" class="btn fabrik_edit fabrik__rowlink" data-loadmethod="xhr"><i class="icon-edit "></i> <span class="hidden">Edit</span></a>';

where my list number is 12, and form number is 14, but not open in modal window.
I think that data-list"...." is wrong, or something else is missing.

 

[cheesegrits]

I see you closed this one, did you get it going?

-- hugh

 

[startpoint]

I thought I solved the problem, but it was not.
I forgot to open it again.

 

[cheesegrits]

Check to see if there are any JS errors on page load.

-- hugh

 

[startpoint]

Hi, give me a example how to load a form with javascript code?
I use this code:

Fabrik.getWindow({id:'5', 'loadMethod': 'iframe', 'contentURL':'http://mysite.comv/form/2?tmpl=component', 'title': 'New Title'});

but my form loaded with scroll. How to set dimensions height and width to auto?
How to fire this window with button appended to cascadingdropdown element?

 

[rob]

It should do it automatically although loading in an iframe is complicated as you run up against cross domain issues which makes it harder for the code to inspect the DOM reliably.
The only way is to force a certain width/height on the window properties,

Fabrik.getWindow({id:'5', 'loadMethod': 'iframe', 'contentURL':'http://mysite.comv/form/2?tmpl=component', 'title': 'New Title', 'width': 500, 'height': 500});

or to add a onContentLoaded method do the js code:

Fabrik.getWindow({id:'5', 'loadMethod': 'iframe', 'contentURL':'http://mysite.comv/form/2?tmpl=component', 'title': 'New Title', 'onContentLoaded ': functon () {
 // add your custom resize logic here.
}});

How to fire this window with button appended to cascadingdropdown element?

That's getting really into custom coding, not something we support under a standard subscription I'm afraid

 

[startpoint]

Hi,
In index.php file I set this:

FabrikHelperHTML::script(FabrikHelperHTML::framework());
FabrikHelperHTML::iniRequireJS();
FabrikHelperHTML::windows('a.myFabWin');

Myy link have this syntax in display element:

<a href="index.php?option=com_fabrik&view=form&formid=XX&tmpl=component&table_name___elementname_raw={table_name2___elementname2_raw}" class="myFabWin btn btn-success" rel="{'content':'Add','title':'Add','height':500,'loadMethod':'xhr'}">Add</a>

When I click on link I have this error in console:

Error: Mismatched anonymous define() module: function (){return g}
http://requirejs.org/docs/errors.html#mismatch
  ...=c[b]});return c}function C(b,c,d,g){c=Error(c+"\nhttp://requirejs.org/docs/erro...

What is wrong?
If I use 'loadMethod':'iframe' missing error, but the form does not load properly, after save does not close, and it is loaded list. The first option of loading everything loads properly, close properly and reload the first open form, but due the error ajax calculations in calc element do not work.

Regards

 

[startpoint]

Friendly bump

 

[cheesegrits]

I really have no clue, and as Rob said in his last reply, this is getting into Pro support custom coding territory.

-- hugh

 

[startpoint]

Everything works normally. The problem comes from the nfrpiwik plugin for piwik analytics.
After disabling the plugin everything is fine and I put the tracking code directly into the template.

I'm very sorry for your wasted time to determine the problem.

Regards

 

[cheesegrits]

I'm just glad you figured it out.

Hugh

Sent from my Nexus 7 using Tapatalk