classic chat interface

[pavlozt]

Could you change the example to a classic chat interface in example program?
Message history at the top, buttons at the bottom, the new message is empty and is added at the bottom on the first submit.

I understand that the example is made to magically solve a difficult streamlit problems: the inability to display not yet existing variables. But since you set the tone for many novice programmers, could you remake the example?

Another confirmation that people need it is here - #17

[Skrattoune]

That's my problem actually.
I want to display history chronologically and have the input box in the bottom.

The screenshot provided corresponds to my use case, but all the examples i was able to find are doing the opposite.

Could someone provide an example?

[mgardner-chegg]

@pavlozt and @Skrattoune in the example you can choose the order you want. You probably want something like this:

if st.session_state["generated"]:
    for i in range(0, len(st.session_state["generated"]), 1):
        message(st.session_state["past"][i], is_user=True, key=str(i) + "_user")
        message(st.session_state["generated"][i], key=str(i))

[miguelp77]

Following this link we can fixed the input box at bottom

styl = f"""
<style>
    .stTextInput {{
      position: fixed;
      bottom: 3rem;
    }}
</style>
"""
st.markdown(styl, unsafe_allow_html=True)