How to create a responsive NPS Guide
We are setting up a NPS survey to run across our responsive site for desktop and mobile, but the survey doesn't look great on mobile:
Does anyone have any suggestions?
1
We are setting up a NPS survey to run across our responsive site for desktop and mobile, but the survey doesn't look great on mobile:
Does anyone have any suggestions?
Comments
JA can you try implementing the new Responsive guide options as described in this KB article: https://support.pendo.io/hc/en-us/articles/21393729349147-Create-a-responsive-guide
Our guides aren't responsive so this can happen especially on smaller screens.You would need to use some custom CSS to adjust the layout on mobile screens.
Try the following snippet to create a responsive NPS:
Howard Lio the github link is expired, can you please share it again? Thanks!
Bruna A Here is an updated link:
https://github.com/pendo-io/snippets/tree/master/guides/nps/responsiveNps
Hello, I'm in the same situation where I need the NPS guide to be responsive. I tried to add the above snippet to a Code Block, but it isn't working. Any suggestions? Thanks!
Hi JA are you getting an error message, or is the code just not doing what you'd expect?
Hi Alana, The latter, the code is not performing as expected. If I resized the page as demonstrated in the video, it doesn't behave the same way
I'm having the same issue - I added the snippet to a Code Block and also implemented the new responsive guide options, and my NPS question still doesn't look right on mobile-sized screens. Any advice?
Hi Maya Sussman have you tried using the Responsive Guide option? Here are the instructions: https://support.pendo.io/hc/en-us/articles/21393729349147-Create-a-responsive-guide
Alana Pennino Yes, the screenshot I shared above was with the following settings configured under Styling > Dimensions. It seems like the previously shared snippets are not working.
Please sign in to leave a comment.