Question T5029
Visible to All Users

Using nouislider in surveyjs with Angular 10

created 4 years ago

While using Surveyjs (which is awesome by the way) with Angular 10, I need to try and use some kind of slider. However the examples are all for Angular2 and it's difficult to understand why I'm not able to make the nouislider work with Angular 10 within a survey. It works stand alone, no issue there, but within the survey it does not display at all. I've tried everything but it doesn't even seem to try and render the type: "nouislider" defined in the json for the survey.

I've got radio buttons, text fields etc all working fine.

Any help is hugely appreciated. I've included all the files I believe that I need within the angular.json file based upon the list of files I found in the example here: https://surveyjs.io/Examples/Library?id=custom-widget-nouislider&platform=Angular2&theme=modern and using the Edit in Plunker link.

Perhaps I'm missing something really simple, it would be better to have an error as at least I would know it's doing something, but there's not even that element rendered on screen.

Answers approved by surveyjs Support

created 4 years ago

Hello,

Did you examine our SurveyJS Angular App Quickstart repository? Maybe it will help you

Thanks, Alex
SurveyJS Team

    Show previous comments (2)

      Hi. I got the clone version working, but when trying to use the create from empty project, there are so many key pieces of information missing it wouldn't display the survey, the json input wouldn't work correctly, it wasn't clear where the data was coming from. So I stared to try and piece things together from the cloned instance and it seems that it's probably easier to start with the cloned instance and remove what you don't want compared to trying to start with the empty project and add the survey to it.

      I don't know if this is due to Angular 10 or simply missing information in the step by step guide of adding to an empty project. Is anyone on your team able to generate an empty project, follow the instructions step by step without encountering issues or having to perform tasks outside of the step by step guide in order to get the survey and survey creator to display using Angular 10?

      I'm no Angular expert but I can generate an app, create components, and use routing and modules and services etc to create a normal site with forms and interaction, but perhaps I need to know more in order to follow the guide.

      Thanks!

        Hello James,

        I wrote this readme file https://github.com/surveyjs/surveyjs_angular_cli/blob/master/README.md three years ago when created this repo.
        At that moment it was a small simple project and readme file reflected exactly what i did. Project has changed since that time and some steps can became less accurate. There is no much differences between new Angulars indeed. At this moment the repo is successfully upgraded to Angular 7. We'll check the steps and update the readme file. But it will take some time. At this moment you can try to update our project to Angular 10, or copy components/settings to your generated project or tell us what exact steps don't work. We'll be glad to help you.

        Thanks, Serge
        SurveyJS Team

          Hello,

          We've updated README in survey_angular_cli project. We had followed the steps and successfully displayed survey and survey-creator with Angular 10,

          Thanks,
          Dmitry
          SurveyJS Team