How to tie question text to question ID

Support
1

Hello! Retrieving a form schema (per Feathery API Reference), I am not able to tie the text of a question to the question’s id. The question id is something like

          "id": "legal_decision_making_authority",

And the question text is something like

            "text": "Who has legal decision making authority? \n ",

But in the API response, I don’t see any links tying these two together.

I am trying to turn the minimal id into the more human readable question text to share with non-technical users.

2

Hi @prestontw .

The Elements under basics will only have a generated unique ID and can’t be renamed into a custom id unlike Fields.

image
image196×307 5.71 KB

3

Hi, @Kenny ! Is there a way to say that this text element and a primary element (such as a text field or radio button) are associated? I want to have a map from personalized custom ID of a question to the text of the question.

4

Hi @prestontw , You can put the text element and a text field inside a container, a container can be made with a custom ID.

5

Thanks for the tip, @Kenny ! I’ve put a text element inside of a container element:

image
image1858×1602 110 KB

But this isn’t conveyed in the json of the form:

{
  "form_id": "<elided>",
  "form_name": "PTW: Container test form",
  "steps": [
    {
      "origin": true,
      "images": [],
      "videos": [],
      "progress_bars": [],
      "texts": [
        {
          "id": "94e90152-df4c-48e0-91c9-03fc6681bb86",
          "properties": {
            "text": "To associate text elements with text areas",
            "text_formatted": [
              {
                "insert": "To associate text elements with text areas",
                "attributes": {}
              }
            ]
          },
          "source_asset_properties": {
            "text": "Field label",
            "actions": [],
            "text_formatted": [
              {
                "insert": "Field label",
                "attributes": {
                  "font_family": "Inter",
                  "font_weight": 500
                }
              }
            ]
          }
        },
        {
          "id": "1f80fa2c-fbc6-43b1-b0a6-a99c2e68aa37",
          "properties": {
            "text": "Testing containers",
            "text_formatted": [
              {
                "insert": "Testing containers",
                "attributes": {}
              }
            ]
          },
          "source_asset_properties": {
            "text": "Your title here",
            "actions": [],
            "text_formatted": [
              {
                "insert": "Your title here",
                "attributes": {
                  "font_size": 18,
                  "font_color": "003140ff",
                  "font_family": "Inter",
                  "font_weight": 700
                }
              }
            ]
          }
        }
      ],
      "buttons": [
        {
          "id": "ca492e4a-3ac4-4070-a18e-3f38e14a6604",
          "properties": {
            "text": "Next",
            "submit": true,
            "actions": [
              {
                "type": "next"
              }
            ],
            "text_formatted": [
              {
                "insert": "Next",
                "attributes": {}
              }
            ],
            "disable_if_fields_incomplete": false
          },
          "source_asset_properties": {}
        }
      ],
      "subgrids": [
        {
          "id": "acae3514-66f3-45b0-8167-04426b36fa68",
          "position": [],
          "axis": "row",
          "mobile_axis": "",
          "styles": {
            "gap": 10,
            "padding_top": 80,
            "padding_left": 40,
            "padding_right": 40,
            "padding_bottom": 80,
            "vertical_align": "flex-start",
            "horizontal_align": "center"
          },
          "mobile_styles": {},
          "key": "Container 1"
        },
        {
          "id": "f8b758cc-392e-4101-b5bf-27c0b8f3f1e6",
          "position": [
            1
          ],
          "axis": "row",
          "mobile_axis": "",
          "styles": {
            "vertical_align": "center",
            "shadow_x_offset": 3,
            "shadow_y_offset": 4,
            "horizontal_align": "center"
          },
          "mobile_styles": {},
          "key": "text_answer_container"
        }
      ],
      "previous_conditions": [],
      "next_conditions": [],
      "created_at": "2025-01-28T20:13:03.286041Z",
      "updated_at": "2025-01-28T20:27:05.520304Z",
      "fields": [
        {
          "id": "TextArea2",
          "properties": {
            "icon": "",
            "disabled": false,
            "aria_label": "",
            "placeholder": "",
            "tooltipText": "",
            "submit_trigger": "none"
          },
          "source_asset_properties": {},
          "metadata": {},
          "format": "",
          "repeated": false,
          "repeat_trigger": "",
          "semantic_description": "",
          "semantic_entity": "",
          "semantic_attribute": "",
          "semantic_index": 0,
          "required": true,
          "type": "text_area",
          "max_length": null,
          "min_length": null,
          "has_data": false,
          "display_text": "",
          "internal_id": "b6a6ecdd-d9c1-4a34-a2ad-4aa06555282a"
        },
        {
          "id": "text_answer",
          "properties": {
            "icon": "",
            "disabled": false,
            "aria_label": "",
            "placeholder": "",
            "tooltipText": "",
            "submit_trigger": "none"
          },
          "source_asset_properties": {},
          "metadata": {
            "mask": "",
            "prefix": "",
            "suffix": "",
            "options": [],
            "save_mask": false,
            "allowed_characters": "",
            "custom_autocomplete": ""
          },
          "format": "",
          "repeated": false,
          "repeat_trigger": "",
          "semantic_description": "",
          "semantic_entity": "",
          "semantic_attribute": "",
          "semantic_index": 0,
          "required": true,
          "type": "text_field",
          "max_length": null,
          "min_length": null,
          "has_data": false,
          "display_text": "",
          "internal_id": "3c43d9f0-1a16-4de4-9cb7-34ea5e63fe90"
        }
      ],
      "id": "Step 1"
    }
  ],
  "rules": []
}

Is there a way to get a list of fields and texts in the subgrids?

6

Hi @prestontw , Unfortunately we don’t have a way to edit the id of a text element to be personalized since each of this elements needs to be unique and on the json response.

7

@Kenny is there another way to tie these two elements together? It doesn’t have to be through the id, it could be through another field, through nesting in an element which we can edit the id for (which is what I thought you were proposing above but the API response doesn’t contain the nesting information), or something else. Internally, Feathery must have information that an element is nested inside of a container to render the form, but that isn’t being surfaced through the API.

8

After talking with Feathery support, the best way forward to me seems to be:

  • Using a hidden variable with the question text inside of it,
  • Using a naming convention to arrive at the hidden variable based on the name of the text area reference id (ie, if the text area ref is first_name, then the hidden variable’s name could be first_name_text and the value can be something like "Please tell us your first name!"),
  • Referencing the hidden variable instead of the question text inside the form display (ie, {{first_name_text}} instead of `“Please tell us your first name!”!)

In this case, getting the form definition through JSON API wouldn’t even be necessary—the question text would be available through the body of the form response.