Change the height of background image on click of radio button

#1

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.

Regards

#2

@deepak0323b

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

com-video-to-gif%20(3)

Resize Img.rp (2.2 MB)

#3

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

Structure:

image
image.png508×876 32.9 KB

Actions on clicking “No” in Approach A
image

Actions on clicking “No” in Approach B
image

#4

Thank you so much for this option.

Was not able to thank you from long.

Regards

closed #5

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