Change the height of background image on click of radio button

Hi Friends,

I have rectangular image with border as a panel which contains 2 radio button (Yes and No).

When user click radio button “Yes” - shows calendar field.

When user click radio button "No’ - hides the calendar field, shows the text-box below and a drop-down. Also, background image height must change to show as panel and to accommodate all the above.

Problem - Not able to change the height of background by swapping small background image to big background image. Background image must change to small when I click radio button “Yes” and vice versa.

Note: I have no issue in doing the interaction, so that is fine. The only challenge to change the background height.
Another issue is since there is a widget below the small panel box which also have to push or pull based on the interaction.

Need your help guys.



here are 2 approaches changing the height of an image, I guess you may want to go with Approach A


Resize Img.rp (2.2 MB)

Just noticed you are on RP 8, but my file is RP 9


Actions on clicking “No” in Approach A

Actions on clicking “No” in Approach B

Thank you so much for this option.

Was not able to thank you from long.


This topic was automatically closed 14 days after the last reply. New replies are no longer allowed.