You are viewing limited content. For full access, please sign in.

Question

Question

Keep Radio buttons and Single lines in place when one is hidden

asked on October 27, 2016

I have a form with some radio buttons and single line comments that accompany them.  I have them in an inline block so they are next to each other(first photo-Buttons in place). I have the "Remarks" single line text boxes set to be hidden if  the OK button is checked.

 

However if the first radio button "a. Switches" is set to okay, the second radio button "b.Gauges" moves up to where "Remarks" single line text box would have been if "Inop" was checked(second photo-wrong place radio buttons).

 

I would like the radio buttons to stay on the left no matter if "OK" or 'Inop" is checked off and the remarks text boxes to stay on the right of the radio buttons whether they are showing or not.

 

I tried to use an "absolute" position property but that doesn't seem like great way of doing this.

Buttons in place.JPG
Wrong place radio buttons.JPG
0 0

Replies

replied on October 27, 2016

In HTML 5 there are 2 ways to hide an element. one way makes it seem  like its not there hence other element replaces it. other way it is their but cannot be seen hence layout stays the same,

First way: Display= none

Second way: visibility = hidden.

Please let me know if it helps.

1 0
You are not allowed to follow up in this post.

Sign in to reply to this post.