Holiday Notice: Support will be provided on a limited scale from December 24th, 2024, to January 2nd, 2025. Happy holidays and a wonderful New Year!


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

HoleInOne priority asked 3 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 priority answered 3 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 3 years ago

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


HoleInOne priority commented 3 years ago

the snippet is saved.


Marcin Luczak staff commented 3 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 priority commented 3 years ago

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


Marcin Luczak staff commented 3 years ago

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


HoleInOne priority commented 3 years ago

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


Marcin Luczak staff commented 3 years ago

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

Keep coding, Marcin


Marcin Luczak staff answered 3 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

  • ForumUser: Priority
  • Premium support: Yes
  • Technology: General Bootstrap questions
  • MDB Version: -
  • Device: all
  • Browser: any
  • OS: linux
  • Provided sample code: No
  • Provided link: No