# Creating page transitions using component IDs

In order to implement certain kinds of page transitions, you need to use component IDs, rather than names.

Because the double colon (::) is part of the page transition syntax, you should avoid using it in your tab titles. Likewise, you should avoid multiple tabbed component containers with duplicate titles. If you cannot avoid these naming features, then you have to use a component's ID rather than its name when defining a page transition target.

To find a component's ID, hover your mouse over the tab until the URL appears at the bottom of the screen, and then extract the p_p_id_query parameter from the URL. In the following example, the tabbed component with ID nested_tabs_INSTANCE_0CbE is set to tab 2, while the tabbed component with ID nested_tabs_INSTANCE_Ja6E is set to tab 1.

    Target: /web/spend/Analyze#nested_tabs_INSTANCE_0CbE[2]::nested_tabs_INSTANCE_Ja6E[1]
    Redirect: /web/spend/Analyze