title: Flex: Accessing functions / components accross mxml pages
body: <p>For simplicity lets say I have two flex mxml pages. </p>
  
  <p>form.mxml<br>
  button.mxml</p>
  
  <p>If the form.mxml page had the following code, it should work fine:</p>
  
  <pre><code>&lt;custom:SelectView dSource="{_thedata}" id="form" visible="false"&gt;
  &lt;/custom:SelectView&gt;
  
  &lt;mx:LinkButton label="Show" id="lbShow" click="form.visible=true;&gt;
  &lt;mx:LinkButton label="Show" id="lbHide" click="form.visible=false;&gt;
  </code></pre>
  
  <p>But if the code was like:</p>
  
  <p>form.mxml</p>
  
  <pre><code> &lt;custom:SelectView dSource="{_thedata}" id="form" visible="false"&gt;
   &lt;/custom:SelectView&gt;
  </code></pre>
  
  <p>button.mxml</p>
  
  <pre><code>&lt;mx:LinkButton label="Show" id="lbShow" click="form.visible=true;&gt;
  &lt;mx:LinkButton label="Show" id="lbHide" click="form.visible=false;&gt;
  </code></pre>
  
  <p>how can I make a call from button.mxml to change form.mxml</p>
  
  <p>---- a bit more details ---</p>
  
  <p>My page actually looks like this: where query:AdvancedSearchFields is basically including a flex form into the page, and I want it to show/hide the custom view below after the search is complete. </p>
  
  <pre><code>&lt;query:AdvancedSearchFields searchType="projects" searchCategory="advanced" visible="true" id="AdvancedSearch" /&gt;
  
  &lt;custom:SelectView dSource="{_searchResults}" id="sv" visible="false"&gt;
  </code></pre>