jquery-tabledit icon indicating copy to clipboard operation
jquery-tabledit copied to clipboard

tabledit with bootstrap 4 and fontawesome (glyphicon)

Open vieridipaola opened this issue 6 years ago • 1 comments

--- ori/jquery.tabledit.js      2018-08-21 21:48:40.000000000 +0200
+++ ../common2/tabledit/js/jquery.tabledit.js   2018-09-05 13:53:51.557617829 +0200
@@ -1077,12 +1077,12 @@
     buttons: {
       edit: {
         class: 'btn btn-sm btn-default',
-        html: '<span class="glyphicon glyphicon-pencil"></span>',
+        html: '<i class="fas fa-edit"></i>',
         action: 'edit'
       },
       delete: {
         class: 'btn btn-sm btn-default',
-        html: '<span class="glyphicon glyphicon-trash"></span>',
+        html: '<i class="far fa-trash-alt"></i>',
         action: 'delete'
       },
       save: {

Bootstrap 4 doesn't support glyphicon out-of-the-box. One way to solve this is by using fontawesome 5 as in the example above.

vieridipaola avatar Sep 05 '18 11:09 vieridipaola

--- ori/jquery.tabledit.js      2018-08-21 21:48:40.000000000 +0200
+++ ../common2/tabledit/js/jquery.tabledit.js   2018-09-05 13:53:51.557617829 +0200
@@ -1077,12 +1077,12 @@
     buttons: {
       edit: {
         class: 'btn btn-sm btn-default',
-        html: '<span class="glyphicon glyphicon-pencil"></span>',
+        html: '<i class="fas fa-edit"></i>',
         action: 'edit'
       },
       delete: {
         class: 'btn btn-sm btn-default',
-        html: '<span class="glyphicon glyphicon-trash"></span>',
+        html: '<i class="far fa-trash-alt"></i>',
         action: 'delete'
       },
       save: {

Bootstrap 4 doesn't support glyphicon out-of-the-box. One way to solve this is by using fontawesome 5 as in the example above.

how to change action column/buttons width

temesgenmhr avatar Aug 28 '20 13:08 temesgenmhr