table-editor how to change the button style?


Topic: table-editor how to change the button style?

HoleInOne pro premium priority asked 4 years ago

It is unclear to me if there are options to changen the style of the update and delete buttons of the table-editor plugin.


HoleInOne pro premium priority answered 4 years ago

Thanks for your reply. I was not clear enough in explaining what my problem is. The problem is in de styling of the action buttons inside the table. I want to use the inline editing with the action buttons.

See the snippet https://mdbootstrap.com/snippets/standard/holeinone/3050990

Thanks in advance!


Marcin Luczak staff commented 4 years ago

Please save and share your snippet, right now it is unreachable.


HoleInOne pro premium priority commented 4 years ago

the snippet is saved.


Marcin Luczak staff commented 4 years ago

Ok, now I see that you are referencing the MDB5 version. In this case, I think that the only possible solution is to use CSS selectors for those buttons and override their original style. Their classes are .edit-button and .delete-button, but you can also inspect them in the dev tools for better specificity.


HoleInOne pro premium priority commented 4 years ago

Ok. If that is the best option. I go for it! Thanks.


Marcin Luczak staff commented 4 years ago

I hope you'll manage to customize it as you want :)


HoleInOne pro premium priority commented 4 years ago

It is done. I updated the snippet with an example of css code.


Marcin Luczak staff commented 4 years ago

Great! I'm glad that it works for you :)

Keep coding, Marcin


Marcin Luczak staff answered 4 years ago

Hi,

In modal-editor, you can change buttons styles by changing their proper code in the HTML section. Just change following lines in my snippet https://mdbootstrap.com/snippets/jquery/marcin-luczak/3049054

line 61 - add button
line 119 - edit button
line 147 - delete button

I hope this will help :)

Keep coding,

Marcin from MDB


Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue
  • User: Pro
  • Premium support: No
  • Technology: General Bootstrap questions
  • MDB Version: -
  • Device: all
  • Browser: any
  • OS: linux
  • Provided sample code: No
  • Provided link: No