Skip to content

Commit acda893

Browse files
Muskan GuptaMuskan Gupta
Muskan Gupta
authored and
Muskan Gupta
committed
Additions in CheckboxGroup style config
1 parent e2e1bb9 commit acda893

File tree

1 file changed

+94
-62
lines changed
  • ui.af.apps/src/main/content/jcr_root/apps/core/fd/components/form/checkboxgroup/v1/checkboxgroup/_cq_styleConfig

1 file changed

+94
-62
lines changed

‎ui.af.apps/src/main/content/jcr_root/apps/core/fd/components/form/checkboxgroup/v1/checkboxgroup/_cq_styleConfig/.content.xml‎

Lines changed: 94 additions & 62 deletions
Original file line numberDiff line numberDiff line change
@@ -83,79 +83,107 @@
8383
cssSelector=".cmp-adaptiveform-checkboxgroup__label-container:focus"/>
8484
</states>
8585
</checkBoxGroupLabelContainer>
86-
<checkBoxGroupItem
87-
jcr:primaryType="nt:unstructured"
88-
jcr:title="Checkbox Item"
89-
id="af2_checkboxgroupitem"
90-
cssSelector=".cmp-adaptiveform-checkboxgroup-item"
91-
longTitle="Checkbox Group Item"
92-
propertySheet="/mnt/overlay/fd/af/components/stylePropertySheet/common">
86+
<checkBoxGroupWidget
87+
jcr:primaryType="nt:unstructured"
88+
jcr:title="Checkbox Group Items Widget"
89+
id="af2_checkboxgroupitemswidget"
90+
cssSelector=".cmp-adaptiveform-checkboxgroup__widget"
91+
longTitle="Checkbox Group Items Widget"
92+
propertySheet="/mnt/overlay/fd/af/components/stylePropertySheet/common">
9393
<items jcr:primaryType="nt:unstructured">
94-
<checkBoxGroupItemLabel
95-
jcr:primaryType="nt:unstructured"
96-
jcr:title="Label"
97-
id="af2_checkboxgroupitemlabel"
98-
cssSelector=".cmp-adaptiveform-checkboxgroup__option-label span"
99-
longTitle="Checkbox Group Item Label"
100-
propertySheet="/mnt/overlay/fd/af/components/stylePropertySheet/common">
101-
<states jcr:primaryType="nt:unstructured">
102-
<hover
103-
jcr:primaryType="nt:unstructured"
104-
jcr:title="Hover"
105-
cssSelector=".cmp-adaptiveform-checkboxgroup__option-label span:hover"/>
106-
<focus
107-
jcr:primaryType="nt:unstructured"
108-
jcr:title="Focus"
109-
cssSelector=".cmp-adaptiveform-checkboxgroup__option-label span:focus"/>
110-
</states>
111-
</checkBoxGroupItemLabel>
112-
<checkBoxWidgetAndText
113-
jcr:primaryType="nt:unstructured"
114-
jcr:title="Checkbox"
115-
id="af2_checkboxgroupwidgetandtext"
116-
cssSelector=".cmp-adaptiveform-checkboxgroup__option__widget"
117-
longTitle="Checkbox Group Item Widget"
118-
propertySheet="/mnt/overlay/fd/af/components/stylePropertySheet/common"
119-
secondarySelectors="af2_guideContainer:af2_widgetAndText">
94+
<checkBoxGroupItem
95+
jcr:primaryType="nt:unstructured"
96+
jcr:title="Checkbox Item"
97+
id="af2_checkboxgroupitem"
98+
cssSelector=".cmp-adaptiveform-checkboxgroup-item"
99+
longTitle="Checkbox Group Item"
100+
propertySheet="/mnt/overlay/fd/af/components/stylePropertySheet/common">
101+
<items jcr:primaryType="nt:unstructured">
102+
<checkBoxGroupItemLabel
103+
jcr:primaryType="nt:unstructured"
104+
jcr:title="Label"
105+
id="af2_checkboxgroupitemlabel"
106+
cssSelector=".cmp-adaptiveform-checkboxgroup__option-label span"
107+
longTitle="Checkbox Group Item Label"
108+
propertySheet="/mnt/overlay/fd/af/components/stylePropertySheet/common">
109+
<states jcr:primaryType="nt:unstructured">
110+
<hover
111+
jcr:primaryType="nt:unstructured"
112+
jcr:title="Hover"
113+
cssSelector=".cmp-adaptiveform-checkboxgroup__option-label span:hover"/>
114+
<focus
115+
jcr:primaryType="nt:unstructured"
116+
jcr:title="Focus"
117+
cssSelector=".cmp-adaptiveform-checkboxgroup__option-label span:focus"/>
118+
<checked
119+
jcr:primaryType="nt:unstructured"
120+
jcr:title="Selected"
121+
cssSelector=".cmp-adaptiveform-checkboxgroup__option-label input[type='checkbox']:checked + span"/>
122+
<mandatory
123+
jcr:primaryType="nt:unstructured"
124+
jcr:title="Mandatory"
125+
cssSelector=".cmp-adaptiveform-checkboxgroup[data-cmp-required='true'] .cmp-adaptiveform-checkboxgroup__option-label span"/>
126+
</states>
127+
</checkBoxGroupItemLabel>
128+
<checkBoxWidgetAndText
129+
jcr:primaryType="nt:unstructured"
130+
jcr:title="Checkbox"
131+
id="af2_checkboxgroupwidgetandtext"
132+
cssSelector=".cmp-adaptiveform-checkboxgroup__option__widget"
133+
longTitle="Checkbox Group Item Widget"
134+
propertySheet="/mnt/overlay/fd/af/components/stylePropertySheet/common"
135+
secondarySelectors="af2_guideContainer:af2_widgetAndText">
136+
<states jcr:primaryType="nt:unstructured">
137+
<focus
138+
jcr:primaryType="nt:unstructured"
139+
jcr:title="Focus"
140+
cssSelector=".cmp-adaptiveform-checkboxgroup__option__widget:focus"/>
141+
<disabled
142+
jcr:primaryType="nt:unstructured"
143+
jcr:title="Disabled"
144+
cssSelector=".cmp-adaptiveform-checkboxgroup__option__widget:disabled"/>
145+
<hover
146+
jcr:primaryType="nt:unstructured"
147+
jcr:title="Hover"
148+
cssSelector=".cmp-adaptiveform-checkboxgroup__option__widget:hover"/>
149+
<checked
150+
jcr:primaryType="nt:unstructured"
151+
jcr:title="Selected"
152+
cssSelector=".cmp-adaptiveform-checkboxgroup__option__widget:checked"/>
153+
</states>
154+
</checkBoxWidgetAndText>
155+
</items>
120156
<states jcr:primaryType="nt:unstructured">
121-
<focus
122-
jcr:primaryType="nt:unstructured"
123-
jcr:title="Focus"
124-
cssSelector=".cmp-adaptiveform-checkboxgroup__option__widget:focus"/>
125157
<disabled
126-
jcr:primaryType="nt:unstructured"
127-
jcr:title="Disabled"
128-
cssSelector=".cmp-adaptiveform-checkboxgroup__option__widget:disabled"/>
158+
jcr:primaryType="nt:unstructured"
159+
jcr:title="Disabled"
160+
cssSelector=".cmp-adaptiveform-checkboxgroup-item .cmp-adaptiveform-checkboxgroup__option__widget:disabled"/>
129161
<hover
130-
jcr:primaryType="nt:unstructured"
131-
jcr:title="Hover"
132-
cssSelector=".cmp-adaptiveform-checkboxgroup__option__widget:hover"/>
162+
jcr:primaryType="nt:unstructured"
163+
jcr:title="Hover"
164+
cssSelector=".cmp-adaptiveform-checkboxgroup-item:hover"/>
133165
<checked
134-
jcr:primaryType="nt:unstructured"
135-
jcr:title="Selected"
136-
cssSelector=".cmp-adaptiveform-checkboxgroup__option__widget:checked"/>
166+
jcr:primaryType="nt:unstructured"
167+
jcr:title="Selected"
168+
cssSelector=".cmp-adaptiveform-checkboxgroup-item .cmp-adaptiveform-checkboxgroup__option__widget:checked"/>
169+
<focus
170+
jcr:primaryType="nt:unstructured"
171+
jcr:title="Focus"
172+
cssSelector=".cmp-adaptiveform-checkboxgroup-item:focus"/>
137173
</states>
138-
</checkBoxWidgetAndText>
174+
</checkBoxGroupItem>
139175
</items>
140176
<states jcr:primaryType="nt:unstructured">
141-
<disabled
142-
jcr:primaryType="nt:unstructured"
143-
jcr:title="Disabled"
144-
cssSelector=".cmp-adaptiveform-checkboxgroup-item .cmp-adaptiveform-checkboxgroup__option__widget:disabled"/>
145177
<hover
146-
jcr:primaryType="nt:unstructured"
147-
jcr:title="Hover"
148-
cssSelector=".cmp-adaptiveform-checkboxgroup-item:hover"/>
149-
<checked
150-
jcr:primaryType="nt:unstructured"
151-
jcr:title="Selected"
152-
cssSelector=".cmp-adaptiveform-checkboxgroup-item .cmp-adaptiveform-checkboxgroup__option__widget:checked"/>
178+
jcr:primaryType="nt:unstructured"
179+
jcr:title="Hover"
180+
cssSelector=".cmp-adaptiveform-checkboxgroup__widget:hover"/>
153181
<focus
154-
jcr:primaryType="nt:unstructured"
155-
jcr:title="Focus"
156-
cssSelector=".cmp-adaptiveform-checkboxgroup-item:focus"/>
182+
jcr:primaryType="nt:unstructured"
183+
jcr:title="Focus"
184+
cssSelector=".cmp-adaptiveform-checkboxgroup__widget:focus"/>
157185
</states>
158-
</checkBoxGroupItem>
186+
</checkBoxGroupWidget>
159187
<checkBoxGroupDescriptionShort
160188
jcr:primaryType="nt:unstructured"
161189
jcr:title="Short Description"
@@ -196,6 +224,10 @@
196224
jcr:primaryType="nt:unstructured"
197225
jcr:title="Focus"
198226
cssSelector=".cmp-adaptiveform-checkboxgroup__widget:focus"/>
227+
<mandatory
228+
jcr:primaryType="nt:unstructured"
229+
jcr:title="Mandatory"
230+
cssSelector=".cmp-adaptiveform-checkboxgroup[data-cmp-required='true']"/>
199231
</states>
200232
</widgetAndText>
201233
</items>

0 commit comments

Comments
 (0)