Changes for page Macro Options
Last modified by Ecaterina Moraru on 2013/11/13 12:50
From version 1.1
edited by Ecaterina Valica
on 2012/06/12 16:50
on 2012/06/12 16:50
Change comment:
There is no comment for this version
To version 2.1
edited by Ecaterina Valica
on 2012/06/12 16:55
on 2012/06/12 16:55
Change comment:
Upload new image current.png
Summary
-
Page properties (2 modified, 0 added, 0 removed)
-
Attachments (0 modified, 1 added, 0 removed)
Details
- Page properties
-
- Parent
-
... ... @@ -1,0 +1,1 @@ 1 +Improvements.HomepageContent - Content
-
... ... @@ -6,7 +6,8 @@ 6 6 == Community Feedback == 7 7 8 8 {{info}} 9 -[UX][Idea] Render Switches http://xwiki.markmail.org/thread/jwbbz4ypjqcpwral 9 +[UX][Idea] 10 +[users] Making it user-friendly to edit pages with macros for new users (was Re: Need some Help & Explanations) http://xwiki.markmail.org/thread/rnhe6tl3x7snquz7 10 10 {{/info}} 11 11 12 12 (% class="left column40 dashboardleft" %) ... ... @@ -13,18 +13,10 @@ 13 13 ((( 14 14 == Issues == 15 15 16 -* Hard for users to make the difference between inputs that can contain velocity code and text only inputs 17 -* Hard for users to understand what the velocity code will render 18 -* Hard for simple users to map what they see in view mode with the velocity code in edit mode 19 19 20 20 == Solution == 21 21 22 -* Have a switch attached to velocity enabled inputs that switch the content from velocity code to rendered content 23 -* The switch acts like an inline preview of the velocity code 24 -* It can be implemented using JS, having a css class hook (like .hasVelocity) to desired inputs 25 -* The default state of the inputs (syntax/rendered) can be customized in the Profile 26 -* The default state should be 'rendered' for simple user and can be 'syntax' to advanced users 27 -* For performance issues the switch should be done at least on demand 20 + 28 28 ))) 29 29 30 30 (% class="dashboardright right column60 " %) ... ... @@ -32,41 +32,32 @@ 32 32 == Proposal == 33 33 34 34 === Current === 28 +(% class="left column50 dashboardleft"%) 29 +((( 35 35 [[[[image:current.png||style="max-width: 98%; margin-bottom: 3em;"]]>>attach:current.png]] 31 +))) 36 36 37 -=== Rendered Input == 38 -[[[[image:rendered.png||style="max-width: 98%;"]]>>attach:rendered.png]] 39 -[[[[image:renderedTitle.png||style="max-width: 98%;"]]>>attach:renderedTitle.png]] 33 +(% class="left column50 dashboardleft"%) 34 +((( 35 +[[[[image:currentCollapsed.png||style="max-width: 98%; margin-bottom: 3em;"]]>>attach:currentCollapsed.png]] 36 +))) 40 40 41 -=== Syntax Input === 42 -[[[[image:syntax.png||style="max-width: 98%;"]]>>attach:syntax.png]] 43 -[[[[image:syntaxTitle.png||style="max-width: 98%;"]]>>attach:syntaxTitle.png]] 44 44 45 45 (%class='clearfloats'%)((())) 46 46 47 -=== Wireframe === 48 -[[[[image:wireframe.png||style="max-width: 98%;"]]>>attach:wireframe.png]] 49 - 50 -(%class='clearfloats'%)((())) 51 - 52 -=== In the wild === 53 - 54 54 (% class="left column33 dashboardleft"%) 55 55 ((( 56 56 57 -[[[[image:Homepage.png||style="border: 1px dotted #DFDFF2; max-width: 90%;"]]>>attach:Homepage.png]] 58 58 ))) 59 59 60 60 (% class="left column33 dashboardleft"%) 61 61 ((( 62 62 63 -[[[[image:Welcome gadget.png||style="border: 1px dotted #DFDFF2; max-width: 90%;"]]>>attach:Welcome gadget.png]] 64 64 ))) 65 65 66 66 (% class="left column33 dashboardright" %) 67 67 ((( 68 68 69 -[[[[image:Search.png||style="border: 1px dotted #DFDFF2; max-width: 90%;"]]>>attach:Search.png]] 70 70 ))) 71 71 72 72 (%class='clearfloats'%)((()))
- current.png
-
- Author
-
... ... @@ -1,0 +1,1 @@ 1 +XWiki.evalica - Size
-
... ... @@ -1,0 +1,1 @@ 1 +109.7 KB - Content