dynamically change controls width in table cell

Avatar

Avatar

eugzl

Avatar

eugzl

eugzl

18-09-2019

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.

Accepted Solutions (1)

Accepted Solutions (1)

Avatar

Avatar

eugzl

Avatar

eugzl

eugzl

20-09-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";

}  

Answers (2)

Answers (2)

Avatar

Avatar

eugzl

Avatar

eugzl

eugzl

19-09-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.

Avatar

Avatar

jbrar

Employee

Avatar

jbrar

Employee

jbrar
Employee

18-09-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