From 191ce768c3baf12dc12756100a708752ed4daa35 Mon Sep 17 00:00:00 2001 From: Saif Sultan Date: Fri, 24 Jan 2025 22:59:31 +0530 Subject: [PATCH] `gpmpn-dropdown-navigation.js`: Added page names in dropdown navigation. --- .../gpmpn-dropdown-navigation.js | 12 +++++++++--- 1 file changed, 9 insertions(+), 3 deletions(-) diff --git a/gp-multi-page-navigation/gpmpn-dropdown-navigation.js b/gp-multi-page-navigation/gpmpn-dropdown-navigation.js index 898d5d121..0e6a2c2bf 100644 --- a/gp-multi-page-navigation/gpmpn-dropdown-navigation.js +++ b/gp-multi-page-navigation/gpmpn-dropdown-navigation.js @@ -7,6 +7,7 @@ * This snippet is designed to be used with the Gravity Forms Code Chest plugin. * https://gravitywiz.com/gravity-forms-code-chest/ */ +const pageNameTemplate = 'Step {pageNumber}: {pageName}'; function updateNavigationState( ) { // hide if visible $( '#gf_page_steps_GFFORMID' ).attr( 'hidden', 'true' ); @@ -33,10 +34,15 @@ function updateNavigationState( ) { } $( '#gf_page_steps_GFFORMID .gf_step' ).each( function( ) { - var $div = $( this ); + var $div = $( this ); var stepNumber = $div.find('.gf_step_number').text(); - var $a = $div.find('a'); - var $option = $('').text( 'Step ' + stepNumber ); + var pageName = $div.find('.gf_step_label').text().trim(); + var optionText = pageNameTemplate + .replace('{pageNumber}', stepNumber) + .replace('{pageName}', pageName); + + var $a = $div.find('a'); + var $option = $('').text( optionText ); if ( $a.length > 0 ) { // found a tag, add the link to the dropdown option