Your achievements

Level 1

0% to

Level 2

Tip /
Sign in

Sign in to Community

to gain points, level up, and earn exciting badges like the new
BedrockMission!

Learn More

View all

Sign in to view all badges

Adobe Campaign Surveys mobile rendering.

Avatar

Avatar
Boost 3
Level 2
shaami8537719
Level 2

Likes

3 likes

Total Posts

5 posts

Correct Reply

0 solutions
Top badges earned
Boost 3
Boost 1
View profile

Avatar
Boost 3
Level 2
shaami8537719
Level 2

Likes

3 likes

Total Posts

5 posts

Correct Reply

0 solutions
Top badges earned
Boost 3
Boost 1
View profile
shaami8537719
Level 2

03-06-2019

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!

Replies

Avatar

Avatar
Establish
Level 2
Abambo
Level 2

Likes

9 likes

Total Posts

23 posts

Correct Reply

0 solutions
Top badges earned
Establish
Give Back 10
Give Back 5
Give Back 3
Give Back
View profile

Avatar
Establish
Level 2
Abambo
Level 2

Likes

9 likes

Total Posts

23 posts

Correct Reply

0 solutions
Top badges earned
Establish
Give Back 10
Give Back 5
Give Back 3
Give Back
View profile
Abambo
Level 2

04-06-2019

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​ .

Avatar

Avatar
Validate 250
Level 10
pablo_rosero1
Level 10

Likes

81 likes

Total Posts

348 posts

Correct Reply

77 solutions
Top badges earned
Validate 250
Validate 100
Validate 50
Validate 25
Validate 10
View profile

Avatar
Validate 250
Level 10
pablo_rosero1
Level 10

Likes

81 likes

Total Posts

348 posts

Correct Reply

77 solutions
Top badges earned
Validate 250
Validate 100
Validate 50
Validate 25
Validate 10
View profile
pablo_rosero1
Level 10

04-06-2019

Hi Leb,

Is this issue for Campaign Standard or Campaign Classic?

Thanks,

Pablo

Avatar

Avatar
Boost 3
Level 2
shaami8537719
Level 2

Likes

3 likes

Total Posts

5 posts

Correct Reply

0 solutions
Top badges earned
Boost 3
Boost 1
View profile

Avatar
Boost 3
Level 2
shaami8537719
Level 2

Likes

3 likes

Total Posts

5 posts

Correct Reply

0 solutions
Top badges earned
Boost 3
Boost 1
View profile
shaami8537719
Level 2

06-06-2019

Hi There

Adobe Campaign Classic.

regards

Avatar

Avatar
Validate 1
Level 3
kapilsharma0101
Level 3

Likes

14 likes

Total Posts

52 posts

Correct Reply

18 solutions
Top badges earned
Validate 1
Give Back 5
Give Back 3
Give Back 10
Give Back
View profile

Avatar
Validate 1
Level 3
kapilsharma0101
Level 3

Likes

14 likes

Total Posts

52 posts

Correct Reply

18 solutions
Top badges earned
Validate 1
Give Back 5
Give Back 3
Give Back 10
Give Back
View profile
kapilsharma0101
Level 3

06-06-2019

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.

Avatar

Avatar
Establish
Level 2
Abambo
Level 2

Likes

9 likes

Total Posts

23 posts

Correct Reply

0 solutions
Top badges earned
Establish
Give Back 10
Give Back 5
Give Back 3
Give Back
View profile

Avatar
Establish
Level 2
Abambo
Level 2

Likes

9 likes

Total Posts

23 posts

Correct Reply

0 solutions
Top badges earned
Establish
Give Back 10
Give Back 5
Give Back 3
Give Back
View profile
Abambo
Level 2

07-06-2019

Discussion successfully moved from Adobe Campaign Standard to Adobe Campaign Classic

Avatar

Avatar
Validate 1
MVP
Jean-Serge_Biro
MVP

Likes

353 likes

Total Posts

464 posts

Correct Reply

153 solutions
Top badges earned
Validate 1
Boost 50
Boost 5
Boost 3
Boost 250
View profile

Avatar
Validate 1
MVP
Jean-Serge_Biro
MVP

Likes

353 likes

Total Posts

464 posts

Correct Reply

153 solutions
Top badges earned
Validate 1
Boost 50
Boost 5
Boost 3
Boost 250
View profile
Jean-Serge_Biro
MVP

07-06-2019

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.

1767712_pastedImage_1.png

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

Avatar

Avatar
Boost 3
Level 2
shaami8537719
Level 2

Likes

3 likes

Total Posts

5 posts

Correct Reply

0 solutions
Top badges earned
Boost 3
Boost 1
View profile

Avatar
Boost 3
Level 2
shaami8537719
Level 2

Likes

3 likes

Total Posts

5 posts

Correct Reply

0 solutions
Top badges earned
Boost 3
Boost 1
View profile
shaami8537719
Level 2

24-06-2019

Thanks. i used the below.

1778326_pastedImage_0.png

and it works. My survey renders perfectly now.

Is there a way that i can change the "Validate" button on the last page of the survey to "Finished"?

How do i edit the size of the dialogue box, e.g:

1778348_pastedImage_1.png

Please help.

Thanks

Avatar

Avatar
Validate 1
MVP
Jean-Serge_Biro
MVP

Likes

353 likes

Total Posts

464 posts

Correct Reply

153 solutions
Top badges earned
Validate 1
Boost 50
Boost 5
Boost 3
Boost 250
View profile

Avatar
Validate 1
MVP
Jean-Serge_Biro
MVP

Likes

353 likes

Total Posts

464 posts

Correct Reply

153 solutions
Top badges earned
Validate 1
Boost 50
Boost 5
Boost 3
Boost 250
View profile
Jean-Serge_Biro
MVP

25-06-2019

In the advanced tab of the selected input text element in the Page activity, you can set the width.

In the Page activity root, you can rename the label of transitions, it is used in Templates for generating the Button/Link labels.
What we often do if not use the standard transitions/not use the standard buttons, but manage an HTML button (for aesthetic reason), in that case, add an html element in final page (or every page.).

Avatar

Avatar
Validate 1
MVP
Anita_p
MVP

Likes

117 likes

Total Posts

118 posts

Correct Reply

28 solutions
Top badges earned
Validate 1
Give Back 5
Give Back 3
Give Back 25
Give Back 10
View profile

Avatar
Validate 1
MVP
Anita_p
MVP

Likes

117 likes

Total Posts

118 posts

Correct Reply

28 solutions
Top badges earned
Validate 1
Give Back 5
Give Back 3
Give Back 25
Give Back 10
View profile
Anita_p
MVP

15-10-2019

Hi Shaami,

I am facing the similar issue of mobile rendering and have used the code what you have provided . But still no luck.

Can you please help me understand what else needs to be modified or added to get it working fine on mobile?

Thanks,

Anita