[xwiki-devs] [Preview] Color theme wizard
Hi devs, Taking advantage of the less noisy period of the holidays, Flavius, Marta and myself have developed a new wizard for editing color themes, much more "WYSIWYG". It still needs work, but the current version is already very usable, so it should go through an UI review. To test it, just try to edit any color theme on the incubator: http://incubator.myxwiki.org/xwiki/bin/view/ColorThemes/ Comments and suggestions welcome. -- Sergiu Dumitriu http://purl.org/net/sergiu/
On Jan 4, 2010, at 10:51 AM, Sergiu Dumitriu wrote:
Hi devs,
Taking advantage of the less noisy period of the holidays, Flavius, Marta and myself have developed a new wizard for editing color themes, much more "WYSIWYG". It still needs work, but the current version is already very usable, so it should go through an UI review.
To test it, just try to edit any color theme on the incubator:
http://incubator.myxwiki.org/xwiki/bin/view/ColorThemes/
Comments and suggestions welcome.
wow, that's impressive! Much nicer than before. Thanks -Vincent
On Mon, Jan 4, 2010 at 10:51, Sergiu Dumitriu <[email protected]> wrote:
Hi devs,
Taking advantage of the less noisy period of the holidays, Flavius, Marta and myself have developed a new wizard for editing color themes, much more "WYSIWYG". It still needs work, but the current version is already very usable, so it should go through an UI review.
To test it, just try to edit any color theme on the incubator:
http://incubator.myxwiki.org/xwiki/bin/view/ColorThemes/
Comments and suggestions welcome.
I'm testing with http://incubator.myxwiki.org/xwiki/bin/inline/ColorThemes/Halloween Would be useful to be able to change the menu backgroud from document/tab menu and not only from wiki menu.
-- Sergiu Dumitriu http://purl.org/net/sergiu/ _______________________________________________ devs mailing list [email protected] http://lists.xwiki.org/mailman/listinfo/devs
-- Thomas Mortagne
On Mon, Jan 4, 2010 at 11:05, Thomas Mortagne <[email protected]> wrote:
On Mon, Jan 4, 2010 at 10:51, Sergiu Dumitriu <[email protected]> wrote:
Hi devs,
Taking advantage of the less noisy period of the holidays, Flavius, Marta and myself have developed a new wizard for editing color themes, much more "WYSIWYG". It still needs work, but the current version is already very usable, so it should go through an UI review.
To test it, just try to edit any color theme on the incubator:
http://incubator.myxwiki.org/xwiki/bin/view/ColorThemes/
Comments and suggestions welcome.
I'm testing with http://incubator.myxwiki.org/xwiki/bin/inline/ColorThemes/Halloween
Would be useful to be able to change the menu backgroud from document/tab menu and not only from wiki menu.
BTW it's great anyway ;)
-- Sergiu Dumitriu http://purl.org/net/sergiu/ _______________________________________________ devs mailing list [email protected] http://lists.xwiki.org/mailman/listinfo/devs
-- Thomas Mortagne
-- Thomas Mortagne
On 01/04/2010 11:05 AM, Thomas Mortagne wrote:
On Mon, Jan 4, 2010 at 10:51, Sergiu Dumitriu<[email protected]> wrote:
Hi devs,
Taking advantage of the less noisy period of the holidays, Flavius, Marta and myself have developed a new wizard for editing color themes, much more "WYSIWYG". It still needs work, but the current version is already very usable, so it should go through an UI review.
To test it, just try to edit any color theme on the incubator:
http://incubator.myxwiki.org/xwiki/bin/view/ColorThemes/
Comments and suggestions welcome.
I'm testing with http://incubator.myxwiki.org/xwiki/bin/inline/ColorThemes/Halloween
Would be useful to be able to change the menu backgroud from document/tab menu and not only from wiki menu.
That would be bad because: - it could make users believe that they could be changed independently, leading to confusion/frustration - it would be hard (but doable) to deal with one property being edited in several input fields (note that you can open several pickers at a time) + But it would be good because currently the user has to guess where the background for the bottom tabs is changed. An alternative is to make sure that just one trigger is displayed when hovering an editable element, and then display the main menu trigger also when hovering the content menu and the tabs. Still, this is the only property that has this problem, isn't it too much overhead just for it? -- Sergiu Dumitriu http://purl.org/net/sergiu/
On 1/4/10 10:51 AM, Sergiu Dumitriu wrote:
Hi devs,
Taking advantage of the less noisy period of the holidays, Flavius, Marta and myself have developed a new wizard for editing color themes, much more "WYSIWYG". It still needs work, but the current version is already very usable, so it should go through an UI review.
To test it, just try to edit any color theme on the incubator:
http://incubator.myxwiki.org/xwiki/bin/view/ColorThemes/
Comments and suggestions welcome.
very nice, I like it ! Jerome.
Very impressive! ps: there's 2 validation errors ;) JV. On Mon, Jan 4, 2010 at 10:51 AM, Sergiu Dumitriu <[email protected]> wrote:
Hi devs,
Taking advantage of the less noisy period of the holidays, Flavius, Marta and myself have developed a new wizard for editing color themes, much more "WYSIWYG". It still needs work, but the current version is already very usable, so it should go through an UI review.
To test it, just try to edit any color theme on the incubator:
http://incubator.myxwiki.org/xwiki/bin/view/ColorThemes/
Comments and suggestions welcome. -- Sergiu Dumitriu http://purl.org/net/sergiu/ _______________________________________________ devs mailing list [email protected] http://lists.xwiki.org/mailman/listinfo/devs
On 01/04/2010 11:46 AM, Jean-Vincent Drean wrote:
Very impressive!
ps: there's 2 validation errors ;)
One is caused by the rendering, it creates a <p> around the <div> inside the {{html}} macro. I had the same problem with the DeletedDocuments. Should be investigated by Thomas. The other one is from the Gadgets panel, so not related to the wizard.
JV.
On Mon, Jan 4, 2010 at 10:51 AM, Sergiu Dumitriu<[email protected]> wrote:
Hi devs,
Taking advantage of the less noisy period of the holidays, Flavius, Marta and myself have developed a new wizard for editing color themes, much more "WYSIWYG". It still needs work, but the current version is already very usable, so it should go through an UI review.
To test it, just try to edit any color theme on the incubator:
http://incubator.myxwiki.org/xwiki/bin/view/ColorThemes/
Comments and suggestions welcome.
-- Sergiu Dumitriu http://purl.org/net/sergiu/
On Mon, Jan 4, 2010 at 11:59, Sergiu Dumitriu <[email protected]> wrote:
On 01/04/2010 11:46 AM, Jean-Vincent Drean wrote:
Very impressive!
ps: there's 2 validation errors ;)
One is caused by the rendering, it creates a <p> around the <div> inside the {{html}} macro. I had the same problem with the DeletedDocuments. Should be investigated by Thomas.
What is the exact use case ? Last time we spoke about something like that it was a bug in your script.
The other one is from the Gadgets panel, so not related to the wizard.
JV.
On Mon, Jan 4, 2010 at 10:51 AM, Sergiu Dumitriu<[email protected]> wrote:
Hi devs,
Taking advantage of the less noisy period of the holidays, Flavius, Marta and myself have developed a new wizard for editing color themes, much more "WYSIWYG". It still needs work, but the current version is already very usable, so it should go through an UI review.
To test it, just try to edit any color theme on the incubator:
http://incubator.myxwiki.org/xwiki/bin/view/ColorThemes/
Comments and suggestions welcome.
-- Sergiu Dumitriu http://purl.org/net/sergiu/ _______________________________________________ devs mailing list [email protected] http://lists.xwiki.org/mailman/listinfo/devs
-- Thomas Mortagne
On 01/04/2010 12:20 PM, Thomas Mortagne wrote:
On Mon, Jan 4, 2010 at 11:59, Sergiu Dumitriu<[email protected]> wrote:
On 01/04/2010 11:46 AM, Jean-Vincent Drean wrote:
Very impressive!
ps: there's 2 validation errors ;)
One is caused by the rendering, it creates a<p> around the<div> inside the {{html}} macro. I had the same problem with the DeletedDocuments. Should be investigated by Thomas.
What is the exact use case ? Last time we spoke about something like that it was a bug in your script.
My real problem is with http://svn.xwiki.org/svnroot/xwiki/enterprise/trunk/wiki/src/main/resources/... If you look at commit 25983, the only difference is that I reordered the branches of the topmost #if, which means that in the end the same output is generated. Yet, with the HTML generated on the #else branch it generates a <p>. http://markmail.org/message/jmybgcfa72uqpkvu
The other one is from the Gadgets panel, so not related to the wizard.
JV.
On Mon, Jan 4, 2010 at 10:51 AM, Sergiu Dumitriu<[email protected]> wrote:
Hi devs,
Taking advantage of the less noisy period of the holidays, Flavius, Marta and myself have developed a new wizard for editing color themes, much more "WYSIWYG". It still needs work, but the current version is already very usable, so it should go through an UI review.
To test it, just try to edit any color theme on the incubator:
http://incubator.myxwiki.org/xwiki/bin/view/ColorThemes/
Comments and suggestions welcome.
-- Sergiu Dumitriu http://purl.org/net/sergiu/
On Mon, Jan 4, 2010 at 13:26, Sergiu Dumitriu <[email protected]> wrote:
On 01/04/2010 12:20 PM, Thomas Mortagne wrote:
On Mon, Jan 4, 2010 at 11:59, Sergiu Dumitriu<[email protected]> wrote:
On 01/04/2010 11:46 AM, Jean-Vincent Drean wrote:
Very impressive!
ps: there's 2 validation errors ;)
One is caused by the rendering, it creates a<p> around the<div> inside the {{html}} macro. I had the same problem with the DeletedDocuments. Should be investigated by Thomas.
What is the exact use case ? Last time we spoke about something like that it was a bug in your script.
My real problem is with http://svn.xwiki.org/svnroot/xwiki/enterprise/trunk/wiki/src/main/resources/...
If you look at commit 25983, the only difference is that I reordered the branches of the topmost #if, which means that in the end the same output is generated. Yet, with the HTML generated on the #else branch it generates a <p>.
It's not very easy to see where is the issue from velocity could you get the generated xwiki/2.0 syntax with which you have issue ? I guess you had to look at it if you say it's a rendering issue and not a script issue.
The other one is from the Gadgets panel, so not related to the wizard.
JV.
On Mon, Jan 4, 2010 at 10:51 AM, Sergiu Dumitriu<[email protected]> wrote:
Hi devs,
Taking advantage of the less noisy period of the holidays, Flavius, Marta and myself have developed a new wizard for editing color themes, much more "WYSIWYG". It still needs work, but the current version is already very usable, so it should go through an UI review.
To test it, just try to edit any color theme on the incubator:
http://incubator.myxwiki.org/xwiki/bin/view/ColorThemes/
Comments and suggestions welcome.
-- Sergiu Dumitriu http://purl.org/net/sergiu/ _______________________________________________ devs mailing list [email protected] http://lists.xwiki.org/mailman/listinfo/devs
-- Thomas Mortagne
Hi, Very nice :P ___Remarks on the current UI___: 1. The position for the palette.gif is not constant (down for main containers, up for the rest); 2. The palette.gif representing #xwikimaincontainter and #mainContentArea are always visible when hovering on other child elements. This is not good if you consider palette to be an indicator of the current changeable element. 3. You can open all the .colorthemewizard-picker but they overlap, so there's no advantage in keeping them open and not close them when you click somewhere else. 4. The color change for Panel Header Background color is not visible because the box is overlapping the element. Same for Collapsed panel, Informative text, etc. 5. When hovering the palette.gif we should display a helpful text. ___Other thoughts___: The main problems are that I don't know how many variables I have and what is the relation between them. Would be nice to have an "Advanced" expandable area, just like the old representation, where I can see all the variables, this way I have an overview of the current variables. This would also help the rapidity of changing one color. I need to change only the border color (which is not very obvious to find in the tables area), I need to search for it and randomly click until I find it. I can't just simply go to its variable location and change it. If you think Object Editor is enough we can leave it. Another idea would be to have a Status bar. When hovering an area, the Status bar shows the variables available: Ex. Hovering the logo, I should see that I can change 3 variables: Page header background color, Banner image, Banner position. This would help findability.
___Remarks on the current UI___ 6. When I change the color using the palette wheel: the input color is changing on every click, but the ColorThemes preview does not reflect the change, unless I close the wheel. 7. How can I undo the color change made with the wheel? Do I need to Cancel the editor mode every time? How about an Undo? 8. How about a reset? This is actually done by Cancel for the edit mode. ___Other thoughts___: When changing a variable color, we could show the relation between affected elements by adding opacity for the rest of the elements.
Hi, The new wizard looks very nice. I have a suggestion for the boxes. Let's say you click on a palette, the box appears and you make some changes to the colors. For the changes to take place you then have to click on the "X" at the top right corner. I suggest we have a "Done" button instead. Even if it takes more space, it describes better the user's intent to apply the changes he made. "X" could be interpreted as canceling the modifications. Silvia Sergiu Dumitriu-2 wrote:
Hi devs,
Taking advantage of the less noisy period of the holidays, Flavius, Marta and myself have developed a new wizard for editing color themes, much more "WYSIWYG". It still needs work, but the current version is already very usable, so it should go through an UI review.
To test it, just try to edit any color theme on the incubator:
http://incubator.myxwiki.org/xwiki/bin/view/ColorThemes/
Comments and suggestions welcome. -- Sergiu Dumitriu http://purl.org/net/sergiu/ _______________________________________________ devs mailing list [email protected] http://lists.xwiki.org/mailman/listinfo/devs
----- Silvia Rusu Tester & Documentation Writer - XWiki http://twitter.com/silviarusu -- View this message in context: http://n2.nabble.com/Preview-Color-theme-wizard-tp4249277p4250693.html Sent from the XWiki- Dev mailing list archive at Nabble.com.
participants (7)
-
Ecaterina Valica -
Jean-Vincent Drean -
Jerome Velociter -
Sergiu Dumitriu -
Silvia Rusu -
Thomas Mortagne -
Vincent Massol