dynamically change controls width in table cell

[#1]

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.

[#2 · Accepted solution]

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]

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.

[#4]

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