Manually removing an orphaned component from a Pathfinder Core Pro User Panel

Updated by Bryan Jones


This document applies to HTML User Panels in Pathfinder Core Pro only. This does not apply to User Panels in the legacy Windows version of Pathfinder PC.


Tip-o-the-hat to Pathfinder super-user and Sr. Support Engineer, Brett Patram for this tip.

There are a number of use cases where this could happen, but sometimes when copying and pasting components from one Pathfinder User Panel to another (especially if sizes and orientations are different) you may find that a component gets pasted off the page. If you catch it early, then you can fix it right then. If you save and don't notice until later, it might seem like the only thing you can do is delete the entire panel and start again.

With this tip, you can find and remove the orphaned component using the "Inspect" function found in most Web Browsers.

For this example, we are using Chrome. Other browsers function similarly.


It's ALWAYS a good idea to make a backup before starting any work. Now would be a good time to do that.

Here is a helpful video demonstrating the process. Please watch the video and then follow the steps below.

  1. Open the User Panel in the Pathfinder panel editor.
  2. Click to select the entire panel so it's highlighted with the red line. Do not select an individual component.
  1. Right-click anywhere in the open space of the panel.
  2. Choose Inspect. Depending on your Browser, the inspect option may be in different locations.

Your screen will split and the Inspector is shown. The reason we select the main Panel BEFORE choosing inspect is so that you will start at the right place in the HTML view. Note that the "div" (HTML-speak for division or section) for the panel is already highlighted for you.

  1. Click the small triangle (may vary with the browser) to expand the div and see the components of the panel.
  2. Hover your mouse over each class definition. This will highlight the control you are looking for.
  3. Once you locate the problem component, right-click on the associated line in the editor and choose Delete Element.
  4. You must repeat this step for the associated div. There will be two items for each control. A class and an associated div. Both must be removed.
  5. Once removed, click the X in the upper-right corner of the Inspector.
  6. Click Save on your Pathfinder Panel.

The orphaned control is now gone.

If you make a mistake, click the X to close the Inspector, then click Cancel on your Pathfinder panel, and any changes you made in the Inspector are discarded.

Let us know how we can help

If you have further questions on this topic or have ideas about improving this document please contact us

How did we do?