Notifications breaking change

0 Answers 26 Views
Notification
Tony
Top achievements
Rank 1
Tony asked on 11 Jul 2023, 08:20 PM

Hello,

After updating to 4.3.0 for Blazor, the close button on the notifications seem to be appearing at the bottom left.

Thanks,

Tony

Georgi
Telerik team
commented on 14 Jul 2023, 01:22 PM

Hello Tony,

Thank you for the provided screenshots. Based on the provided information, I am not completely sure what might be causing the unexpected sizing of the icons. Usually, such UI glitches are related to the usage of an outdated theme with a newer version of the Telerik UI for Blazor suite. 

In case you have generated a theme with our ThemeBuilder tool, you should regenerate it so that it is built using the latest rendering of the components. Here are the steps that you could follow to regenerate a new theme:

  1. Launch ThemeBuilder
  2. Create a new project
  3. Find the folder that contains the old theme
  4. Open the dist folder then the scss folder
  5. Open the _tokens.css file
  6. Check the colors and manually input them in the ThemeBuilder App
  7. Download the new theme with the new variable names
  8. Swap the old theme with the new one

In the case of upgrading a version prior to 4.0.0, the application might be affected by the breaking changes that occurred with the 4.0.0 version.

Additionally, could you share the configuration of the Notification component along with the custom CSS rules applied to the success-notification and success-message-body classes? It would be very helpful if you could replicate the issue in this REPL example and send it back to me so that I can investigate it locally and get back to you with suggestions accordingly.

Regards,
Georgi Yanushev

Tony
Top achievements
Rank 1
commented on 14 Jul 2023, 06:31 PM

Attached is the CSS for the Success Notification and the config
Georgi
Telerik team
commented on 17 Jul 2023, 12:03 PM

Hi Tony,

Thank you for the additional information. Based on it, I have updated the REPL example to attempt to replicate the issue locally, yet, I could not observe the dispositioned icon. Can you confirm the same in the sample?

It would be very helpful if you could modify the previously mentioned example to reproduce the issue and send it back to me so I can look into it better and come up with suggestions accordingly.

Additionally, could you also share the declaration of the TelerikNotification component within the razor file you are using?

Regards,

Georgi

No answers yet. Maybe you can help?

Tags
Notification
Asked by
Tony
Top achievements
Rank 1
Share this question
or