St.toast appears now on the top right corner?

Using Streamlit
1

Hi everyone, i noticed since the last streamlit update that the st.toast messages are now appearing on the top right? i just want to make sure none of my custom css is conflicting.

Screenshot 2024-05-07 105210
Screenshot 2024-05-07 105210930×657 65.9 KB

2

From the changelog:

  • :bread: st.toast received visual improvements and now appears in the top right (#8433).

The docs have not yet been updated, though:

The toast appears in the app’s bottom-right corner and disappears after four seconds.

3

We can enhance the functionality of toast by making following modifications

  1. Control where toast popup should appear : User should be able to specify the location of toast to appear such as (TOPLEFT,TOPRIGHT,BOTTOMLEFT,BOTTOMRIGHT,CENTRE) based on this setting the toast should throw the information. default can be TOPRIGHT
  2. The time should also be controllable with default as 4 second, user should be able to increase the duration of toast popup.
  3. There should be an action button to exit the toast if user wants to remove the toast before the defined display time.
  4. suggestion 1 can be further enhanced when user can give location of toat on the screen, by this we can very accurately make toast appear to inform the user.
  5. If we can control size of toast popup then it can be used anywhere on the screen to inform the user (say close to a button )

These are minor tweaks and would make this functionality very powerful and useful for users.

2 Likes
4

This topic was automatically closed 180 days after the last reply. New replies are no longer allowed.