Why won't my in-row dropdown buttons open?

Why won't my in-row dropdown buttons open?

thegamechangerprothegamechangerpro Posts: 81Questions: 30Answers: 1

I have done a days worth of investigating and can't find where my issue may be.
Overflow?

Fiddle below -
Action column is my test case.

https://jsfiddle.net/thegamechangerpro/vrhLa4x0/4/

This question has an accepted answers - jump to answer

Answers

  • allanallan Posts: 63,498Questions: 1Answers: 10,471 Site admin

    If you have a look at the console error log it says:

    Uncaught ReferenceError: editor is not defined

    That appears to be coming from:

    //ENABLE INLINE EDITING
                 $('#table').on( 'click', 'tbody td', function () {
                       editor.inline( this );
                     } );
    

    Removing that is one less issue (to fix properly you'd has a selector that excludes that column), but doesn't allow your dropdown to show.

    Given that you are using Editor anyway, why not use a Select input like in this example? It would be Bootstrap styled.

    Allan

  • thegamechangerprothegamechangerpro Posts: 81Questions: 30Answers: 1

    Thanks so much for the speedy reply!

    Whoops that is a hold-over forgot to remove before sending the fiddle.

    Removing doesn't solve the problem though.

  • allanallan Posts: 63,498Questions: 1Answers: 10,471 Site admin

    Before I dig too much into it, did you consider using a select like in the example I linked to?

    Allan

  • thegamechangerprothegamechangerpro Posts: 81Questions: 30Answers: 1

    Thanks for the help.

    I am not ACTUALLY using editor... right? I'm kind of new here. Though I did pay for editor (to support you guys), I'm pretty sure I am just using inline editing in datatTables. I'm not hosting the editor libraries anyway, nor am I writing any php. That's the only way to use those features, right?

    I am game for using a select field instead, but when attempting implementing a select earlier, I couldn't figure out to fire an event off open change (to get the change back to my database).

    I have another problem that i think is correlated. I am using those calendar buttons instead of a datepicker because I could not get a datepicker to work. Is this because I am not using editor?

  • thegamechangerprothegamechangerpro Posts: 81Questions: 30Answers: 1

    I made some great headway the last two days, though I would love to know why I can't get the dropdown button to work. I was able to get a select list implemented, but I would much prefer the button.

  • kthorngrenkthorngren Posts: 21,330Questions: 26Answers: 4,951
    edited December 2022

    I copied your dropdown menu button code outside of the table here:
    https://jsfiddle.net/608bcavm/

    You will see the button above the Datatbles buttons. Its still not working. First step is to get it working outside the table. I found this SO thread that may help. Looks like you need to include bootstrap.js.

    Kevin

  • thegamechangerprothegamechangerpro Posts: 81Questions: 30Answers: 1
    edited December 2022 Answer ✓

    I found that same thread yesterday and tried all of the suggestions, but I just started from the top and found this!

    script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ho+j7jyWK8fNQe+A12Hb8AhRq26LrZ/JpcUGGOn+Y7RsweNrtN/tE3MoK7ZeZDyx" crossorigin="anonymous"

    That did it!!!!!!!!! Thank so much!!!!!!

  • allanallan Posts: 63,498Questions: 1Answers: 10,471 Site admin

    Fantastic - good to hear you got it working. Thanks for the update.

    Allan

Sign In or Register to comment.