> ## Documentation Index
> Fetch the complete documentation index at: https://docs.abbyy.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Dependency browser

> Search FlexiLayout elements in the dependency browser (Reference browser tab) to view their dependencies and references and jump to the related properties.

The dependency browser allows you to search for an element and view its dependencies and references.

## Open the Reference browser tab

Select **Reference browser** on the **View** menu or press **Ctrl+Alt+R**.

<Frame>
  <img src="https://mintcdn.com/abbyy/r-nfa7jujx5b9gKX/images/flexi-capture/fls/reference_browser.gif?fit=max&auto=format&n=r-nfa7jujx5b9gKX&q=85&s=7a0ea9ca64bee17a0be1508e8fce1f37" alt="Screenshot of the Reference browser tab in ABBYY FlexiLayout Studio, showing the element search box with the found elements listed in the left pane and the Dependencies and References panes." width="655" height="263" data-path="images/flexi-capture/fls/reference_browser.gif" />
</Frame>

## View element dependencies and references

<Steps>
  <Step title="Search for an element">
    Enter an element name or select a previously entered element from the list. Click the **aBc** button to toggle between case-sensitive and case-insensitive search modes.
  </Step>

  <Step title="Select a found element">
    The found elements will be shown in the pane on the left. Click an element to view its dependencies or references.

    The **Dependencies** pane shows the elements referred to by the selected element. The **References** pane shows the elements which refer to the selected element.
  </Step>

  <Step title="View the properties of a dependency or reference">
    You can expand the lists to view all the dependencies or references. Double-click a dependency or reference to display the properties of the corresponding element.
  </Step>
</Steps>

For example, for a dependency of the "relation" type, the **Relations** tab of the **Properties** dialog box will open and the corresponding relation of the element will be highlighted.

<Frame>
  <img src="https://mintcdn.com/abbyy/r-nfa7jujx5b9gKX/images/flexi-capture/fls/reference_relation.png?fit=max&auto=format&n=r-nfa7jujx5b9gKX&q=85&s=d13aff0a9ca05b8ab9dd0615dce9cc92" alt="Screenshot of the dependency browser next to the Relations tab of the Properties dialog box, where double-clicking a relation-type dependency opens the tab and highlights the corresponding Below and Above relations of the element." width="828" height="289" data-path="images/flexi-capture/fls/reference_relation.png" />
</Frame>

For a reference from the **Pre-search relations** or **Post-search relations** section, the **Advanced** tab of the **Properties** dialog box will open and the corresponding code fragment will be highlighted.
