Question T534

Visible to All Users

modifying matrix question structure

manene

created 7 years ago

We would like to customize the structure of the matrix type of question. Currently it is :

We have three different flavors of Text (long text, short text and numeric) and the others are just re-names of the ones that currently exist. We think that Comment could match to long text, Text could be used as short text but need to add the Numeric that is just a second Text field with inpiut type "numeric". Can you suggest how we can achieve this?

Clipboard-File-1.png

Answers

Luis Carlos

created 7 years ago

Hello support,

I am trying to load custom, pre-configurated questions into the list of sub-question types within a matrix multiple choice question:

As an example, I tried to use the code below to create a yes/no preset for radiogroup with the options yes and no already preconfigured:

JavaScript
Survey.matrixDropdownColumnTypes.si_no = {
        properties: ["hasOther", "otherText", "choicesOrder", "colCount"],
        tabs: [
            { name: "choices", index: 10 },
            { name: "choicesByUrl", index: 11 },
            { name: "visibleIf", index: 12 },
            { name: "enableIf", index: 20 }
        ]
    };



    survey.text = JSON.stringify({
        questions: [
            {
                columns: [
                    {
                        name: "si_no",
                        "cellType": "checkbox",
                        title: "Sí/No",
                        json: {
                            "categoria": "Descarte",
                            "choices": [
                              "Sí",
                              "No"
                             ]
                        }
                    }
                ]
            }
        ]
    });

The problem is I get this error:

I also noticed we're missing the option to choose 'multiple text' from that same list. How would we go about adding it?

Any help would be appreciated.
Thanks
Luis

Clipboard-File-1.png Clipboard-File-2.png Clipboard-File-3.png

Show previous comments (2)

Andrew Telnov 7 years ago

Hello Luis,
You are setting Survey.matrixDropdownColumnTypes.si_no, where si_no should be a question type, like: text or checkbox.
The Survey could not find a question class with type: "si_no" and it raise an exception.
Could you please describe your scenario in more detail? It is hard to make any sugestion without understanding what you are trying to achieve.

Thank you,
Andrew
SurveyJS Team

Luis Carlos 7 years ago

Hello Andrew,
Okay. Actually I added an item in the toolbox in this way:

JavaScript
var survey = new SurveyEditor.SurveyEditor("surveyEditorContainer", editorOptions);

    survey
    .toolbox
    .addItem({
        name: "si_no",
        isCopied: true,
        iconName: "icon-radiogroup",
        title: "Sí/No",
        json: {
            "type": "radiogroup",
            "categoria": "Descarte",
            "choices": [
              "Sí",
              "No"
             ]
        }
    });

It show like this in the editor

Now we want this radiogroup called "si_no" with it json options like "choices" for example, into the Matrix (multiple choice) like this.

And when we save the edition, we want to keep the same body of "si_no" item into the matrix that we edited.

I tried to add into the matrixDropdownColumnTypes.radiogroup but i dont know if it is the best way.

JavaScript
Survey.matrixDropdownColumnTypes.radiogroup = {
        properties: ["hasOther", "otherText", "choicesOrder", "colCount"],
        tabs: [
            { name: "choices", index: 10 },
            { name: "choicesByUrl", index: 11 },
            { name: "visibleIf", index: 12 },
            { name: "enableIf", index: 20 }
        ]
    };



    survey.text = JSON.stringify({
        questions: [
            {
                columns: [
                    {
                        name: "si_no",
                        "cellType": "radiogroup",
                        title: "Sí/No",
                        json: {
                            "categoria": "Descarte",
                            "choices": [
                              "Sí",
                              "No"
                             ]
                        }
                    }
                ]
            }
        ]
    });

Thanks.
Luis

Clipboard-File-1.png Clipboard-File-2.png Clipboard-File-3.png

Serge T 7 years ago

Hello, Luis

I've created a working sample for you, based on custom widget - https://plnkr.co/edit/TJ4cTS?p=preview
Does if fit your needs?

Thanks, Serge
SurveyJS Team

Luis Carlos 7 years ago

Hello Serge,
Yes, that example works! and thank you very much for the example. But I have other issue when I´m adding multipletext question into Matrix (multiple choice). This is my code:

JavaScript
var widget = {
        name: 'grupo_de_campos',
        title: "Grupo de Campos",
        iconName: "icon-multipletext",
        widgetIsLoaded: function() {
          return true;
        },
        isFit: function(question) {
            //question.items = [{"name": "text1"},{"name": "text2"}];
            return question.getType() === "grupo_de_campos";
        },
        isDefaultRender: true
    }
    Survey.CustomWidgetCollection.Instance.addCustomWidget(widget, "customtype"); 

    Survey.JsonObject.metaData.addClass(
            "grupo_de_campos",
            [
              { name: "choicesByUrl", visible: false },
              { name: "hasOther", visible: false },
              { name: "otherText", visible: false },
              { name: "storeOthersAsComment", visible: false },
              { name: "choices", visible: false }
            ],
            null,
            "multipletext"
          );

    //add file type into matrix columns (run-time)
    Survey.matrixDropdownColumnTypes.grupo_de_campos = {
        properties: ["name", "categoria", "colCount", "items"]
    };

    SurveyEditor
        .SurveyQuestionEditorDefinition
        .definition["matrixdropdowncolumn@grupo_de_campos"] = {
            properties: ["name", "categoria", "colCount"],
            tabs: [{ name: "items", index: 10 }]
        }

This is the view:

And when i click Ok, this is the error message that the console gives me:

Also I have another cuestion. How can i delete or hide this default questions in the matrix:

And how Can I change the name of the question, for example in the code above is called "grupo_de_campos" but i want the display in the matrix show like this "Grupo de Campos" using spaces and first letter uppercase. I saw that the string that I'm writing here

Is the string that will be display int the select area, but obviously i can´t write using spaces.

Thanks you.
Luis

Clipboard-File-1.png Clipboard-File-2.png Clipboard-File-3.png Clipboard-File-4.png Clipboard-File-5.png Clipboard-File-6.png Clipboard-File-7.png

Serge T 7 years ago

It's a bug in the text item title inplace editor. I've fixed it via the https://github.com/surveyjs/editor/commit/d31b77ac269445fc38fbd5ad886a4f9041396b45 commit.
Fix will be available in the nearest update.

Thanks, Serge
SurveyJS Team

Andrew Telnov

created 7 years ago

Hello,
Here is the example that removes unneeded cell types and adds a number cell type: https://plnkr.co/edit/SQI7busInZdEFtkAbfj0?p=preview
Here is the code:

JavaScript
//delete all cell types except text and comment
for(var key in Survey.matrixDropdownColumnTypes) {
  if(key == "text" || key == "comment") continue;
  delete Survey.matrixDropdownColumnTypes[key];
}
//Add new class - numeric
Survey.JsonObject.metaData.addClass("numeric",  [], function() { var q = new Survey.QuestionText(""); q.inputType = "number"; return q; }, "text");
Survey.matrixDropdownColumnTypes.numeric = {properties: ["placeHolder"] };

Right now, there is no way to change the cell type text in the dropdown. I'm thinking about getting names from questions titles in the toolbox. For example, by default text has title "Single input". You may change it, but it will be change in toolbox and in cell types dropdown. Will it work for you?

Thank you,
Andrew
SurveyJS Team

Show previous comments (6)

manene 7 years ago

Hi Andrew.
Thanks a lot for your quick answer.
What you suggest would work for us as we have a customized set of question types that will be replicated for the matrix question type. How do we do it?

Thanks again for the great support!

Saludos,
Juan

On Sat, Mar 31, 2018, 06:50 Andrew Telnov [surveyjs Support] <

Andrew Telnov 7 years ago

Hello Juan,
I am not sure I have follow you.
Here is the example of adding new cell types: https://plnkr.co/edit/3BS57sLo9VQnGFhDbzSS?p=preview, including custom widgets.

Thank you,
Andrew
SurveyJS Team

manene 7 years ago

Hi Andrew.

Thanks for your answer. I'm sorry I was not clear before. I'll try to explain again:

What we would like to do is to change the question types from the default:

to a customized set:

with other names (in Spanish, no problem with that, that has been handled in the translation)

but also we would like to split the single input case to three discrete types:

Long Text

Short Text

Numeric

To simplify the creation of surveys to non-technical people.

The same set of question types available in the toolbox should be made available to the question type Matrix (multiple choice) (except for Matrix, of course).

Is this clearer?

Thanks again,

Juan

On Sat, Mar 31, 2018 at 9:46 AM, Andrew Telnov [surveyjs Support]

image.png image.png

Andrew Telnov 7 years ago

Juan,
Yes, it is clear now :) That was I have asked initially.
Anyway, I have implemented this functionality: https://github.com/surveyjs/editor/issues/313
You will get it with the next minor update.
You will have a new value to translate: qt.default (the default value)
additionally you may need to add into your translation qt.numeric.

Thank you,
Andrew
SurveyJS Team

manene 7 years ago

Excellent Andrew. You guys rock!

On Sat, Mar 31, 2018, 11:21 Andrew Telnov [surveyjs Support] <

manene 7 years ago

Hi Andrew.
Has this been implemented? Which version?

Thanks!

Serge T 7 years ago

Hello,

As far as I understand this functionality is available since 1.0.16, released on April, 2nd.

Thanks Serge,
SurveyJS Team

manene 7 years ago

in a related question,

can we add "multiple text" questions to a matrix question type? How? It doesn't appear in the choces.

Thanks again for all your help!

Andrew Telnov 7 years ago

Hello,
Here is the demo of adding a file type question into matrix: https://surveyjs.io/Examples/Builder/?id=matrixcustomcelltypes

Thank you,
Andrew
SurveyJS Team

Created: March 30, 2018 1:46 PM

Modified: April 26, 2018 7:50 AM

Category:: / Survey Creator (Commercial License)

modifying matrix question structure

Answers

Recently viewed tickets