Level 2

Adobe Campaign Surveys mobile rendering.

Forum|Forum|6 years ago
June 4, 2019
4 replies
19978 views

Hi

I created a survey in Adobe Campaign and i am having trouble with the mobile rendering. Currently the rendering on the laptop is correct, however when viewing this survey on a tablet or mobile device, it doesn't wrap correctly.

I am also no HTML or CSS expert, but where would i need to add this code?

Where do i make the changes?

What code do i add?

This is a real frustration as i cannot move forward on this project due to the rendering issue.

Please help.

Thanks!

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.

Abambo

Level 2

Discussion successfully moved from Adobe Creative Cloud to Adobe Campaign Standard.

I do not know the difference between Classic and Standard, so I chose Standard. A moderator here can move the thread to a different forum, if he feels it is not at its place. There will be no qualified answers in Adobe Creative Cloud .

pablo_rosero1

Level 9

Hi Leb,

Is this issue for Campaign Standard or Campaign Classic?

Thanks,

Pablo

S

shaami8537719Author

Level 2

Hi There

Adobe Campaign Classic.

regards

Abambo

Level 2

Discussion successfully moved from Adobe Campaign Standard to Adobe Campaign Classic

Kapil_Sharma_

Adobe Employee

For the survey webapp, I think you can create the Form Rendering in the Administration -> Configuration -> Form Rendering.

And use that form rendering in the WebApplication -> Properties -> Rendering -> Template.

Jean-Serge_Biro

Level 10

Hi Shaami,

The ACC Surveys module uses webApp "Page v5 compatibility" activity, and not "Page" activity.

The Page v5 compatibility activity is less convenient for mastering all the html/css code, despite the rendering .css templates and that you can override/surcharge styles for html elements.
So it is very much difficult to achieve responsive design as for "Page" activity, for which you can't use Surveys module easily, and its XML memo field for archiving the results.

As kapilsharma0101 mentions, see the Form rendering node, and adapt the CSS of a chosen xtk:formRendering template of type Survey.
For instance, if you choose one based on /nl/webForms/survey/theme07.css (CSS field), you can surcharge the CSS in the memo field by adding your specific CSS codes.

But my advice, at least the workaround, is to try to reduce the width of the questions, and most of all, avoid matrix answers, it is a headache to make them working on small screens.

Regards
J-Serge