Customize success message
-
Hey. I tried version 2.0.2 today. And I found out that I have no idea how to style success message anymore. There’s bunch of weird classes with 1-2 capital letters on it. Here’s how I did it in version 1.5:
#success-undefined.toast { background-color: #d4edda !important; color: #155724 !important; } #success-undefined.toast button { background-color: transparent !important; color: #155724 !important; }
Looks a bit weird with this #success-undefined ID, but it worked. And it styled only success messages. Here’s a problem with Bit Form – it uses same block for success and error messages. Our clients got some errors before, like “the string did not match the expected pattern”. And they were green, because I used just .toast class. When I found out about those errors, I switched to #success-undefined.toast.
My point is – you need to add some readable classes in v2 to success and error messages, like “bit-success-message” or “bit-error-message”. So we could use those for styling success and error messages separately.
- The topic ‘Customize success message’ is closed to new replies.