Skip to Content
Last modified by Alex Cotiuga on 2026/07/27 06:09
From version 18.6
edited by Alex Cotiuga
on 2026/07/09 19:54
Change comment: There is no comment for this version
To version 17.1
edited by Alex Cotiuga
on 2026/06/29 13:22
Change comment: Imported from XAR

Summary

Details

Page properties
Content
... ... @@ -12,8 +12,7 @@
12 12   'hosting',
13 13   'customDevelopment',
14 14   'timeline',
15 - 'users',
16 - 'sourcePage'
15 + 'users'
17 17   ])
18 18  
19 19   #set ($name = '')
... ... @@ -171,22 +171,20 @@
171 171   <h3>Optional project details</h3>
172 172   <p>These details help us understand the scope and suggest practical next steps.</p>
173 173   #end
174 - <div>
175 - <dt #if (!$editing && $hasEdit)
176 - class="editableProperty"
177 - #set ($xobjectPropertyReference = $xobject.getPropertyReference($property.name))
178 - data-property="$escapetool.xml($services.model.serialize($xobjectPropertyReference))"
179 - data-property-type="object"#end>
180 - ## This must match the id generated by the $doc.display() method below.
181 - #set ($propertyId = "${xclass.name}_${xobject.number}_$property.name")
182 - <label#if ($editing) for="$escapetool.xml($propertyId)"#end>
183 - $escapetool.xml($property.translatedPrettyName)
184 - </label>
185 - ## Support for specifying a translation key as hint in the property definition.
186 - <span class="xHint">$!escapetool.xml($services.localization.render($property.hint))</span>
187 - </dt>
188 - <dd>$doc.display($property.name, 'edit').replace('{{html clean="false" wiki="false"}}', '').replace("{{/html}}", '')</dd>
189 - </div>
173 + <dt #if (!$editing && $hasEdit)
174 + class="editableProperty"
175 + #set ($xobjectPropertyReference = $xobject.getPropertyReference($property.name))
176 + data-property="$escapetool.xml($services.model.serialize($xobjectPropertyReference))"
177 + data-property-type="object"#end>
178 + ## This must match the id generated by the $doc.display() method below.
179 + #set ($propertyId = "${xclass.name}_${xobject.number}_$property.name")
180 + <label#if ($editing) for="$escapetool.xml($propertyId)"#end>
181 + $escapetool.xml($property.translatedPrettyName)
182 + </label>
183 + ## Support for specifying a translation key as hint in the property definition.
184 + <span class="xHint">$!escapetool.xml($services.localization.render($property.hint))</span>
185 + </dt>
186 + <dd>$doc.display($property.name, 'edit').replace('{{html clean="false" wiki="false"}}', '').replace("{{/html}}", '')</dd>
190 190   #end
191 191   #if (!$xclass.properties || $xclass.properties.size() == 0)
192 192   ## Keep the empty definition term in order to have valid HTML.
... ... @@ -227,13 +227,9 @@
227 227   {{/html}}
228 228   {{html clean="false"}}
229 229   </div>
230 - <div class="col-md-5 contact-side-panel">
231 - <div class="split-copy contact-help-panel">
232 - <h2>
233 - <i class="fa fa-check-circle" aria-hidden="true"></i>
234 - How Agnease can help
235 - </h2>
236 -
227 + <div class="col-md-5">
228 + <div class="widget">
229 + <h4>$services.icon.renderHTML('check') How Agnease can help</h4>
237 237   <ul>
238 238   <li>XWiki upgrades and long-term maintenance</li>
239 239   <li>Knowledge bases, intranets, SOP and documentation workflows</li>
... ... @@ -243,21 +243,14 @@
243 243   <li>Security-aware reviews and platform stabilization</li>
244 244   </ul>
245 245   </div>
246 -
247 - <ol class="process-list contact-process-list">
248 - <li>
249 - <strong>Your request is reviewed</strong>
250 - The project description is checked to understand the context and initial scope.
251 - </li>
252 - <li>
253 - <strong>You receive a reply</strong>
254 - Agnease replies with clarifying questions or suggested next steps.
255 - </li>
256 - <li>
257 - <strong>A short call can be scheduled</strong>
258 - If useful, we discuss scope, timeline and estimated effort together.
259 - </li>
260 - </ol>
239 + <div class="widget">
240 + <h4>$services.icon.renderHTML('right') What happens next?</h4>
241 + <ol>
242 + <li>Your request is reviewed.</li>
243 + <li>You receive a reply with clarifying questions or suggested next steps.</li>
244 + <li>If useful, we schedule a short call to discuss scope, timeline, and estimated effort.</li>
245 + </ol>
246 + </div>
261 261   </div>
262 262   </div>
263 263  {{/html}}
XWiki.StyleSheetExtension[0]
code
... ... @@ -1,17 +1,71 @@
1 -/* ===== Contact page side panel ===== */
1 +@brand: #00937D;
2 +@brand-strong: #007B6A;
3 +@text: #2D3A34;
4 +@muted: #5B6B64;
5 +@line: #E4ECE9;
6 +@radius: 16px;
7 +@shadow-sm: 0 6px 20px rgba(0,0,0,.06);
8 +@shadow: 0 12px 36px rgba(0,0,0,.08);
9 +@maxw: 1140px;
2 2  
3 -.contact-side-panel {
4 - padding-top: 10px;
11 +/* ===== Contact page widgets ===== */
12 +#mainContentArea {
13 + padding: 0;
5 5  }
6 6  
7 -.contact-help-panel {
8 - margin-bottom: 18px;
16 +.col-xs-5 {
17 + padding-top: 45px;
9 9  }
10 10  
11 -.contact-process-list li {
12 - min-height: auto;
20 +.col-xs-5 .widget {
21 + margin-bottom: 16px;
22 + padding: 16px;
13 13  }
14 14  
25 +.col-xs-5 .widget h4 {
26 + display: flex;
27 + align-items: center;
28 + gap: 8px;
29 + margin: 0 0 10px;
30 + padding-bottom: 8px;
31 + border-bottom: 1px solid fade(@line, 60%);
32 + color: @text;
33 + font-size: 18px;
34 + line-height: 1.25;
35 +}
36 +
37 +.col-xs-5 .widget h4 .fa,
38 +.col-xs-5 .widget h4 .glyphicon {
39 + color: @brand;
40 + font-size: 15px;
41 +}
42 +
43 +.col-xs-5 .widget ul,
44 +.col-xs-5 .widget ol {
45 + margin: 0;
46 + padding-left: 1.2rem;
47 + color: @muted;
48 +}
49 +
50 +.col-xs-5 .widget li {
51 + margin: 5px 0;
52 + line-height: 1.4;
53 +}
54 +
55 +.col-xs-5 .widget p {
56 + margin: 0 0 8px;
57 + color: @muted;
58 + line-height: 1.45;
59 +}
60 +
61 +.col-xs-5 .widget p:last-child {
62 + margin-bottom: 0;
63 +}
64 +
65 +.col-xs-5 .widget a {
66 + color: @brand;
67 + font-weight: 700;
68 +}
15 15  /* CSS for hidden field to identify requests filled by bots. */
16 16  .contact-hp-wrapper {
17 17   position: absolute;
... ... @@ -20,9 +20,3 @@
20 20   height: 1px;
21 21   overflow: hidden;
22 22  }
23 -
24 -@media (max-width: 991px) {
25 - .contact-side-panel {
26 - padding-top: 24px;
27 - }
28 -}