Clearing code elements

Using Streamlit
1

Hello guys. I have several ‘code’ elements on a row which I want to clear on the press of a button. Any ideas how I can do this? Thanks alot in advance :slight_smile:

cols = st.beta_columns(3)
cols[0].code('id', language="markdown")
cols[1].code('name', language="markdown")
if cols[2].button('Clear'):
     # clear
2

Hi,

Just to make sure, you want to clear the code only the delete the whole element?

2 Likes
3

st.code does not support session_state->widget_state interaction directly, so had to improvise a solution

import streamlit as st

if 'id' not in st.session_state.keys():
    st.session_state['id']='1'
if 'name' not in st.session_state.keys():
    st.session_state['name'] = 'name'

cols = st.columns(3)
cols[0].code(st.session_state['id'], language="markdown")
cols[1].code(st.session_state['name'], language="markdown")
if cols[2].button('Clear'):
    st.session_state['id']=''
    st.session_state['name']=''
    st.experimental_rerun()
1 Like
4

Hi and thamks for the reply!
Tried your solution, but doesn’t seem to work. The fields don’t get cleared, idk why.
You say ‘st.code does not support session_state->widget_state interaction directly’. Do other st elements support that? I could try to change ‘st.code’ to ‘st.text’ / ‘st.write’ or something.

5

Deleting the whole element might also do the job. You have idea on how to do that?

7

You can do this for removing the entire code elements


import streamlit as st

cols = st.columns(3)
with cols[0]:
    field1 = st.code('id', language="markdown")
with cols[1]:
    field2 = st.code('name', language="markdown")
if cols[2].button('Clear'):
    field1.empty()
    field2.empty()

Both of my snippets seems to work for me, you can try running them on http://st-playground.herokuapp.com/

1 Like
8

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