Replies

• kthorngren Posts: 20,425Questions: 26Answers: 4,794

  March 12

  Inspecting the page of the example you linked to the CSS applied (see the CSS tab) is being overridden. You will probably need to provide a more specific CSS. Instead of this:

      .dt-button.orange {
          color: orange;
      }
  

  Try this (I didn't test this):

  div.dt-buttons > .dt-button.orange {
    color: orange;
  }
  

  @allan will need to update the example to reflect the proper selectors to use.

  Kevin
• Ficos Posts: 88Questions: 22Answers: 0

  March 12

  https://oostveen-advies.eu/boot2/testclass/bankboek.html
  I am using bootstrap5 and className "btn btn-primary" doesn't work:

  layout: {
              topStart: {
                  buttons: [
                      { extend: 'create', className: "btn btn-primary", text: '<i class="fa fa-plus"></i> nieuw', editor: editor },
                      { extend: 'edit', className: "btn btn-primary",text: '<i class="fa fa-pencil"></i> wijzigen', editor: editor },
                      { extend: 'remove', className: "btn btn-primary", text: '<i class="fa fa-minus"></i> verwijder', editor: editor },
                  ]
              }
          },
  

  are you suggesting I create my own definitions for the colors?

  Thanks,
  Jan
• allan Posts: 61,972Questions: 1Answers: 10,160 Site admin

  March 12

  HI Jan,

  btn btn-secondary buttons-create btn-primary

  Is the class that is being applied to the button. The issue is that I've got it doing btn-secondary by default. So to stop that, do:

  DataTable.Buttons.defaults.dom.button.className = 'btn';
  

  This is the list of classes that the Bootstrap 5 integration for Buttons set.

  Allan
• Ficos Posts: 88Questions: 22Answers: 0

  March 12

  Perfect!