Question T5509

Visible to All Users

Error on using tagbox.

seraphin

created 4 years ago (modified 4 years ago)

[Ticket cloned from T4963: The checkbox or radio button selector is not appearing but on test tab it shows. see my attachment will explain more more. ]

Hello Team

This is the error, I am getting if I stetted allowtag property to true

Error: The property 'allowAddNewTag ' in class 'tagbox' is unknown. The list of available properties are: name, visible, useDisplayValuesInTitle, visibleIf, width, startWithNewLine, indent, page, title, description, descriptionLocation, valueName, enableIf, defaultValue, correctAnswer, isRequired, requiredIf, requiredErrorText, readOnly, validators, titleLocation, Ranking, LineBreak, tag, hasComment, commentText, hasOther, otherPlaceHolder, choices, choicesOrder, choicesByUrl, hideIfChoicesEmpty, choicesVisibleIf, choicesEnableIf, otherText, otherErrorText, storeOthersAsComment, colCount, hasSelectAll, hasNone, noneText, selectAllText, checkboxClass, QuestionTypes, select2Config, allowAddNewTag.

On 10/20/2020 4:18 PM, Serge T [surveyjs Support] wrote:

Answers approved by surveyjs Support

Andrew Telnov

created 4 years ago

Hello,
Here is the working example.
What version do you use?

Thank you,
Andrew
SurveyJS Team

Show previous comments (30)

seraphin 4 years ago

The version, I am using 1.5.8 Surveyjs

Which command should I use to update my Surveyjs

On 10/22/2020 10:58 AM, Andrew Telnov [surveyjs Support] wrote:

Andrew Telnov 4 years ago

If you use npm then npm update or npm install or change your config file(s) to version 1.8.10.

Thank you,
Andrew
SurveyJS Team

seraphin 4 years ago

I tried to update the package, the error keeps persisting

On 10/22/2020 11:42 AM, Andrew Telnov [surveyjs Support] wrote:

seraphin 4 years ago

"allowAddNewTag" : true, it is not working on my project. help me

On 10/22/2020 11:42 AM, Andrew Telnov [surveyjs Support] wrote:

Serge T 4 years ago

Hello,

Andrew provided you with a working sample - https://plnkr.co/edit/RkF1rcHCSySvCEVl?preview
Does it work for you?

If you want to update node modules, please refer the NPM documentation - https://docs.npmjs.com/updating-packages-downloaded-from-the-registry
This question is related to the specific package manager you are using in your project.

Thanks, Serge
SurveyJS Team

seraphin 4 years ago

I updated the surveyjs package, it's still not working

On 10/22/2020 2:37 PM, Serge T [surveyjs Support] wrote:

Andrew Telnov 4 years ago

Could you please check what version of surveyjs do you have in your config files and on page?

Thank you,
Andrew
SurveyJS Team

seraphin 4 years ago

version 1.8.10

On 10/22/2020 4:25 PM, Andrew Telnov [surveyjs Support] wrote:

Andrew Telnov 4 years ago

Could you please share your page with us?
It should work.

Thank you,
Andrew
SurveyJS Team

seraphin 4 years ago

How?

On 10/22/2020 4:51 PM, Andrew Telnov [surveyjs Support] wrote:

Andrew Telnov 4 years ago

I don't know how could we help here :-(
We can't see your page and you believe that you use the latest version, however in our examples everything work fine with the latest version…
Probably you could create a plunker example that shows the error.

Thank you,
Andrew
SurveyJS Team

seraphin 4 years ago

Hello

I am trying to add allowAddNewTagproperty but it does not work on my side

Error: The property 'allowAddNewTag' in class 'tagbox' is unknown. The list of available properties are: name, visible, useDisplayValuesInTitle, visibleIf, width, startWithNewLine, indent, page, title, description, descriptionLocation, valueName, enableIf, defaultValue, correctAnswer, isRequired, requiredIf, requiredErrorText, readOnly, validators, titleLocation, Ranking, LineBreak, tag, hasComment, commentText, hasOther, otherPlaceHolder, choices, choicesOrder, choicesByUrl, hideIfChoicesEmpty, choicesVisibleIf, choicesEnableIf, otherText, otherErrorText, storeOthersAsComment, colCount, hasSelectAll, hasNone, noneText, selectAllText, checkboxClass, QuestionTypes, select2Config.

On 10/22/2020 2:37 PM, Serge T [surveyjs Support] wrote:

Serge T 4 years ago

Hello,

Unless we havn't reproduce the issue on our side we can't suggest you anything.

You can open example from our site https://surveyjs.io/Examples/Library?id=custom-widget-select2-tagbox&platform=jQuery&theme=modern in plunker https://plnkr.co/edit/H08Sy4GuLp5aZTHd and modify it in order to reproduce the issue. Then you can send us the modified plunker sample and we'll check it.

Thanks, Serge
SurveyJS Team

seraphin 4 years ago

Hello

I updated the surveyjs to 1.8.10 but the allowAddNewTagis not working

Please help me, I am out of ideas

Error: The property 'allowAddNewTag' in class 'tagbox' is unknown. The list of available properties are: name, visible, useDisplayValuesInTitle, visibleIf, width, startWithNewLine, indent, page, title, description, descriptionLocation, valueName, enableIf, defaultValue, correctAnswer, isRequired, requiredIf, requiredErrorText, readOnly, validators, titleLocation, Ranking, LineBreak, tag, hasComment, commentText, hasOther, otherPlaceHolder, choices, choicesOrder, choicesByUrl, hideIfChoicesEmpty, choicesVisibleIf, choicesEnableIf, otherText, otherErrorText, storeOthersAsComment, colCount, hasSelectAll, hasNone, noneText, selectAllText, checkboxClass, QuestionTypes, select2Config.

On 10/22/2020 5:11 PM, Andrew Telnov [surveyjs Support] wrote:

Serge T 4 years ago

Hello,

As I wrote in my previous answer, unless we havn't reproduce the issue on our side we can't suggest you anything.
You can open example from our site https://surveyjs.io/Examples/Library?id=custom-widget-select2-tagbox&platform=jQuery&theme=modern in plunker https://plnkr.co/edit/H08Sy4GuLp5aZTHd and modify it in order to reproduce the issue. After that you send us the modified plunker sample and we'll check it.

Thanks, Serge
SurveyJS Team

seraphin 4 years ago

is possible to make addNewTag by default to true. it's working online but on my laptop is not working

On 10/26/2020 9:08 AM, Serge T [surveyjs Support] wrote:

Serge T 4 years ago

Hello,

If we change the default behavior, I think other our customers will be very disappointed.

Why wouldn't you modify the https://plnkr.co/edit/H08Sy4GuLp5aZTHd plunker sample to illustrate your issue? It's an ordinary practice for developers to create a sample to reproduce the issue…

it's working online but on my laptop is not working

This indicates that you have some code/environment differences. And you can find them if check your code and versions of the libraries you are using.

Thanks, Serge
SurveyJS Team

seraphin 4 years ago

Hello
Please check https://plnkr.co/edit/2P0xZWxPbRjCDs8O?preview

On 10/26/2020 10:55 AM, Serge T [surveyjs Support] wrote:

Serge T 4 years ago

Hello,

I've opened your plunker - https://plnkr.co/edit/2P0xZWxPbRjCDs8O?preview
Unfortunately it doesn't work at all

This is working plunker sample with VueJS framework, select2 tagbox and the allowAddNewTag option - https://plnkr.co/edit/7iwaVbZfrBhAS2JB
You can modify it to illustrate your issue.

Thanks, Serge
SurveyJS Team

seraphin 4 years ago

but I have tried! is it possible to set up a meeting

On 10/26/2020 1:38 PM, Serge T [surveyjs Support] wrote:

Serge T 4 years ago

Hello,

Unfortunately we don't provide online consulting support.

All you need is just to add all necessary scripts on your web page and try the following survey JSON:

JSON
{
    "clearInvisibleValues": "none",
    "elements": [
        {
            "type": "tagbox",
            "isRequired": true,
            "allowAddNewTag": true,
            // "choicesByUrl": {
            //     "url": "https://restcountries.eu/rest/v2/all"
            // },
            choices: [ "UK", "Albania", "Australia" ],
            "name": "countries",
            "title": "Please select all countries you have been for the last 3 years."
        }
    ]
}

I've created another sample for you - full VueJS application - https://codesandbox.io/s/upbeat-neumann-dywz1?file=/SurveyComponent.vue
You can:

check whether it works for you on codesandbox - please confirm yes/no
download it as zip archive, unpack it, install node modules and try to run locally - please confirm your success - yes/no

Thanks, Serge
SurveyJS Team

seraphin 4 years ago

Please check my code. What could be wrong on this code

On 10/26/2020 3:00 PM, Serge T [surveyjs Support] wrote:

fhdbgcmkkclncmfi.png mckhnkekkkichlon.png

Serge T 4 years ago

Hello,

Obviously you don't have initialization code as shown in my sample - https://codesandbox.io/s/upbeat-neumann-dywz1?file=/SurveyComponent.vue

JavaScript
import $ from "jquery";
import select2Init from "select2";
import "select2/dist/css/select2.min.css";

import * as Survey from "survey-vue";
import * as widgets from "surveyjs-widgets";

window["$"] = window["jQuery"] = $;
select2Init();

widgets.select2(Survey);
widgets.select2tagbox(Survey);

Thanks, Serge
SurveyJS Team

seraphin 4 years ago

it's still not working brother

Error: The property 'allowAddNewTag' in class 'tagbox' is unknown. The list of available properties are: name, visible, useDisplayValuesInTitle, visibleIf, width, startWithNewLine, indent, page, title, description, descriptionLocation, valueName, enableIf, defaultValue, correctAnswer, isRequired, requiredIf, requiredErrorText, readOnly, validators, titleLocation, Ranking, LineBreak, tag, hasComment, commentText, hasOther, otherPlaceHolder, choices, choicesOrder, choicesByUrl, hideIfChoicesEmpty, choicesVisibleIf, choicesEnableIf, otherText, otherErrorText, storeOthersAsComment, colCount, hasSelectAll, hasNone, noneText, selectAllText, checkboxClass, QuestionTypes, select2Config.

On 10/27/2020 8:27 AM, Serge T [surveyjs Support] wrote:

Serge T 4 years ago

Hello,

Does this sample work for you in codesandbox - https://codesandbox.io/s/upbeat-neumann-dywz1?file=/SurveyComponent.vue ?

Thanks, Serge
SurveyJS Team

seraphin 4 years ago

It works online, but it does not work on my PC

On 10/27/2020 9:31 AM, Serge T [surveyjs Support] wrote:

Serge T 4 years ago

Hello,

We'll create a sample VueJS project for you and post it here as soon as it will be ready.

Thanks, Serge
SurveyJS Team

seraphin 4 years ago

It's working now. Thank you

if add a new tag in the selection, I am not seeing it in the answer object

{
   "question1": true,
   "question2": [
      "Item 2",
      "Item 3"
   ]
}

On 10/27/2020 4:58 PM, Serge T [surveyjs Support] wrote:

Serge T 4 years ago

Hello,

You need to set the

JSON
"clearInvisibleValues": "none",

option in your survey JSON

Thanks, Serge
SurveyJS Team

seraphin 4 years ago

Where? I don't understand

On 10/28/2020 10:21 AM, Serge T [surveyjs Support] wrote:

Serge T 4 years ago

Hello,

See the example I've provided earlier: https://codesandbox.io/s/upbeat-neumann-dywz1?file=/SurveyComponent.vue

JavaScript
const json = {
  clearInvisibleValues: "none",
  elements: [
    {
      type: "tagbox",
      isRequired: true,
      allowAddNewTag: true,
      // "choicesByUrl": {
      //     "url": "https://restcountries.eu/rest/v2/all"
      // },
      choices: ["UK", "Albania", "Australia"],
      name: "countries",
      title:
        "Please select all countries you have been for the last 3 years.",
    },
  ],
};

Thanks, Serge
SurveyJS Team

seraphin 4 years ago

Hello Team

Normal: choices":["Item 1","Item 2","Item 3"]
Expected : choices":["Item 1","Item 2","Item 3","newTag"]

The new tag reflect only if I submitted an answer.

On 10/27/2020 4:58 PM, Serge T [surveyjs Support] wrote:

Serge T 4 years ago

Hello,

I've created a separate ticket on your behalf (T5548: tagbox: the allowAddNewTag: true setting: new tag included in the answer only if other item is submitted). It has been placed in our processing queue and will be answered shortly.

Thanks, Serge
SurveyJS Team

Created: October 22, 2020 8:38 AM

Modified: October 29, 2020 9:56 AM

Category:: / Third-party library integration

Error on using tagbox.

Answers approved by surveyjs Support

Recently viewed tickets