Update app.py

app.py

@@ -18,7 +18,7 @@ of cross-filtering.
 text = pn.pane.Markdown(instructions)
 
 # List to store the entered options
-entered_options = ["option1", "option2", "option3","option4","option5","option6","option7"]
+entered_options = ["option1", "option2", "option3"]
 
 # MultiChoice widget to display the filter options
 filter_list = pn.widgets.MultiChoice(
@@ -33,6 +33,9 @@ filter_list = pn.widgets.MultiChoice(
 # Create buttons for the header
 header_buttons = pn.Column(sizing_mode='stretch_width', css_classes=['header-buttons'])
 
+# List to store the names of buttons to be added to the header
+buttons_to_add = []
+
 # "+" button to trigger the addition to the header
 add_to_header_button = pn.widgets.Button(name="Add to Header", button_type='primary')
 
@@ -40,8 +43,7 @@ add_to_header_button = pn.widgets.Button(name="Add to Header", button_type='prim
 def add_to_header(event):
     selected_option = filter_list.value
     if selected_option:
-        new_button = pn.widgets.Button(name=selected_option[0], width=130, sizing_mode='fixed')
-        header_buttons.append(new_button)
+        buttons_to_add.append(selected_option[0])  # Store the name of the button to be added
         filter_list.value = []  # Clear the selected option after adding it to the header
 
 add_to_header_button.on_click(add_to_header)
@@ -49,7 +51,7 @@ add_to_header_button.on_click(add_to_header)
 # Layout using Template
 template = pn.template.FastListTemplate(
     title="EasySciRead",
-    header=[pn.Row(header_buttons,filter_list, add_to_header_button)],
+    header=[pn.Row(filter_list, add_to_header_button)],
     main=[
         pn.Row(header_buttons),
         pn.Column(text),
@@ -62,5 +64,14 @@ template = pn.template.FastListTemplate(
     sidebar_width=150
 )
 
+# Periodically update the header layout to add the newly created buttons
+def update_header():
+    for button_name in buttons_to_add:
+        new_button = pn.widgets.Button(name=button_name, width=130, sizing_mode='fixed')
+        header_buttons.append(new_button)
+    buttons_to_add.clear()  # Clear the list after adding the buttons to the header
+
+pn.state.add_periodic_callback(update_header, period=100)
+
 # Run the app
 template.servable()