TextArea Tag not enabling response to be submit

Hello community, hoping you can help me with this one.

I have an xml snippet in my UI which includes a conditional TextArea where a respondent answers two text box responses.

When testing this, on entering the response, when I click submit, it duplicates the first TextArea response, but doesn’t submit the whole annotation. I have included a screenshot as an example.

Could anyone suggest where I might be going wrong? Thanks!
Screenshot 2024-07-03 205139

This is my code

<View>
	<Header name="text" value="What is your preferred model output?"/>
  <Choices name="preferred" toName="text" showInLine="true">
    <Choice value="Option 1 (left)"/>
    <Choice value="Option 2 (middle)"/>
    <Choice value="Option 3 (right)"/>
    <Choice value="None"/>
  </Choices>
  
  <View visibleWhen="choice-selected" whenTagName="preferred" whenChoiceValue="Option 1 (left),Option 2 (middle),Option 3 (right)">
    <Header value="Why did you choose this option?"/>
      <TextArea name="choose_option" toName="text" showSubmitButton="false" maxSubmissions="1" editable="false" required="true"/>
    <Header value="Any possible improvements?"/>
      <TextArea name="improvements" toName="text" showSubmitButton="false" maxSubmissions="1" editable="false" required="true"/>
  </View>
</View>

Hi,

<Header> is not an object tag and it can’t be linked with control tags like <Choices>.
Use <Text name="text" ...> instead of Header. There is a fixed version of the labeling config where you won’t have duplicated textarea inputs:

<View>
  <Header name="header" value="Just a visual header, it's not an object tag"/>
  <Text name="text" value="This is an object tag"/>
  <Choices name="preferred" toName="text" showInLine="true">
    <Choice value="Option 1 (left)"/>
    <Choice value="Option 2 (middle)"/>
    <Choice value="Option 3 (right)"/>
    <Choice value="None"/>
  </Choices>
  
  <View visibleWhen="choice-selected" whenTagName="preferred" whenChoiceValue="Option 1 (left),Option 2 (middle),Option 3 (right)">
    <Header value="Why did you choose this option?"/>
      <TextArea name="choose_option" toName="text" showSubmitButton="false" maxSubmissions="1" editable="false" required="true"/>
    <Header value="Any possible improvements?"/>
      <TextArea name="improvements" toName="text" showSubmitButton="false" maxSubmissions="1" editable="false" required="true"/>
  </View>
</View>
1 Like

Brill, that works, thank you!