Buttons on top of the chat input

🎈 Using Streamlit
1

Summary

Is there a way to put multiple buttons horizontaliy on the top of chat input?

2

Hi @Preetham_Manjunatha

This could be done by adjusting the CSS style of the buttons of interest (by adjusting the placement of the button so that they are at the desired location).
This essentially involves …

  1. Figuring out the CSS element ID for the button or any other element that you want to adjust (this is done by using Google Chrome’s View > Developer > Inspect Elements
  2. Specifying the CSS styles that are read in by the Streamlit app

Please see this tutorial video on how I did this: https://www.youtube.com/watch?v=gr_KyGfO_eU

Hope this helps!