Expand my Community achievements bar.

Applications for the 2024-2025 Adobe Experience Manager Champion Program are open!

Adaptive Form Components Customization problem


Level 3


How can we customize guidetextbox component with out breaking existing functionality,We need change only appearance of textbox .

Problem: If we add new <div> elements to existing code, Additional attributes added to <Div> element instead of <Input> due to this problem we are not able to get user entered data during form submission. 

Can someone please suggest how to customize form components.



                 <div class="abc">
                 <input type="text" id="${guideid}${'_widget'}" name="${guide:encodeForHtmlAttr(guideField.name,xssAPI)}" ......../>



2 Replies




It is recommended not to make changes in the /libs branch. Any changes you do make may be lost, because this branch is liable to changes whenever you:

  • upgrade on your instance
  • apply a hotfix
  • install a feature pack

Regarding changing appearance of the text box, you can use inline styling or themes to change the appearance of a component of an adaptive form. See the following articles for more details

I hope it answers your query.

Khushwant Singh


Level 3

Thanks Khushwant, I will look into provided links.