FieldFrame & FF Matrix & nGen File Field in Internet Explorer

Updating both jQuery files in the jQuery extension fixed the issue w/ the ‘add row’ ‘delete’ and ‘sort’ buttons. There is also some kind of peekaboo CSS bug going on in IE7 that makes the files dissapear (visually). A fix for this that has worked for me is to open the ‘ff_matrix.css’ file in extensions > fieldtypes > ff_matrix > styles .. and add “zoom: 1;” to the .ff_matrix line of CSS (first line of CSS). I have no idea what the issue was w/ the jQuery files, because even though the buttons were not displaying I could still somehow sort the rows. Weird…

Updating both jQuery files in the jQuery extension fixed the issue w/ the ‘add row’ ‘delete’ and ‘sort’ buttons. There is also some kind of peekaboo CSS bug going on in IE7 that makes the files dissapear (visually). A fix for this that has worked for me is to open the ‘.css’ file in extensions > fieldtypes > ff_matrix > styles .. and add “zoom: 1;” to the .ff_matrix line of CSS (first line of CSS). I have no idea what the issue was w/ the jQuery files, because even though the buttons were not displaying I could still somehow sort the rows. Weird…

That does not work for me. The fact that this only happens when FF Matrix is used with nGenFF suggest that there is some kind of conflict betwen those two… JavaScript?

This issue seems to be resolved for me now and I am using the following versions: Field Frame V 1.1.2 nGen File Field V 0.9.7 jQuery V 1.3.2 (minified) jQuery UI V 1.7.1 (minified) jQuery for the Control Panel V 1.1.1 (don’t know if this version number matters)

Please check against your extension version numbers and make sure you do not have any type of plug-ins running in IE (this has given me trouble in the past)

Note: I am only using the nGen file field and not a text field in conjunction

Still no luck in IE with newest versions of both nGen (v0.9.8) and FieldFrame (v1.1.2)… Using a text field and ngen upload field…

Make sure the jQuery for the Control Panel extension loads the most recent jQuery libs. Those would be: http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.1/jquery-ui.min.js

I was blissfully unaware of this problem as I dev all my stuff on a mac using firefox, but i’m glad I read this thread as just about all my clients will use IE to administer their sites (shame). I always test the front-end of a site using many browser flavours and versions but rarely the back-end.

However, I checked things out, and the way things were, yes - the ‘Add Row’ functionality wasn’t appearing in IE - but once I modified the JQuery for the cPanel settings as per the above post by silenz, it all works as it should in IE.

Make sure the jQuery for the Control Panel extension loads the most recent jQuery libs. Those would be: http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.1/jquery-ui.min.js

I was blissfully unaware of this problem as I dev all my stuff on a mac using firefox, but i’m glad I read this thread as just about all my clients will use IE to administer their sites (shame). I always test the front-end of a site using many browser flavours and versions but rarely the back-end. However, I checked things out, and the way things were, yes - the ‘Add Row’ functionality wasn’t appearing in IE - but once I modified the JQuery for the cPanel settings as per the above post by silenz, it all works as it should in IE.

this worked for me, as well.

have to chime in… cause I’m in a similar situation where I cannot add rows to the FF matrix. I have the latest version of jQuery for the CP now (v1.1.2) and use Field Frame (v.1.2.0). interestingly, enough, even in the “edit custom weblog field” interface, where I set the custom field options, I cannot add CELLS to the matrix! that is, the green plus sign to the right (of the two default cells that the matrix displays) does not do anything. can anyone with the “can’t-add-matrix-rows” issue confirm this as well?

… and found the issue: extension conflict (of course! how easy was that?!)

in my case: LG Twitter (v.2.0.1) http://leevigraham.com/cms-customisation/expressionengine/lg-twitter/

… and found the issue: extension conflict (of course! how easy was that?!) in my case: LG Twitter (v.2.0.1) http://leevigraham.com/cms-customisation/expressionengine/lg-twitter/

I echo this. As soon as I turned LG Twitter off, the green “+” appeared.

I ran into a similar issue when using LG Twitter v2.0.1 and I believe it’s caused by a jQuery conflict from the following definition on line 550 of ext.lg_twitter_ext.php:

'jquery_core_path'            => "http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js",

When you try and load two different versions of jQuery (such as 1.3.2, as defined in the CP and 1.2.6 as defined in this plugin) on the same page it will cause conflicts and prevent JS functionality, such as adding new rows, from working.

…A fix for this that has worked for me is to open the ‘ff_matrix.css’ file in extensions > fieldtypes > ff_matrix > styles .. and add “zoom: 1;” to the .ff_matrix line of CSS…

Thanks for that tip. I was having the same issue and knew it was some form of the stupid peekaboo bug but wasn’t sure which CSS file to fix.

I just fixed it updating the paths to the jQuery for Control Panel.

These are the paths I used:

For jQuery:

http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js

For UI:

http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.min.js

Works fine now.

Thanks.