Question T7953
Visible to All Users

Add NoUISlider to Toolbox

created 3 years ago

How can I add the nouislider to the toolbox using jQuery?
Thanks

Answers approved by surveyjs Support

created 3 years ago

Hello,

Here is the working sample on our site - https://surveyjs.io/Examples/Survey-Creator?id=customwidgets&theme=default and the derivative plunker sample - https://plnkr.co/edit/enCJwRK0o56cGh0N

Thanks, Serge
SurveyJS Team

    Show previous comments (1)

      Hello,

      Unfortunately it's hard to understand - what's wrong without any code. Please feel free to modify the https://plnkr.co/edit/enCJwRK0o56cGh0N sample to illustrate the issue.

      Thanks, Serge
      SurveyJS Team

        Here is my code:

        in my HTML I'm importing the scripts:

        Code
        <script src="https://unpkg.com/nouislider@9.2.0/distribute/nouislider.js"> </script> <link href="https://unpkg.com/nouislider@9.2.0/distribute/nouislider.min.css" rel="stylesheet"/> <script src="https://unpkg.com/surveyjs-widgets"></script>

        and in my JS File:

        Code
        let creatorOptions = { //questionTypes: ["text", "checkbox", "radiogroup", "dropdown"] generateValidJSON: true, showJSONEditorTab: true, showTestSurveyTab: false, showEmbededSurveyTab: false, showTranslationTab: false, isAutoSave: false, showState: true, }; let creator = new SurveyCreator.SurveyCreator(creatorId, creatorOptions);
        DK DK
        Dmitry Kurmanov 3 years ago

          Unfortunately, we can't still reproduce the issue. Here is the updated example: https://plnkr.co/edit/2cHV2A3HBy3GoJK4 with the code you've provided above and it still looks ok. Probably the problem in some other code.

          Thanks,
          Dmitry
          SurveyJS Team