Skip to Content Skip to Menu

🏖 Summer has arrived! Start your summer right with our summer sale!Get 30% off Now!

It has finally arrived! I've completely rewritten it from the ground up improving its code in all aspects. Ajax editing has been made more reliable with new output modes and even an additional template. Per field template support is fully working so you can have a different ajax edit template on a per field bases if you like. Additionally you can chain update fields by having Field A refresh the display of Field B during profile edit or registration. Check it out below!

 

The above is the standard inline usage. This will output the edit view directly inline with existing content. Previously this was a complex calculated tooltip overlay, which simply didn't work as reliably as it should. It's now actually inline.

The tooltip usage is still there, but is cleaner and tries to better fit its contents.

The above is the new modal usage. This works great for large fields like image fields where you want it to take full focus of the page.

Last but not least is the new Cog template. This was primarily designed to be used for canvas and avatar usages, but works fine with any field type. It presents a nice clickable cog instead of stealing focus away from the entire field or displaying a pencil off to the side. Cog template combined with Tooltip output works great for canvas and avatar ajax usage.

Not shown in the above images is the ability to chain fields together. This is functionality some of you may already be using in CB Query Field and CB Code Field, which lets you update the dropdown options when another fields value changes. The difference with the functionality in CB Core Fields Ajax is it works with any field and as many fields as you like. This means you can have Field B refresh its profile edit display when Field A value changes. Then refresh Field C when Field B value changes, etc.. It can also be dependent on multiple fields. So Field C could refresh if Field A or Field B value changes. The CB Code Field and CB Query Field usages are deprecated as a result of this and will be removed at next feature release for those plugins so be sure to start using the new usage now!


krileon replied the topic:
5 years 8 months ago
Nope, not at this time. It may not be possible depending on how JCE binds to its editors. It however works perfectly fine with TinyMCE.
bmeeker replied the topic:
5 years 8 months ago
Has there been any progress on getting this to work with JCE?
krileon replied the topic:
6 years 3 months ago
Ok, latest build has a workaround implemented for TinyMCE. CodeMirror it's not possible because of how the editor binds to the textarea input. JCE is untested, but if they use jQuery to bind the textarea editor it should have no issues rebinding. That's the best I can do for now as editors not using jQuery or safely reusable JS to bind simply won't rebind properly.

To explain why this worked in very very old releases it's because it used to render the edit HTML on initial view. It was never ajax loaded in. Now it's ajax loaded in so it's only rendered if it's necessary. The previous usage basically bloated the page 10x over with HTML and hurt performance significantly. That isn't an issue now with on-demand inline editing since it just loads via ajax. This isn't a problem with CB Core Fields Ajax, but a problem with how these WYSIWYG editors bind to their textarea inputs. I have to basically implement manual workarounds for each one to rebind, unfortunately.
krileon replied the topic:
6 years 3 months ago
WYSIWYG editors utilize custom JS that doesn't work when ajax loaded in. There's no fix for it until I can figure out how to make that JS load and work without fatal JS errors and have it work for any WYSIWYG editor you use. It's just not as easy as it sounds and a lot of fault is with how poorly the editor binds to its textarea field.
bmeeker replied the topic:
6 years 3 months ago
Why hasn't the issue with text area been fixed - this renders this tool totally useless to me. I loved it before.