What is control group? Explain its use case?

what is control group? Explain its use case?

Control group in vDesigner1 refers to a collection elements present within the page that are organized and managed as a single unit. This allows you to handle to handle these elements collectively, simplifying operations like enabling or disabling the entire group, showing or hiding them as a single entity, or applying shared properties and styles uniformly across all included elements. By managing UI components as a control group, developers can streamline interactions and maintain consistent functionality across related controls, which is especially useful for maintaining UI coherence and efficiency in complex interfaces.

Control group in vDesigner1 refers to a collection of elements present within the page that are managed as a single unit. This allows you to handle these elements collectively and perform operations like enabling or disabling , visible or invisible that single unit. You can apply business rules to that control group for different scenarios as per requirements.

Use Case
Imagine a form that has a checkbox in which there are 2 options - A & B
Scenario 1 = If you select A then input field no.1(element present on the screen) and input field no. 2(element present on the screen) must be visible then you can create a control group of input field no.1 and input field no.2 element to perform the visible task by treating both the elements as a single unit.

Scenario 2 = If you select B then input field no.3(element present on the screen) and input field no. 4(element present on the screen) must be visible then you can create a separate control group of input field no.3 and input field no.4 element to perform the visible task.