Change default Theme/styles of HTML5 form fields

Avatar

Avatar
Affirm 1
Level 2
srujan816
Level 2

Likes

12 likes

Total Posts

27 posts

Correct reply

2 solutions
Top badges earned
Affirm 1
Validate 1
Give Back 5
Give Back 3
Give Back
View profile

Avatar
Affirm 1
Level 2
srujan816
Level 2

Likes

12 likes

Total Posts

27 posts

Correct reply

2 solutions
Top badges earned
Affirm 1
Validate 1
Give Back 5
Give Back 3
Give Back
View profile
srujan816
Level 2

16-06-2021

Hi Experts,

 

I am rendering XFA form into HTML5 in AEM workspace, default widgets/form fields css/styles are not looking good.

Where to change the default HTML5 form fields css/styles in CRX?

 

Thanks,

SK

Accepted Solutions (1)

Accepted Solutions (1)

Avatar

Avatar
Affirm 25
Employee
PulkitJain
Employee

Likes

85 likes

Total Posts

86 posts

Correct reply

41 solutions
Top badges earned
Affirm 25
Boost 50
Give Back 10
Establish
Boost 25
View profile

Avatar
Affirm 25
Employee
PulkitJain
Employee

Likes

85 likes

Total Posts

86 posts

Correct reply

41 solutions
Top badges earned
Affirm 25
Boost 50
Give Back 10
Establish
Boost 25
View profile
PulkitJain
Employee

16-06-2021

@sk 

Mobile Forms (that works with profiles[0]) enables HTML rendition of XDP forms. So you can make the required changes in the default profile or also add custom changes that happen before rendering an XDP form in HTML format.

Hope this helps!

 

[0] - https://helpx.adobe.com/livecycle/help/mobile-forms/creating-profile.html 

Answers (1)

Answers (1)

Avatar

Avatar
Springboard
Level 10
Mayank_Gandhi
Level 10

Likes

327 likes

Total Posts

1,150 posts

Correct reply

185 solutions
Top badges earned
Springboard
Establish
Validate 1
Contributor 2
Ignite 5
View profile

Avatar
Springboard
Level 10
Mayank_Gandhi
Level 10

Likes

327 likes

Total Posts

1,150 posts

Correct reply

185 solutions
Top badges earned
Springboard
Establish
Validate 1
Contributor 2
Ignite 5
View profile
Mayank_Gandhi
Level 10

17-06-2021

@srujan816  You need to create a custom profile and override the default CSS for the widgets. 

https://experienceleague.adobe.com/docs/experience-manager-65/forms/html5-forms/custom-profile.html?...