Changes for page Macro Options

Summary

• Page properties (2 modified, 0 added, 0 removed)
• Attachments (0 modified, 2 added, 0 removed)
  • current.png
  • currentCollapsed.png

Details

Page properties

Parent

...	...	@@ -1,0 +1,1 @@
	1	+Improvements.HomepageContent

Content

...	...	@@ -6,67 +6,52 @@
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	13	(((
14	14	== Issues ==
	16	+* the include macro rendering is confusing because the user might think he can in-line edit the content
	17	+* trying to delete some words in the welcome message results in deleting the dashboard macro
	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
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		-
20	20	== Solution ==
	21	+* first have all macros collapsed by default
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
28	28	)))
29	29
30	30	(% class="dashboardright right column60 " %)
31	31	(((
32		-== Proposal ==
33		-
34		-=== Current ===
	27	+== 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		-
45	45	(%class='clearfloats'%)((()))
46	46
47		-=== Wireframe ===
48		-[[[[image:wireframe.png||style="max-width: 98%;"]]>>attach:wireframe.png]]
	40	+== Proposal ==
49	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	+110.3 KB

Content

currentCollapsed.png

Author

...	...	@@ -1,0 +1,1 @@
	1	+XWiki.evalica

Size

...	...	@@ -1,0 +1,1 @@
	1	+46.9 KB

Content