Numbering Gravity Forms List Field Rows

Comments

1. 

   Aaron Riddle September 9, 2024 at 6:34 pm

   Hi! Is there a way to add a period “.” after the row list number? So it would appear as:

   1. (list field)
   2. (list field)

   Thank you for this!

   Reply
   1. 

      Aaron Riddle September 9, 2024 at 6:35 pm

      Weird…this comment box unformatted my example. Just want to list the numbers before the row list as “1.” , “2.” , “3.” (etc) with the period added after the number. Thanks!

   2. 

      Scott Ryer Staff September 10, 2024 at 3:02 pm

      Hi Aaron,

      There is! Update line 23 to this:

      content: counter(gflistrowcounter) '. ';

2. 

   Somrat May 29, 2022 at 2:20 pm

   this isn’t woring anymore

   Reply
   1. 

      Dario Space May 31, 2022 at 12:47 pm

      Hi Somrat,

      It seems to be working as expected when adding the CSS code and the class to the List field. If you have an active Gravity Perks Pro License you can get in touch with us via our support form, so we can assist you further.

      Best,

3. 

   John January 5, 2022 at 7:22 am

   Hi David

   Thanks for this useful CSS.

   I have it working on 2.5 i.e it displays correctly in a browser but the row numbers do not get written to the entry in the database. Is it supposed to work this way or is there a way to add the row number to the entry for extracting and Gravity PDF reporting purposes?

   Kind regards

   John

   Reply
   1. 

      Samuel Bassah Staff January 5, 2022 at 7:35 am

      Hi John,

      Yes, that’s how it’s supposed to work. This is a custom CSS, so it numbers the rows in the browser.

      Best,

4. 

   Izzara October 13, 2021 at 2:33 am

   Thank you David, I’m newbie here. By reading your posting can always level up my skills in CSS

   Reply
5. 

   Robert Thomson May 11, 2021 at 3:20 am

   David, this is great stuff! Already using your snippet for adding rows to a list based on a previous field number.

   Just wondering – is this list numbering snipped still working for the latest version of Gravity Forms? I’m new to Gravity Forms (i.e., like last week), and it seems they’re no longer using tables?

   At the very least, the snippet isn’t working for me on my form:

   Smartphone: https://snipboard.io/ZlVB23.jpg Desktop: https://snipboard.io/8qU0T4.jpg

   Reply
   1. 

      Samuel Bassah Staff May 11, 2021 at 8:06 am

      Hi Robert,

      You’re right, with the new changes, the custom CSS code doesn’t work with Gravity Forms 2.5. I’ll pass this over to our developers. That said, as a workaround, you can “Enable Legacy Markup” under the form settings, to get the CSS code working again.

      Best,

6. 

   Antoine Parmentier March 11, 2021 at 9:33 am

   Hi David,

   Is there any easy solution to add a “label” to the numbering ? Like “Flight 1, Flight 2, Flight 3, Flight 4, etc” Many thanks in advance

   Reply
   1. 

      Scott Ryer Staff March 11, 2021 at 10:02 am

      Hi Antoine,

      You can add it in front of the counter in the content.

      .gw-number-rows .gfield_list tbody tr:before { content: 'Flight ' counter(gflistrowcounter); counter-increment: gflistrowcounter; }

      You’ll probably also want to adjust the width to accommodate for the extra text.

7. 

   Moorey July 12, 2018 at 3:30 am

   Would this work with PDF output?

   Reply
   1. 

      David Smith Staff July 13, 2018 at 11:32 pm

      Unlikely. You would probably need to include the styles in the PDF generator (assuming it provides a setting for custom CSS).

8. 

   alper karaman November 13, 2017 at 10:43 am

   Hello David, is there any way numbering the entries in gravity view like 1. David (first approved entry) 2. Alper (second) 3. …. (third) 4. ….

   Reply
   1. 

      David Smith Staff November 13, 2017 at 11:51 am

      Hi Alper, this solution does not apply to Gravity View. I’d ping their support to see if there’s an existing solution.

9. 

   alper November 9, 2017 at 4:09 am

   hello david,

   is there any way to add numbering the table rows field 1 to end 1. asd 2. dfd 3. fdf 4. fgdf …

   Reply
   1. 

      David Smith Staff November 13, 2017 at 8:53 am

      I’m not sure I understand?

10. 

    Andy Daum April 7, 2016 at 3:07 am

    Dear David,

    Thank you so much for all the material you create.

    I’m having a small issue with this snippet. Namely, I can’t get the numbers to increase sequentially. It’s just 1,1,1,1,1,1.

    I thought might be to do with the fact I have this plugin https://wordpress.org/plugins/gravity-forms-list-field-select-drop-down/ installed and was using in the relevant list field. However, I removed the dropdown, deactivated the plugin, and got the same result.

    I’ve put images of all this in this public Doc: https://docs.google.com/document/d/10f25t9NHRMq5pgawN_u9iOfX0hCkh0UXKOnefDCVCns/pub

    I hope I’ve not made any silly errors here, and apologies if so. I would really appreciate your advice!

    Thank you very much. Best, A.

    Reply
    1. 

       David Smith Staff April 7, 2016 at 10:20 am

       Do you have a URL where I could view the form?

11. 

    Daniel Bishop October 9, 2015 at 7:14 pm

    Thanks so much for this snippet! It adds a nice bit of polish to a form I’m building.

    Reply
    1. 

       David Smith Staff October 10, 2015 at 8:44 am

       Our pleasure, Daniel. Glad you enjoyed it.

12. 

    flo April 20, 2015 at 10:08 am

    Hi, can I display the total number of rows with a merge tag in another field?

    Reply
    1. 

       David Smith Staff April 20, 2015 at 7:10 pm

       Hey Flo, I don’t have a solution for this right now. :/

13. 

    Lars April 7, 2015 at 4:23 pm

    Hi David,

    Would it be possible to have a list field with two columns and then populate the first column with numbers same way as the above snippet does, but inside the input field instead?

    I’m new to GF and what a great ressource this site is!

    Reply
    1. 

       David Smith Staff April 7, 2015 at 7:41 pm

       Hi Lars, glad you’re finding the site useful. Unfortunately, I don’t have a ready solution for populating the number into one of the columns of the List field.

    2. 

       Lars April 8, 2015 at 2:48 am

       Hi David,

       Thanks for the prompt response. I actually thought that it was a pretty simple thing to do using “dynamic population” one way or the other, and that the solution above was of the more advanced type.

       As an alternative, using the above solution, are the numbers for each row then included in any submission of the form?

    3. 

       David Smith Staff April 8, 2015 at 7:25 am

       Hi Lars, it is possible to dynamically populate the List field inputs. If you ping Gravity Forms Support they’ll be able to provide instructions on how you might do that.

       The issue, I suspect, is that when you dynamically populate a List field, it adds the rows automatically. If you want the number to be dynamically generated when a new list field is added, dynamic population probably won’t work.

    4. 

       Lars April 10, 2015 at 11:34 am

       Right ok, well I managed to get a slution working with a little help from a developer and jQuery.

       It’s perhaps not perfect, but gets the job done.

       http://wpquestions.com/question/showChrono/id/10751

       Thanks for the help.

    5. 

       David Smith Staff April 11, 2015 at 11:33 am

       My pleasure, Lars, and thank you for sharing back! :)

14. 

    Adlan Khalidi March 10, 2015 at 11:34 pm

    Hi. I’m doing a list of item using Gravity Form.

    In the end of the list or after the list, I want to display the number of rows that user has created.

    E.g. – item A – item B – item C – –

    (the last 2 has no item, so don’t need to calculate)

    Total number :[ 3 ] <- a text field with specific class but user cannot change/disabled)

    Do you know how I can achieve this?

    Thanks

    Reply
    1. 

       David Smith Staff March 11, 2015 at 11:17 pm

       Hi Adlan, do you have a visual of what you’re trying to achieve?

15. 

    Catharine February 26, 2015 at 11:01 am

    Thanks for the link David! Do you still do commissions for features? If so, I was wondering how much you would quote for the list field conditional logic thing.

    Regards, Catharine

    Reply
    1. 

       David Smith Staff March 11, 2015 at 11:14 pm

       Hi Catherine, I sent you an email on Feb 26. Let me know if you did not receive it.

    2. 

       Catharine March 12, 2015 at 6:05 am

       Hi David,

       I sent you a reply to your email on the 26 Feb, at 16:37 – just assumed you were catching up on a backlog or something! Let me know if you can’t find it and I’ll resend it.

       Thanks, Catharine

    3. 

       David Smith Staff March 12, 2015 at 9:32 am

       Hi Catharine, yeah, not seeing your reply. I just replied again in the same thread. If you’d like to reply again and confirm here, I’ll make sure I got it.

    4. 

       Catharine March 12, 2015 at 10:18 am

       Hi David, I just sent you the email again (to your david@gravitywiz.com account).

       Thanks, Catharine

16. 

    Catharine February 25, 2015 at 12:35 pm

    Hi David,

    Cool snippet! As an aside though, how did you configure that list field so that only the first two columns were required? And also, I understand that at present, you can’t use the inputs within a list field in conditional logic for other fields. Do you have or are you planning to bring out a perk to get around this?

    Thanks, Catharine

    Reply
    1. 

       David Smith Staff February 25, 2015 at 10:39 pm

       Hi Catharine, here is an article which provides a method for requiring all or specific columns of a List field:

       https://gravitywiz.com/require-all-columns-of-list-field/

       I do not currently have plans for List-field-based conditional logic.