Opening and editing entry details in a lightbox (modal/popup)

GravityView, version 2.29, introduced the ability to open and edit the entry details inside a lightbox (also called a modal or popup).

Prefer to watch the video?

Modal displaying movie details, including title, genre, year, director, IMDb rating, and link to edit entry

This functionality is available when configuring a link to the single entry page or the edit entry page.

Entries Fields list displaying editable fields like Title, Genre, and links to entry and edit entry in a modal

To access all the screen settings below, click on the gear icon right beside the field name in the View editor.

Settings gear next to "Movie Poster" and "Title" fields in entry options with "Add Field" button below

1) Configuring a field with a link to the single entry page:

Settings panel for linking to a single entry or opening in a lightbox with checkboxes

2) Configuring the Link to the Single Entry page

Checkbox option for opening an entry in a lightbox, with field settings for display preferences

3) Configuring the Link to the Edit Entry page

Checkbox option for opening entry details in a lightbox in settings menu

Editing an entry inside the lightbox

With this functionality, you can easily access the edit entry layout from the Multiple Entries page or from a link added to the Single Entry page while it is being shown on the lightbox.

Edit entry form in modal with fields for title, genre, year, director, and options to update, cancel, delete

Browsing entries on the lightbox

This new functionality also includes previous and next arrows for easy entry browsing.

Modal displaying movie details, including title, genre, year, director, IMDb rating, and links

Using the [gv_entry_link] shortcode with a Lightbox

As of GravityView 2.45, you can open entry detail pages or edit screens in a lightbox using the [gv_entry_link] shortcode with the lightbox="true" attribute.

Examples

View entry in a lightbox:

[gv_entry_link action="read" entry_id="{entry_id}" view_id="{view_id}" lightbox="true"]
View Entry
[/gv_entry_link]

Edit entry in a lightbox:

[gv_entry_link action="edit" entry_id="{entry_id}" view_id="{view_id}" lightbox="true"]
Edit Entry
[/gv_entry_link]

For a full list of shortcode options, check out the [gv_entry_link] documentation.

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us