When using sweetalert in right-to-left (RTL) direction, the checked icon on sweetalert displays a problem, as shown below:
Large image view the image here
Is there any solution to this issue? Note: This problem is only visible in RTL (Arabic) direction.
delete: function (target, context, datatable) {
swal.fire({
title: Lang.trans('delete_modal.title'),
text: Lang.trans('delete_modal.text'),
buttonsStyling: false,
confirmButtonText: "<i class=\"la la-thumbs-up\"></i>" + Lang.trans('delete_modal.yes'),
confirmButtonClass: "btn btn-danger",
showCancelButton: true,
cancelButtonText: "<i class=\"la la-thumbs-down\"></i> " + Lang.trans('delete_modal.no'),
cancelButtonClass: "btn btn-light btn-elevate",
}).then(function(result){
if (result.value) {
if (context.is('table')) {
Ajax.settings(context, {loader: context}).delete(target.data('url'), RequestMethod.GET).complete(function(a,s,d) {
if (typeof datatable != 'undefined') {
let selected = target.parents('tr');
datatable.row(selected).remove();
datatable.draw(false);
}
});
}
}
});
},