Take survey widget - how to take out the Intro page?

[rexter1]

Hello,

There is a widget named "Take Survey" for the Portal. Inside of this there is a part 

<!-- Survey Intro page -->
<div class="wrapper-md text-center intro-text" ng-if="c.state == -1">

.................

..</div>

This Intro page basically generates the "Introduction" text, icon, and the "Get Started" button.

The customer does not want to have this Intro page, the Get Started button, just send directly to the first page of questions, skipping the Intro page.

What would be the best way to do that? Is there any "one-click" option, to skip the Intro page when directed to Portal Surveys? Or how this widget should be modified? 

(Completely take out the part gives empty page 🙂

thank you!

[Nitin_NOW]

I have also done something like this very recently. Our customer doesn't want the Intro page and the Get started button. I have commented the below part in the HTML template of the Take Survey widget.

<!-- Survey Intro page>
<div class="wrapper-md text-center intro-text" ng-if="c.state == -1">
<div class="wrapper-sm">
<div class="outer-circle">
<span class="survey-icon glyphicon glyphicon-list-alt"></span>
</div>
</div>
<div class="wrapper-sm">
<h3 class="title-label">{{::data.title}}</h3>
<div ng-if="data.trigger_id" style="font-size:15px;">
${Survey is in reference to} <a href="?id=ticket&table={{::data.trigger_table}}&sys_id={{::data.trigger_id}}">{{::data.trigger_display}}</a>
</div>
<div ng-if="data.trigger_desc" style="font-size:15px;">
{{::data.trigger_desc}}
</div>
<div ng-if="data.introduction" style="font-size:15px;">
<div ng-bind-html="::data.introduction"></div>
</div>
</div>

<div class="row">
<div class="col-xs-12 col-sm-6 col-sm-offset-3">
<div class="wrapper-lg">
<button class="btn btn-primary btn-block btn-lg" ng-click="c.startSurvey()">${Get Started}</button>
</div>
</div>
</div>
</div>

I hope this should. Please let me know in case of any questions. 

Thanks!

[rexter1]

Thank you. So basically you have commented out everything from the "Survey Intro Page" until the part of <!-- Begin mobile-only --> ?

If I do so the result is not good, getting just an empty page for the survey with SP header, no button, no intro text, no questionare.

so am I miss something? thanks!

[Nitin_NOW]

Yes I see that is what you/client don't want to see on the page Intro text, button etc? So you would like to have those things? Could you please attach a screenshot with highlighting what you would like to get rid of?

Thanks

[Community Alums]

Hello,

Please follow the steps:

1. Please comment lines between  <!-- Survey Intro page --> and <!-- Begin mobile-only -->.

2. Before <!-- Begin mobile-only -->, add this snippet <div ng-init="c.startSurvey()"> to init your survey.

Voila, survey loaded on init. 

Many thanks,
Raf