Question T2010
Visible to All Users

Render components seperately

created 6 years ago

Hi,

We're building an Ionic app and are integrating surveyJS in it. It would be awesome if we could render surveyJS components separately. For instance render page numbers and progess bar in the header, render the questions in the body and render the buttons in the footer. Is there a way to accomplish that?

Example pseudo code:

Code
Survey.SurveyNG.renderProgressBar(elementX, {model: this.survey}); Survey.SurveyNG.renderQuestion(elementY, {model: this.survey}); Survey.SurveyNG.renderButtons(elementZ, {model: this.survey});

This would be really help us a lot!

Answers approved by surveyjs Support

created 6 years ago

Hello,
I would recommend to turn off the navigation survey.showNavigationButtons=false; and render your own. Here is the example.
And render the progress bar using your own code. It is several lines of html code and JavaScript as well.

Thank you,
Andrew
SurveyJS Team

    Comments (1)

      Thanks for the swift reply, we'll look into this!