dynamically change controls width in table cell | Community
Skip to main content
E
eugzl
Level 5
September 18, 2019
Solved

dynamically change controls width in table cell

  • September 18, 2019
  • 3 replies
  • 2921 views

Hi All.

I have dropdownlist and text field in one table cell. And I would like when dropdownlist has value "Other" the Text Field width will increase and dropdownlist width will decrease. The table cell size will keep unchangeable. If is that possible how to do that?

Thanks.

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

The problem is solved

if(xfa.event.newText == "Other") {

   txtField.presence = "visible";

   this.w = "0.5in";

   txtField.w = "1.8in";

   txtField.x = "0.49in";

}  

3 replies

U
Adobe Employee
user05162Adobe Employee
Adobe Employee
September 19, 2019

Try to find the OOTB css/js applied on the textfield form [1] and you can overlay based on your requirement.

[1] /libs/granite/ui/components/coral/foundation/form/textfield/render.jsp

E
eugzlAuthor
Level 5
September 19, 2019

Hi JaideerBrar. Thanks for replay.

I not familiar with OOTB css/js. I will appreciate if you help by code and explain what need to do.

Thanks.

E
eugzlAuthorAccepted solution
Level 5
September 20, 2019

The problem is solved

if(xfa.event.newText == "Other") {

   txtField.presence = "visible";

   this.w = "0.5in";

   txtField.w = "1.8in";

   txtField.x = "0.49in";

}  

Terms & ConditionsAccessibility statement

Loading footer...