Open List actions in same window as list

Like (1) Share

Report

Posted on 8 May 2025 08:07:31 by LM-08050758-0

Hey,

I implemented a list on my power pages website and enabled the action "Create a new Record" with the Target type webpage.

By default the webpage then opens in a new tab when clicking on create.
How can I change my settings to open the webpage in the same tab as the list?

Categories:

General

Create entry.png

All responses (1)

Answers (0)

Suggested answer

Jon Unzueta 838 Super User 2025 Season 2 on 28 May 2025 at 15:11:51

Like (0)

Report
Open List actions in same window as list

@LM-08050758-0

To make the "Create a new record" action in a Power Pages list open in the same tab instead of a new one, you can adjust this behavior using JavaScript customization or by modifying the list configuration in the portal management app.

Here’s how you can approach it:

Option 1: Use JavaScript to Override Target Behavior

If the list is rendered using the standard Power Pages list component, you can inject JavaScript to override the default behavior of opening in a new tab.

Steps:

Go to your Power Pages site.

Open the Web Page where the list is embedded.

Add a Web Page Script or custom JavaScript in the page’s source or via a Web File.

Sample Script:

<script>

document.addEventListener("DOMContentLoaded", function () {

    const createLinks = document.querySelectorAll("a[data-action='create']");

    createLinks.forEach(link => {

      link.setAttribute("target", "_self");

    });

});

</script

This script finds the "Create" action links and forces them to open in the same tab (_self).

Option 2: Use Entity List Configuration (Portal Management App)

If you're using the Portal Management app:

Go to Entity Lists.

Open the list you're using.

Scroll to the "Create" section.

If you're using a Web Page as the target:

Ensure the Target Type is set to Web Page.

The default behavior is to open in a new tab, but you can override this with JavaScript as above.

Option 3: Use Modal Dialog (Alternative UX)

If you want to avoid navigation altogether, consider using a modal dialog for record creation. This requires more advanced customization using Liquid + JavaScript + Web API, but it provides a smoother UX.

🏷️ Tag me if you have any further questions or if the issue persists.

✅ Click "Accept as Solution" if my post helped resolve your issue—it helps others facing similar problems.

❤️ Give it a Like if you found the approach useful in any way.