Comments (15)
Something to think about.
One thing that we should consider is the fact that clicking the parent page (= the next paper in the stack) will close all nested pages. So the different sheets of paper are like breadcrumbs you can use to navigate. This will be more clear, when we finished writing the documentation.
I still think that an icon/more visual prompt to edit should be considered.
Just so we are talking about the same thing: we do have an icon. A page icon. You don't seek something more visual, you're just not convinced that the metaphore works. Right?
:)
from association_ui_editor.
Thanks Nils, Breadcrumbs are a good thing in this instance yes, I just feel it takes up a lot of real estate at present.
With regards to the icon, is it worth a text prompt/tooltip or something? we have remove
as a block of text and edit
is in the same context for applying an action to the item. the page icon feels too much like it's the instigator for drag/drop re-ordering right now.. is it worth shifting it from the edge of the item and make it clearly visible all the way around it?
Or does that look too much like a menu icon now?
from association_ui_editor.
Personally, I have to say that I'm not fond of a drag indicator at all. We don't use it in the Symphony interface and the user already gets a drag cursor. If you have to explain to your users what the drag cursor means, you'll also have to explain to them what a drag indicator means. Additionally, if you have a drag indicator, people tend to think that that's the only area that can be used to drag, which is wrong – it works on the entire row.
So for me it's already a design compromise to have it in the interface at all.
the page icon feels too much like it's the instigator for drag/drop re-ordering right now.
It does look like this at your place, does it?
from association_ui_editor.
Nope...
So there in lies the problem then :) I don't see that icon at all! missing svg maybe? using Chrome on mac.
from association_ui_editor.
A different idea: How about making the caption a link which opens the editor? Much like it works in the section overview.
from association_ui_editor.
Ha, okay.
from association_ui_editor.
It's always the little things :)
from association_ui_editor.
The thing is: it works just fine in Chrome here. Strange. It's an SVG image.
Which Chrome version do you use?
from association_ui_editor.
And to further clarify things:
The lines you see on the left of the row is the drag indicator, that grey paper is the trigger for the page editor.
from association_ui_editor.
Andrew, can you check, if you see the icon in other browsers?
from association_ui_editor.
I'll check now.
from association_ui_editor.
I don't see the icon in Chrome: Version 36.0.1985.125 on OSX Mavericks
I see the icon in: Firefox v30
I don't see the icon in: Safari 7.0.5 (9537.77.4)
from association_ui_editor.
Let's move here: #17
from association_ui_editor.
Regarding the child headers, let's consider this for version 1.1.0.
from association_ui_editor.
Agree.
from association_ui_editor.
Related Issues (20)
- aui-editor padding HOT 2
- Incorrect Minimum Editor Height HOT 5
- Association Editor 'Create New' doesn't allow editing HOT 2
- Overlapping Remove Action
- Sorting Conflicts HOT 2
- Add Documentation to Readme
- Editor Icon Missing HOT 17
- Create new Child Association button expands whole row
- Suggestion: Different edit icon HOT 4
- Minor error when changing the association source with pre-existing entries HOT 2
- Can't edit an entry after selection until the section entry is saved HOT 7
- 'Create new' overlay trigger from any field HOT 2
- Drawer shown in Editor
- Create New doesn't handle multiple sections HOT 1
- 2.6.7 support?
- Suggestion: Busy animation
- PHP 7.2 – $provides must be protected (as in class Extension) HOT 1
- Closing Causes Error in Webkit HOT 7
- Editor icon not visible on Editor (Create new) HOT 6
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from association_ui_editor.