As we build our app, we might find that we need to quickly locate a specific element or page. To do this, we can use the built-in page and element searches.
1. Search for an element
In the top left section of our app’s editor, we can find the Element Search dropdown. When we click the dropdown, we can see all of the elements that are on our page. We can also start typing an element’s name to find a specific element. Clicking on the element’s name in the dropdown will automatically highlight the element and open its element editor. This is particularly useful if we’re looking for elements on our page that may be hidden!
2. Search for a page
We can also use the page search dropdown to search for a specific page the same way we can bring up a specific element. If we click on the “Page” dropdown on the top right, we can select the page we need, or start typing a page’s name to quickly navigate to a specific page. Clicking the page’s name will open up that page in our editor.
Transcript
In this Quick Tip, we're going to learn how to search the page for any element.
In the top left of the editor, you’ll notice a drop-down that shows every element on the page. And if you type, you can actually search for the elements right there inline, which will select that element and bring up its property editor.
Being able to search the page for elements is extremely useful, especially when that element is hidden, so make sure to pay attention to how you name each element.
You can also do an inline search in the pages dropdown, which is really helpful when your app has a lot of pages.
That’s it for this Quick Tip! For more, be sure to check out bubble.io/academy.