Skip to content

Commit 0cfd99d

Browse files
Muskan Guptaci-build
Muskan Gupta
authored and
ci-build
committed
Updating style for wizard
1 parent f199ed8 commit 0cfd99d

File tree

2 files changed

+174
-71
lines changed
  • ui.af.apps/src/main/content/jcr_root/apps/core/fd/components/form/wizard/v2/wizard

2 files changed

+174
-71
lines changed

‎ui.af.apps/src/main/content/jcr_root/apps/core/fd/components/form/wizard/v2/wizard/README.md‎

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -47,8 +47,14 @@ It is already included by its edit and policy dialogs.
4747
BLOCK cmp-adaptiveform-wizard
4848
ELEMENT cmp-adaptiveform-wizard__label
4949
ELEMENT cmp-adaptiveform-wizard__label-container
50+
ELEMENT cmp-adaptiveform-wizard__questionmark
51+
ELEMENT cmp-adaptiveform-wizard__shortdescription
52+
ELEMENT cmp-adaptiveform-wizard__longdescription
53+
ELEMENT cmp-adaptiveform-wizard__widget
54+
ELEMENT cmp-adaptiveform-wizard__tabs-container
5055
ELEMENT cmp-adaptiveform-wizard__tab
5156
ELEMENT cmp-adaptiveform-wizard__wizardpanel
57+
ELEMENT cmp-adaptiveform-wizard__containerNav
5258
ELEMENT cmp-adaptiveform-wizard__nav
5359
MODIFIER cmp-adaptiveform-wizard__nav--previous
5460
MODIFIER cmp-adaptiveform-wizard__nav--next

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

Lines changed: 168 additions & 71 deletions
Original file line numberDiff line numberDiff line change
@@ -11,86 +11,183 @@
1111
longTitle="Wizard Panel Container"
1212
propertySheet="/mnt/overlay/fd/af/components/stylePropertySheet/common">
1313
<items jcr:primaryType="nt:unstructured">
14-
<wizardPanelNavigationGroup
15-
jcr:primaryType="nt:unstructured"
16-
jcr:title="Wizard Navigation Group"
17-
id="af_wizardnavgrp"
18-
cssSelector=".cmp-adaptiveform-wizard__tabs-container"
19-
longTitle="Wizard Panel Navigation Group"
20-
propertySheet="/mnt/overlay/fd/af/components/stylePropertySheet/common">
21-
<items jcr:primaryType="nt:unstructured">
22-
<wizardNavigationItem
23-
jcr:primaryType="nt:unstructured"
24-
jcr:title="Title"
25-
id="af_wizardnavitemtitle"
26-
cssSelector=".cmp-adaptiveform-wizard__tab"
27-
longTitle="Wizard Navigation Item Title"
28-
propertySheet="/mnt/overlay/fd/af/components/stylePropertySheet/common">
29-
<states jcr:primaryType="nt:unstructured">
30-
<active
31-
jcr:primaryType="nt:unstructured"
32-
jcr:title="Active"
33-
cssSelector=".cmp-adaptiveform-wizard__tab:active"/>
34-
<stepped
35-
jcr:primaryType="nt:unstructured"
36-
jcr:title="Visited"
37-
cssSelector=".cmp-adaptiveform-wizard__tab.stepped"/>
38-
<hover
39-
jcr:primaryType="nt:unstructured"
40-
jcr:title="Hover"
41-
cssSelector=".cmp-adaptiveform-wizard__tab:hover"/>
42-
</states>
43-
</wizardNavigationItem>
44-
</items>
45-
</wizardPanelNavigationGroup>
46-
<wizardPanelDescription
47-
jcr:primaryType="nt:unstructured"
48-
jcr:title="Description"
49-
id="af_wizarddescription"
50-
cssSelector=".cmp-adaptiveform-wizard__wizardpanel .cmp-container__label"
51-
longTitle="Wizard Panel Description"
52-
propertySheet="/mnt/overlay/fd/af/components/stylePropertySheet/common"/>
53-
<contentArea
14+
<wizardLabelContainer
5415
jcr:primaryType="nt:unstructured"
55-
jcr:title="Content Area"
56-
id="af_wizardcontentarea"
57-
cssSelector=".cmp-adaptiveform-wizard__wizardpanel .cmp-container"
58-
longTitle="Wizard Content Area"
59-
propertySheet="/mnt/overlay/fd/af/components/stylePropertySheet/common"/>
60-
<wizardPanelScrollers
61-
jcr:primaryType="nt:unstructured"
62-
jcr:title="Scrollers">
16+
jcr:title="Label Container"
17+
id="af_wizardlabelcontainer"
18+
cssSelector=".cmp-adaptiveform-wizard__label-container"
19+
longTitle="Wizard Label Container"
20+
propertySheet="/mnt/overlay/fd/af/components/stylePropertySheet/common">
6321
<items jcr:primaryType="nt:unstructured">
64-
<panelNextScroll
65-
jcr:primaryType="nt:unstructured"
66-
jcr:title="Panel Next Scroll"
67-
id="af_wizardpanelnextscroll"
68-
cssSelector=".cmp-adaptiveform-wizard__nav--next"
69-
longTitle="Wizard Panel Next Scroll"
70-
propertySheet="/mnt/overlay/fd/af/components/stylePropertySheet/common">
22+
<wizardLabel
23+
jcr:primaryType="nt:unstructured"
24+
jcr:title="Label"
25+
id="af_wizardlabel"
26+
cssSelector=".cmp-adaptiveform-wizard__label"
27+
longTitle="Wizard Label"
28+
propertySheet="/mnt/overlay/fd/af/components/stylePropertySheet/common">
7129
<states jcr:primaryType="nt:unstructured">
7230
<hover
73-
jcr:primaryType="nt:unstructured"
74-
jcr:title="Hover"
75-
cssSelector=".cmp-adaptiveform-wizard__nav--next:hover"/>
31+
jcr:primaryType="nt:unstructured"
32+
jcr:title="Hover"
33+
cssSelector=".cmp-adaptiveform-wizard__label:hover"/>
34+
<focus
35+
jcr:primaryType="nt:unstructured"
36+
jcr:title="Focus"
37+
cssSelector=".cmp-adaptiveform-wizard__label:focus"/>
7638
</states>
77-
</panelNextScroll>
78-
<panelPreviousScroll
79-
jcr:primaryType="nt:unstructured"
80-
jcr:title="Panel Previous Scroll"
81-
id="af_wizardpanelprevscroll"
82-
cssSelector=".cmp-adaptiveform-wizard__nav--previous"
83-
longTitle="Wizard Panel Previous Scroll"
84-
propertySheet="/mnt/overlay/fd/af/components/stylePropertySheet/common">
39+
</wizardLabel>
40+
<wizardHelpIcon
41+
jcr:primaryType="nt:unstructured"
42+
jcr:title="Help Icon"
43+
id="af_wizardhelpicon"
44+
cssSelector=".cmp-adaptiveform-wizard__questionmark"
45+
longTitle="Wizard Help Icon"
46+
propertySheet="/mnt/overlay/fd/af/components/stylePropertySheet/common"
47+
secondarySelectors="af_guideContainer:af_helpicon">
8548
<states jcr:primaryType="nt:unstructured">
49+
<focus
50+
jcr:primaryType="nt:unstructured"
51+
jcr:title="Focus"
52+
cssSelector=".cmp-adaptiveform-wizard__questionmark:focus"/>
8653
<hover
87-
jcr:primaryType="nt:unstructured"
88-
jcr:title="Hover"
89-
cssSelector=".cmp-adaptiveform-wizard__nav--previous:hover"/>
54+
jcr:primaryType="nt:unstructured"
55+
jcr:title="Hover"
56+
cssSelector=".cmp-adaptiveform-wizard__questionmark:hover"/>
57+
<disabled
58+
jcr:primaryType="nt:unstructured"
59+
jcr:title="Disabled"
60+
cssSelector=".cmp-adaptiveform-wizard__questionmark:disabled"/>
9061
</states>
91-
</panelPreviousScroll>
62+
</wizardHelpIcon>
63+
</items>
64+
<states jcr:primaryType="nt:unstructured">
65+
<disabled
66+
jcr:primaryType="nt:unstructured"
67+
jcr:title="Disabled"
68+
cssSelector=".cmp-adaptiveform-wizard__label-container:disabled"/>
69+
<hover
70+
jcr:primaryType="nt:unstructured"
71+
jcr:title="Hover"
72+
cssSelector=".cmp-adaptiveform-wizard__label-container:hover"/>
73+
<focus
74+
jcr:primaryType="nt:unstructured"
75+
jcr:title="Focus"
76+
cssSelector=".cmp-adaptiveform-wizard__label-container:focus"/>
77+
</states>
78+
</wizardLabelContainer>
79+
<wizardDescriptionShort
80+
jcr:primaryType="nt:unstructured"
81+
jcr:title="Short Description"
82+
id="af_wizarddescriptionshort"
83+
cssSelector=".cmp-adaptiveform-wizard__shortdescription"
84+
longTitle="Wizard Short Description"
85+
propertySheet="/mnt/overlay/fd/af/components/stylePropertySheet/common">
86+
</wizardDescriptionShort>
87+
<wizardDescriptionLong
88+
jcr:primaryType="nt:unstructured"
89+
jcr:title="Long Description"
90+
id="af_wizarddescriptionlong"
91+
cssSelector=".cmp-adaptiveform-wizard__longdescription"
92+
longTitle="Wizard Long Description"
93+
propertySheet="/mnt/overlay/fd/af/components/stylePropertySheet/common">
94+
<states jcr:primaryType="nt:unstructured">
95+
<focus
96+
jcr:primaryType="nt:unstructured"
97+
jcr:title="Focus"
98+
cssSelector=".cmp-adaptiveform-wizard__longdescription:focus"/>
99+
<hover
100+
jcr:primaryType="nt:unstructured"
101+
jcr:title="Hover"
102+
cssSelector=".cmp-adaptiveform-wizard__longdescription:hover"/>
103+
</states>
104+
</wizardDescriptionLong>
105+
<wizardWidget
106+
jcr:primaryType="nt:unstructured"
107+
jcr:title="Widget"
108+
id="af_wizardwidget"
109+
cssSelector=".cmp-adaptiveform-wizard__widget"
110+
longTitle="Wizard Widget"
111+
propertySheet="/mnt/overlay/fd/af/components/stylePropertySheet/common">
112+
<items jcr:primaryType="nt:unstructured">
113+
<wizardPanelNavigationGroup
114+
jcr:primaryType="nt:unstructured"
115+
jcr:title="Wizard Navigation Group"
116+
id="af_wizardnavgrp"
117+
cssSelector=".cmp-adaptiveform-wizard__tabs-container"
118+
longTitle="Wizard Panel Navigation Group"
119+
propertySheet="/mnt/overlay/fd/af/components/stylePropertySheet/common">
120+
<items jcr:primaryType="nt:unstructured">
121+
<wizardNavigationItem
122+
jcr:primaryType="nt:unstructured"
123+
jcr:title="Title"
124+
id="af_wizardnavitemtitle"
125+
cssSelector=".cmp-adaptiveform-wizard__tab"
126+
longTitle="Wizard Navigation Item Title"
127+
propertySheet="/mnt/overlay/fd/af/components/stylePropertySheet/common">
128+
<states jcr:primaryType="nt:unstructured">
129+
<active
130+
jcr:primaryType="nt:unstructured"
131+
jcr:title="Active"
132+
cssSelector=".cmp-adaptiveform-wizard__tab:active"/>
133+
<stepped
134+
jcr:primaryType="nt:unstructured"
135+
jcr:title="Visited"
136+
cssSelector=".cmp-adaptiveform-wizard__tab.stepped"/>
137+
<hover
138+
jcr:primaryType="nt:unstructured"
139+
jcr:title="Hover"
140+
cssSelector=".cmp-adaptiveform-wizard__tab:hover"/>
141+
</states>
142+
</wizardNavigationItem>
143+
</items>
144+
</wizardPanelNavigationGroup>
145+
</items>
146+
</wizardWidget>
147+
<wizardPanelNavContainer
148+
jcr:primaryType="nt:unstructured"
149+
jcr:title="Navigation Container"
150+
id="af_wizarddescription"
151+
cssSelector=".cmp-adaptiveform-wizard__containerNav"
152+
longTitle="Wizard Navigation Container"
153+
propertySheet="/mnt/overlay/fd/af/components/stylePropertySheet/common">
154+
<items jcr:primaryType="nt:unstructured">
155+
<wizardPanelScrollers
156+
jcr:primaryType="nt:unstructured"
157+
jcr:title="Scrollers">
158+
<items jcr:primaryType="nt:unstructured">
159+
<panelNextScroll
160+
jcr:primaryType="nt:unstructured"
161+
jcr:title="Panel Next Scroll"
162+
id="af_wizardpanelnextscroll"
163+
cssSelector=".cmp-adaptiveform-wizard__nav--next"
164+
longTitle="Wizard Panel Next Scroll"
165+
propertySheet="/mnt/overlay/fd/af/components/stylePropertySheet/common">
166+
<states jcr:primaryType="nt:unstructured">
167+
<hover
168+
jcr:primaryType="nt:unstructured"
169+
jcr:title="Hover"
170+
cssSelector=".cmp-adaptiveform-wizard__nav--next:hover"/>
171+
</states>
172+
</panelNextScroll>
173+
<panelPreviousScroll
174+
jcr:primaryType="nt:unstructured"
175+
jcr:title="Panel Previous Scroll"
176+
id="af_wizardpanelprevscroll"
177+
cssSelector=".cmp-adaptiveform-wizard__nav--previous"
178+
longTitle="Wizard Panel Previous Scroll"
179+
propertySheet="/mnt/overlay/fd/af/components/stylePropertySheet/common">
180+
<states jcr:primaryType="nt:unstructured">
181+
<hover
182+
jcr:primaryType="nt:unstructured"
183+
jcr:title="Hover"
184+
cssSelector=".cmp-adaptiveform-wizard__nav--previous:hover"/>
185+
</states>
186+
</panelPreviousScroll>
187+
</items>
188+
</wizardPanelScrollers>
92189
</items>
93-
</wizardPanelScrollers>
190+
</wizardPanelNavContainer>
94191
</items>
95192
</wizardPanel>
96193
</items>

0 commit comments

Comments
 (0)