# Dropdown in List

**URL:** <https://community.gravityforms.com/t/dropdown-in-list/13584>\
**Category:** Get Help\
**Tags:** list-field, dropdown, gform\_column\_input, gform\_column\_input\_content, uamv\
**Created:** [October 7, 2022, 1:26am UTC](https://community.gravityforms.com/t/dropdown-in-list/13584 "2022-10-07T01:26:39Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![user632a7f897b252156](https://avatars.discourse-cdn.com/v4/letter/u/9fc348/32.png) [@user632a7f897b252156](https://community.gravityforms.com/u/user632a7f897b252156)\
**Post date:** [October 7, 2022, 1:26am UTC](https://community.gravityforms.com/t/dropdown-in-list/13584/1 "2022-10-07T01:26:39Z")

</div>

Hi Guys,

I just want to know if the dropdown is possible in List. Please see the image below.

![image](https://us1.discourse-cdn.com/flex020/uploads/gravityforms1/original/2X/2/247e6ea3e12e7f378a851b28774f6db6796c3f06.png)

Hoping for your response.

---

<div class="post-metadata">

**Author:** ![chrishajer](https://sea2.discourse-cdn.com/flex020/user_avatar/community.gravityforms.com/chrishajer/32/88_2.png) [@chrishajer](https://community.gravityforms.com/u/chrishajer)\
**Post date:** [October 7, 2022, 3:59am UTC](https://community.gravityforms.com/t/dropdown-in-list/13584/2 "2022-10-07T03:59:28Z")

</div>

Hello Priya. Yes, you can do this with the gform\_column\_input filter:

> **[gform\_column\_input](https://docs.gravityforms.com/gform_column_input/)**
>
> This filter can be used to specify a different input type for a list field column.

You can also use the gform\_columns\_input\_content filter to dynamically populate the options if you need to:

> **[gform\_column\_input\_content](https://docs.gravityforms.com/gform_column_input_content/)**
>
> This filter can be used to modify the HTML content of the list field column input tag.

Finally, someone created a paid add-on that does this as well, but I’ve never used it:

> **[List Dropdown](https://gravitywp.com/add-on/list-dropdown/)**
>
> With the List Dropdown Add-on for Gravity Forms you can change List Field columns into a dropdown select field with predefined choices.

If you have any other questions, please let us know.

---

<div class="post-metadata">

**Author:** ![user632a7f897b252156](https://avatars.discourse-cdn.com/v4/letter/u/9fc348/32.png) [@user632a7f897b252156](https://community.gravityforms.com/u/user632a7f897b252156)\
**Post date:** [October 7, 2022, 4:15am UTC](https://community.gravityforms.com/t/dropdown-in-list/13584/3 "2022-10-07T04:15:34Z")

</div>

I don’t know how to implement the gform\_column\_input\_content .

Is there a video tutorial for this?

---

<div class="post-metadata">

**Author:** ![chrishajer](https://sea2.discourse-cdn.com/flex020/user_avatar/community.gravityforms.com/chrishajer/32/88_2.png) [@chrishajer](https://community.gravityforms.com/u/chrishajer)\
**Post date:** [October 7, 2022, 4:18am UTC](https://community.gravityforms.com/t/dropdown-in-list/13584/4 "2022-10-07T04:18:04Z")

</div>

There is no video tutorial for this. This is a PHP filter and you will need to be familiar with PHP to use it. The PHP code that can be added to your theme functions.php file, or you can use a plugin such as this one to keep the code separate from the theme: [Code Snippets – WordPress plugin | WordPress.org](https://wordpress.org/plugins/code-snippets/%E2%80%8B%E2%80%8B%E2%80%8B%E2%80%8B)

Please see this article for additional information on placing PHP snippets: [https://docs.gravityforms.com/where-do-i-put-this-code/#h-php](https://docs.gravityforms.com/where-do-i-put-this-code/#h-php)

Let us know if you have any other questions.

---

<div class="post-metadata">

**Author:** ![user632a7f897b252156](https://avatars.discourse-cdn.com/v4/letter/u/9fc348/32.png) [@user632a7f897b252156](https://community.gravityforms.com/u/user632a7f897b252156)\
**Post date:** [October 7, 2022, 4:24am UTC](https://community.gravityforms.com/t/dropdown-in-list/13584/5 "2022-10-07T04:24:48Z")

</div>

How about how to put numbers on the left side?

![image](https://us1.discourse-cdn.com/flex020/uploads/gravityforms1/original/2X/2/2573b48172bbb8681cefad93f33ab3418dd109fe.png)

---

<div class="post-metadata">

**Author:** ![user632a7f897b252156](https://avatars.discourse-cdn.com/v4/letter/u/9fc348/32.png) [@user632a7f897b252156](https://community.gravityforms.com/u/user632a7f897b252156)\
**Post date:** [October 7, 2022, 4:34am UTC](https://community.gravityforms.com/t/dropdown-in-list/13584/6 "2022-10-07T04:34:10Z")

</div>

After I implement the PHP, where will I see the output?

---

<div class="post-metadata">

**Author:** ![uamv](https://sea2.discourse-cdn.com/flex020/user_avatar/community.gravityforms.com/uamv/32/1412_2.png) [@uamv](https://community.gravityforms.com/u/uamv)\
**Post date:** [October 7, 2022, 1:51pm UTC](https://community.gravityforms.com/t/dropdown-in-list/13584/7 "2022-10-07T13:51:27Z")

</div>

You can add a bit of CSS in order to number your list rows. This will number all list rows on your site. You can add specificity to the selectors to target a specific field or form.

```auto
/* Numbered List Rows in Gravity Forms */
body .gform_wrapper .gform_fields .gfield_list {
    counter-reset: gf-list-counter;
}
body .gform_wrapper .gform_fields .gfield_list .gfield_list_header::before {
    width: 1.5em;
    content: '';
}
body .gform_wrapper .gform_fields .gfield_list .gfield_list_group::before {
    width: 1.5em;
    line-height: 2.25;
    font-weight: bold;
    counter-increment: gf-list-counter;
    content: counter(gf-list-counter);
}

```

_Source: [Numbered List Rows in Gravity Forms](https://snippet.farm/code/number-list-rows-in-gravity-forms/)_

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex020/uploads/gravityforms1/original/2X/f/fef63f0599c45e0218c30d9f5d7ca8bff9b00189.png) [@system](https://community.gravityforms.com/u/system)\
**Post date:** [October 10, 2022, 1:28am UTC](https://community.gravityforms.com/t/dropdown-in-list/13584/8 "2022-10-10T01:28:38Z")

</div>

This topic was automatically closed 24 hours after the last reply. New replies are no longer allowed.
