Bubble editor creation and destruction speed
Bubble editor creation and destruction speed

I've implemented a client-side web page that accesses all .js and .css files from a filesystem. In it, I have a DataTable set up with the editor using bubble editing.
I notice that when I click on a cell in the table, it first dithers the main screen and then displays the editor for the field which includes a set of 5 radio buttons. It functions properly but the transitions are slow (on the order of 2 seconds). There seems to be a fade-in animation that dithers the main screen and draws the editor dialog.
1) Can the fade-in be turned off such that the transition is immediate?
2) I'd like to change the "dithered" background styling. Where do I find the .css for that?
This question has accepted answers - jump to:
Answers
The effect is from jQuery. You can disable it with
$.fx.off = true
. I'm not sure where the styling is, we'll get back to you on that.Colin
Search the editor.dataTables.css file (assuming you are using DataTables styling rather than Bootstrap 4) for
DTE_Bubble_Background
. That is the class that defines the background style for the button editor.Allan
Thank you Colin. That took care of my problem.
Thanks Allan, that solved my shading issue.