Hi! I have open-sourced a humble UI improvement for the st.chat elements: https://github.com/pierrelouisbescond/streamlit-chat-ui-improvement I want to reposition the chat options I have implemented on top of the st.chat_input. I was thinking of using containers but all my tests have failed so fa…

Hi @pierrelouisbescond I am the author of the package @Odrec recommended. His comment caught my attention and since you provided your code, I thought I would try my hand at a quick solution. I am happy to say that I was able to do it by adding only 3 lines to your code and changing one line! ... …

Combining Container and Chat

Using Streamlit

Odrec June 1, 2024, 1:10pm 2

Maybe this can help you

1 Like

Using the float component in combination with chat input to add chat buttons. Avoiding that the chat text hides behind the buttons

Topic		Replies	Views
Chat Layout: st.chat_input inside a container Using Streamlit discussion , chat , chatbot	5	465	February 28, 2025
New Component: Streamlit-chat, a new way to create chatbots Custom Components	61	68296	January 23, 2025
Positioning streamlit chat Using Streamlit	3	2945	June 23, 2023
Chat messages on top, forms at bottom Using Streamlit	5	1727	February 20, 2024
Using the float component in combination with chat input to add chat buttons. Avoiding that the chat text hides behind the buttons Using Streamlit discussion	11	2139	December 7, 2024

Combining Container and Chat

Related topics