<html>
<head>
<base href="https://bugs.documentfoundation.org/">
</head>
<body>
<p>
<div>
<b><a class="bz_bug_link
bz_status_NEW "
title="NEW - Provide a live preview of changes when creating or editing a pivot table"
href="https://bugs.documentfoundation.org/show_bug.cgi?id=131654#c5">Comment # 5</a>
on <a class="bz_bug_link
bz_status_NEW "
title="NEW - Provide a live preview of changes when creating or editing a pivot table"
href="https://bugs.documentfoundation.org/show_bug.cgi?id=131654">bug 131654</a>
from <span class="vcard"><a class="email" href="mailto:nekohayo@gmail.com" title="Jean-François Fortin Tam <nekohayo@gmail.com>"> <span class="fn">Jean-François Fortin Tam</span></a>
</span></b>
<pre>Just a thought: if I recall correctly, Excel does the live previewing directly
on the canvas (essentially WYSIWYG) instead of in the properties dialog. Have
you considered this avenue? Probably more complex to implement though.
Your mockup is a step in the right direction with the fact that the "Available
Fields" portion is on the left instead of the right, I already like that
change; maybe then it's a matter of styling + headers to make it more evident,
with a vertical separator (or sidebar styling, somehow) between that area and
the rest?
As for the notion of "targets" and add/remove arrow buttons, this could be
complex and a bit cluttered from a UI interaction perspective. Wouldn't it be
simpler and cleaner to have the drag-and-drop nature of the dialog be made more
evident than the current implementation, for example having the "Drag the Items
into the Desired position" label be repositioned at the top, left-aligned, with
clearer wording ("Drag items from the available fields into the desired column,
row or data fields")? Or perhaps that label could be put right underneath the
"Available Fields:" header, but then this wouldn't reflect the fact that you
can drag from any area to any other area.
The alternative — if you prefer to save space, eliminate the "Available Fields
is not visually distinct enough from other field areas" problem, and not
strictly depend on drag-and-drop — is to use inline toolbars and GtkPopover
widgets (and the equivalent on other platforms). For instance, under each of
Column, Row and Data field listview widgets, you could have a small toolbar
(with the "inline-toolbar" styling class) containing these standard inline
buttons: +, -, top, up, down, bottom
...and clicking the + would open a GtkPopover containing the list of "Available
Fields" to add into the current field area.</pre>
</div>
</p>
<hr>
<span>You are receiving this mail because:</span>
<ul>
<li>You are the assignee for the bug.</li>
</ul>
</body>
</html>