One Component that interacts with two pages

Anvil Q&A
1

What I’m trying to do:

I was trying to have a button on a child component make components invisible and visible on a parent form page.

For instance, when a text inbox is entered on the child component, it makes visible a component on the main page

my folders were set up like this

Page 1
Page 2
Components
–Component 1

I can’t figure it out. I tried custom events. I couldn’t get it to work

Parent Form

  def __init__(self, **properties):
    # Set Form properties and Data Bindings.
    # Any code you write here will run before the form opens.
    self.init_components(**properties)
    self.job_description_panel.add_component(AddJobDescriptionComponent(),  full_width_row=True)
    AddJobDescriptionComponent().set_event_handler("x-clicked", self.intro_to_home_screen)


  def intro_to_home_screen(self, **event_args):
    self.test_panel.visible=False
    print("The x-foo event was raised!")```


In the child page. I have this

def job_description_done_bttn_click(self, **event_args):
    """This method is called when the button is clicked"""
    self.raise_event("x-clicked")`
2

Since its a child component, you could call the parent property and then whatever component within the parent you want to change the visibility of and manually set the visibility that way.