Changes for page Macro Options

Last modified by Ecaterina Moraru on 2013/11/13 12:50

From version 4.2
edited by Ecaterina Valica
on 2012/06/12 17:18
Change comment: There is no comment for this version
To version 6.7
edited by Ecaterina Valica
on 2012/06/12 18:09
Change comment: There is no comment for this version

Summary

Details

Page properties
Content
... ... @@ -18,7 +18,9 @@
18 18  * we need to make clear that the home page content is just using an include macro to display the content located in another place
19 19  
20 20  == Solution ==
21 -* first have all macros collapsed by default
21 +* Have all macros collapsed by default
22 +* Add collapsed/extended functionality inside the toolbar
23 +* Make macros actions (edit, delete, +custom) more visible
22 22  
23 23  )))
24 24  
... ... @@ -41,22 +41,64 @@
41 41  
42 42  == Proposal ==
43 43  
46 +{{toc start='3' depth='3'/}}
47 +
48 +=== 1. Collapsed as default ===
49 +
44 44  (% class="left column50 dashboardleft"%)
45 45  (((
46 -Default: Macro Expanded
52 +Default: Macros Collapsed
47 47  [[[[image:collapsedByDefault.png||style="max-width: 98%; margin-bottom: 3em;"]]>>attach:collapsedByDefault.png]]
54 +The collapse/expanded functionality could be also added in the toolbar in order to be more discoverable
48 48  )))
49 49  
50 50  (% class="left column50 dashboardleft"%)
51 51  (((
52 -Macro Collapsed
59 +Expand Macros on demand
53 53  [[[[image:expandedOnDemand.png||style="max-width: 98%; margin-bottom: 3em;"]]>>attach:expandedOnDemand.png]]
61 +Even in the expanded form, keep the macro header and have a special background color for the content in order to show it's a macro
54 54  )))
55 55  
56 56  (%class='clearfloats'%)((()))
57 57  
66 +=== 2. Macro Parameters ===
67 +
68 +(% class="left column50 dashboardleft"%)
69 +(((
70 +
71 +[[[[image:macrosNoParams.png||style="max-width: 98%; margin-bottom: 3em;"]]>>attach:macrosNoParams.png]]
72 +The macro's header contains at least the macro's name
58 58  )))
59 59  
75 +(% class="left column50 dashboardleft"%)
76 +(((
60 60  
78 +[[[[image:macrosParams.png||style="max-width: 98%; margin-bottom: 3em;"]]>>attach:macrosParams.png]]
79 +We could also display the macro params in the header
61 61  
81 +)))
62 62  
83 +(%class='clearfloats'%)((()))
84 +
85 +=== x. Nested macros ===
86 +
87 +(% class="left column50 dashboardleft"%)
88 +(((
89 +
90 +[[[[image:nestedMacrosCollapsed.png||style="max-width: 98%; margin-bottom: 3em;"]]>>attach:nestedMacrosCollapsed.png]]
91 +)))
92 +
93 +(% class="left column50 dashboardleft"%)
94 +(((
95 +
96 +[[[[image:nestedMacrosExpanded.png||style="max-width: 98%; margin-bottom: 3em;"]]>>attach:nestedMacrosExpanded.png]]
97 +
98 +)))
99 +
100 +(%class='clearfloats'%)((()))
101 +
102 +)))
103 +
104 +
105 +
106 +
macrosNoParams.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.evalica
Size
... ... @@ -1,0 +1,1 @@
1 +37.3 KB
Content
macrosParams.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.evalica
Size
... ... @@ -1,0 +1,1 @@
1 +41.4 KB
Content
nestedMacrosCollapsed.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.evalica
Size
... ... @@ -1,0 +1,1 @@
1 +53.6 KB
Content
nestedMacrosExpanded.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.evalica
Size
... ... @@ -1,0 +1,1 @@
1 +55.9 KB
Content