| ... |
... |
@@ -1,13 +1,13 @@ |
| 1 |
1 |
{{include reference="Help.Code.VelocityMacros" /}} |
| 2 |
2 |
|
| 3 |
3 |
{{velocity output="false"}} |
| 4 |
|
-#set ($featuresPrefix = 'https://www.xwiki.org/xwiki/bin/view/Documentation/UserGuide/Features') |
|
4 |
+#set ($plaformPrefix = 'https://platform.xwiki.org/xwiki/bin/view/Features') |
| 5 |
5 |
#set ($exoPrefix = 'https://extensions.xwiki.org/xwiki/bin/view/Extension') |
| 6 |
6 |
#set ($actionCards = [{ |
| 7 |
7 |
'title': $services.localization.render('help.templates.useTemplates.title'), |
| 8 |
8 |
'description': $services.localization.render('help.templates.useTemplates.description'), |
| 9 |
9 |
'tip': $services.localization.render('help.templates.useTemplates.tip', |
| 10 |
|
- ["<a href='$featuresPrefix/DocumentLifecycle#HCreate' class='wikiexternallink'>",'</a>']), |
|
10 |
+ ["<a href='$plaformPrefix/DocumentLifecycle#HCreate' class='wikiexternallink'>",'</a>']), |
| 11 |
11 |
'thumbnail': 'Template', |
| 12 |
12 |
'actions': [{ |
| 13 |
13 |
'label': $services.localization.render('help.try.label'), |
| ... |
... |
@@ -79,24 +79,38 @@ |
| 79 |
79 |
|
| 80 |
80 |
{{velocity}} |
| 81 |
81 |
{{html clean="false"}} |
| 82 |
|
-<ul class="card-list two-cols"> |
|
82 |
+<div class="row"> |
| 83 |
83 |
#foreach ($card in $actionCards) |
| 84 |
|
- <li class="card"> |
|
84 |
+ ## See http://getbootstrap.com/css/#grid-responsive-resets . |
|
85 |
+ #if ($foreach.index > 0 && $foreach.index % 2 == 0) |
|
86 |
+ <div class="clearfix visible-sm-block visible-md-block visible-lg-block"></div> |
|
87 |
+ #end |
|
88 |
+ <div class="col-xs-12 col-sm-6"> |
| 85 |
85 |
#helpActionCard($card) |
| 86 |
|
- </li> |
|
90 |
+ </div> |
| 87 |
87 |
#end |
| 88 |
|
-</ul> |
|
92 |
+</div> |
| 89 |
89 |
<h3 id="HExamples">$services.localization.render('help.templates.examples.title')</h3> |
| 90 |
90 |
<p>$services.localization.render('help.templates.examples.description')</p> |
| 91 |
|
-<ul class="card-list"> |
|
95 |
+<div class="row"> |
| 92 |
92 |
#foreach ($card in $exampleCards) |
| 93 |
|
- <li class="card"> |
|
97 |
+ ## See http://getbootstrap.com/css/#grid-responsive-resets . |
|
98 |
+ #if ($foreach.index > 0 && $foreach.index % 2 == 0) |
|
99 |
+ <div class="clearfix visible-sm-block "></div> |
|
100 |
+ #end |
|
101 |
+ #if ($foreach.index > 0 && $foreach.index % 3 == 0) |
|
102 |
+ <div class="clearfix visible-md-block"></div> |
|
103 |
+ #end |
|
104 |
+ #if ($foreach.index > 0 && $foreach.index % 4 == 0) |
|
105 |
+ <div class="clearfix visible-lg-block"></div> |
|
106 |
+ #end |
|
107 |
+ <div class="col-xs-12 col-sm-6 col-md-4 col-lg-3"> |
| 94 |
94 |
#set ($outputCard = {}) |
| 95 |
95 |
#getTemplateExample($card $outputCard) |
| 96 |
96 |
#helpExampleCard($outputCard) |
| 97 |
|
- </li> |
|
111 |
+ </div> |
| 98 |
98 |
#end |
| 99 |
|
-</ul> |
|
113 |
+</div> |
| 100 |
100 |
<p><a href="$exoPrefix/Templates+Application/" class="wikiexternallink">$services.localization.render('help.templates.more')</a></p> |
| 101 |
101 |
{{/html}} |
| 102 |
102 |
{{/velocity}} |
