Create CMS Block - radio button functionality

Vote:
 

I'm creating one block, there would be a total of main 5 Radiobuttons and each Radiobutton will be having 1 Sub Radiobutton.

Radiobutton's features and functionalities

-Radio buttons will have text on them.

-When we click any main Radio button it should show its sub radio button with a label on it and the rest of the main Radio buttons should hide

    -Only visible main radio buttons will be on which you have click and rest should hide and doesn't show on the screen

   -When radio buttons are active it must have a cross icon/button to close it 

Editor's Functionality

An editor should have the power to add content/label to all main radio buttons and their respective sub-radiobuttons.

----------------------------------------------------------------------------------------------------------------------------------------------------------------------

------ ------ ------ ------ ------ ------ ------ ------
--  ° Ques tion 1     X     ---
------ ------ ------ ------ ------ ------ ------ ------
------ ------ ------ ------ ------ ------ ------ ------
--  ° Ques tion 2     X     ---
------ ------ ------ ------ ------ ------ ------ ------

                                 Figure - 1

------------------------------------------------------------------------------------------------------

------ ------ ------ ------ ------ ------ ------ ------
--  ° Ques tion 1     X     ---
------ ------ ------ ------ ------ ------ ------ ------

                                                                                                                    

 ------ ------ ------ ------ ------ ------ ------ ------
--  ° Res ponse 1     X     ---
 ------ ------ ------ ------ ------ ------ ------ ------

                                       Figure - 2

--------------------------------------------------------------------------------------------------------

Figure description

° - Radio button

X - Close button

___________________________________________________________

Figure - 1: There are two radio buttons question 1 and question 2.

Figure - 2:

                 ---- After clicking on Question 1 radio button it will show its response 1 radio button (Sub-button of Question 1 radio button)

                 ---- And won't show Question 2 radio button on the block/screen.

Note:

 -----  After clicking on the "Xthe block will show just as figure 1 .

Help me to create this Block type.

#267428
Nov 26, 2021 16:09
* You are NOT allowed to include any hyperlinks in the post because your account hasn't associated to your company. User profile should be updated.