Bubble editor creation and destruction speed

Bubble editor creation and destruction speed

seiser01seiser01 Posts: 17Questions: 9Answers: 0

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

  • colincolin Posts: 15,144Questions: 1Answers: 2,586
    Answer ✓

    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

  • allanallan Posts: 61,726Questions: 1Answers: 10,109 Site admin
    Answer ✓

    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

  • seiser01seiser01 Posts: 17Questions: 9Answers: 0

    Thank you Colin. That took care of my problem.

  • seiser01seiser01 Posts: 17Questions: 9Answers: 0

    Thanks Allan, that solved my shading issue.

This discussion has been closed.