Questions tagged [inline-edit]
Inline edit is a design pattern that enables the user to edit text directly in the page without requiring going to a separate page or opening a dialog overlay. It makes the interaction more direct and intuitive as the user can edit the text in the same place where it is shown.
105 questions
1
vote
1
answer
2k
views
Edit and Add sections on the same page [closed]
I am trying up to come up with a good solution to add items and options on the same page. This will be done via Ajax and jQuery. This development is for the Admin back-end system.
The reason I am ...
- 240
5
votes
1
answer
719
views
Represent and edit object graphs with standard OS UI elements
In most cases the data that applications, forms and so on work with is relative flat. It means that the objects representing the data are actually nothing more than a collection of key-value pairs - ...
- 183
0
votes
1
answer
296
views
How to clearly display inline editable attributes? [duplicate]
What is the best way to display inline editable attributes among non-editable ones.
E.g. (image attached) Name and Notes can be edited, while Source and Order no. not.
7
votes
3
answers
2k
views
Invite users to inline edit not only on hover?
It's very common to indicate to the user that they can "edit in place" by changing the style of the editable content when hovered over (e.g. adding a yellow background, "click to edit" tooltip, pencil ...
- 73
0
votes
1
answer
182
views
How to handle user removing editable text from image?
I am working on in–browser editor for print products. The (relevant part of) workflow goes as following:
User sees image (technically SVG file, loaded into page DOM).
User can select certain ...
- 163
5
votes
3
answers
4k
views
Edit button or tap to edit
What is the best way to indicate edit-in-place functionality on a list view in a responsive web application? This is an in-browser application designed for mobile (not a native mobile app), so cross-...
- 662
10
votes
1
answer
2k
views
Inline editing - does it work on small screens?
I am currently working on an app (phone size, not tablet yet) project that involves an extensive profile editing section. I am generally much in favour of inline editing patterns, as it removes the ...
- 171
1
vote
1
answer
865
views
UI : How to edit, save and load a list?
I work on a list builder component that the user must be able to build easliy, save and re-open if needed. I precise that only one list can be active.
I didn't find any similar component on the web, ...
- 7,633
0
votes
3
answers
139
views
Quick way to reach the edit form in a wiki: alternative to double-click?
Many wikis offer a quick way to reach the edit form (either inline for a specific section, or on a separate page for the whole article): double-click on the page.
For me, this works really well.
When ...
- 3,966
8
votes
4
answers
7k
views
Inline vs Modal Dialog Editing for complex widgets
I am building an application where user's can create very complex widgets using a browser. The two main approaches I can think of to allow for this is inline editing and modal dialog boxes.
Unlike a ...
- 373
0
votes
2
answers
1k
views
Android: Does any app use inline editing?
I have a list with items. I want to know, if I can edit the name of the item inline. Just tap and rename the item.
Is this right to make it in android? I don´t see any app that do this...
thanks!
- 49
2
votes
3
answers
299
views
Should I combine our admin and reporting interface?
We are a software company that provides some great products, managed by an outdated admin site.
We want to re-design the admin site and create a toolbox for our clients that helps us report the data ...
- 152
1
vote
1
answer
797
views
Nested titles for grouping inline editable ordered lists
Overview
The following image provides background information for this UX problem I've encountered:
download bmml source – Wireframes created with Balsamiq Mockups
The above image shows the ...
- 225
1
vote
2
answers
192
views
Star rating and possibility to remove or change user's vote
I'd like to add star voting into my project but there is the need to allow users to edit their votes.
My idea is to add a reset button or just (much more complicated) allow a user to hover over ...
- 13
0
votes
2
answers
144
views
How to use a modal for associative actions with in place search?
I'm designing an application that presents a list of bus stops to the user in a list (html table). Every bus stop belongs to a city somewhere in the world. Once the user finds the stop he wants, he ...
- 101
1
vote
2
answers
319
views
Draggable and Edditable - How to solve?
I have elements on a web app im designing. Its sort of a WYSIWYG thing for a CMS.
The elements are boxes. There are different types of boxes, or "micro templates" as I call them.
One is a heading ...
- 519
3
votes
1
answer
576
views
Double click to edit, but how to navigate?
We are working on a online dictionary tool, e.g. you have different dictionaries that you can browse.
Now we would like the possibility to in-place-edit the settings by double-clicking on the text. ...
- 380
8
votes
5
answers
9k
views
Modal views vs popovers in iPad
I'm transitioning from an iPhone app to iPad, in the iPhone version I have a view hierarchy similar to this:
That is, an UITableView, while tapping on a cell the app navigates to another view with ...
- 591
4
votes
1
answer
8k
views
Best way of editing rows and row details of a UITableView in iOS
I have a table view which may have several items (rows), which in turn have more information that I want to be displayed in another view by tapping the row (common scenario). The point is, I'd like to ...
- 591
5
votes
1
answer
271
views
Resorting items after editing on a paginated page
We show a list of users in a paginated fashion (10 rows per page). There is a column to flip the status of an user to activate or disable. Assuming I am in the 3rd page and I am disabling a user. ...
- 421
18
votes
4
answers
3k
views
What should happen when I add a Row to a paginated, sorted list
A user wants to add an item on a sorted and paginated List. If we keep the list sorted, the item might be on another page than we're viewing and if we just add it to the top of the list it will break ...
- 1,442
2
votes
4
answers
572
views
Inline editing controls alignment
I have a list of string items which I want to use inline editing for modification. Before a user can change a string they need to hit an edit button to enter edit mode. There's also an inline delete ...
- 269
4
votes
1
answer
151
views
Alternatives to failing a form to ask for additional input
I have a simple form that asks the user to enter details about an airplane he or she has flown:
The form asks for the model of the aircraft (172, 182), it's registration (N-261GY) and its home base. ...
- 339
6
votes
1
answer
2k
views
Experience using dropdowns in-line of sentence "mad lib" style
Do you have experience implementing text inputs or drop-downs in-line with other text or forms? Is this approach any better than just creating a separate field/label?
In the example below the user ...
- 538
4
votes
1
answer
424
views
Prompt user to edit an inline-edit field
Background
Using an edit-in-place field for users to provide their name.
Problem
The phrase "Type your name" imperatively indicates that users can (and should!) type their name. However, unless the ...
- 225
26
votes
2
answers
17k
views
Inline editing vs Edit view
I've seen this question asked a few times, but none that relate to my particular scenario. I'm working on a large, complex UI that involves many user types. For this screen, there are 4 types of users:...
- 317
4
votes
2
answers
1k
views
Affordance (indication) of an editable grid
Working on a form with multiple small grids for information display and adding a new grid. (Grid is the right display here.) The business unit wants the legacy grids to remain editable with a pop-up ...
- 758
12
votes
5
answers
2k
views
What should the "save" button be called when editing inline?
In our application, users can click "rename" to perform inline editing of the name of the current document. When they're done editing the name, they click a button to save the change.
I'm trying to ...
- 1,085
1
vote
2
answers
2k
views
Shifting a view into inline-edit mode VS. dedicated edit screen?
I'm developing an iOS app, and I'm conflicted on which is the better UX choice to make. The main screen displays a nicely arranged carousel of objects, with just a few core details. The user can edit ...
- 113
12
votes
6
answers
1k
views
Does the use of a WYSIWYG editor by itself improve the UX?
As someone with a lot of background writing low-level software, I've always felt a strong dislike for WYSIWYGs such as CKEditor or TinyMCE in the browser. To me they are mostly problematic, as they ...
- 221
4
votes
4
answers
1k
views
Suitable way of editing table entries
What is the best way to enable editing in a table that only exposes a fraction of the fields? Inlay? Overlay? Separate Page?
download bmml source – Wireframes created with Balsamiq Mockups
The ...
- 751
7
votes
5
answers
2k
views
What is an appropriate UI for a prepopulated textbox that you can overwrite?
Suppose I have an edit box that gets prepopulated with text. For example, in tax prep software, there may be a function that computes a value that is displayed, but then also allows you to change that ...
- 393
7
votes
4
answers
4k
views
Updating page information - Inline vs selecting edit
I am redesigning an app from scratch, and have a little dilemma on the UX behind updating page information/editing page information.
The information can range from profile settings to user pages to ...
- 409
4
votes
2
answers
753
views
Edit button or editable nodes?
We are working to design online forms. Some forms are opened when they already have some of the user's personal information (like name and address).
The user can edit existing data, and enter ...
- 49
4
votes
5
answers
632
views
Should I allow users to edit replies in a ticketing system?
I'm making a ticket system, and on each ticket users and employees can add replies. I'm just wondering, would it be a good idea to allow users to edit replies?
A lot of web apps/websites allow users ...
- 449
2
votes
2
answers
221
views
Combining public and private interfaces on one page
In a UI like the new YouTube what is the benefit of having a separate "Video Manager" space - where you manage all your videos/ playlists over just allowing users to perform all those functions when ...
- 73
9
votes
7
answers
7k
views
What is the best way to hint that a table cell is editable?
I have a table with data, with several columns. This is a table used mostly for reading, with the possibility for a user to occasionally adjust some values. Most columns are informative only, and some ...
- 345
5
votes
4
answers
3k
views
Is it better to have an 'edit mode'?
On a page like a User profile - is it better to allow editing fields by going into an explicit "Edit Mode" where all fields become editable? Or is it better to just have all the fields have 'edit' ...
- 73
4
votes
4
answers
3k
views
Edit & save buttons - do I need them? where to place them?
I'm designing a simple app for the Android platform.
I have a page with some data, this page can be reached by two options:
create new page- input fields are empty
edit existing page- input fields ...
- 43
13
votes
3
answers
5k
views
Should edit details form be in a modal dialog or directly on the page?
I'm building a site that users can login and register on and on the Account Page I am implementing the Edit Details form. My question is, what would be best: the form be right in the page or in a pop ...
- 449
3
votes
1
answer
377
views
What's a good pattern for edit in place with hyperlinks?
I have a datagrid with many columns that I want to be able to edit in place. Some of the values in the table are hyperlinks. I want to be able to follow the hyperlinks and also edit them. The row ...
- 131
6
votes
3
answers
1k
views
Affordance of Edit In Place functionality
I want to use contenteditable as an edit-in-place mechanism. However, I'm struggling with the usability of it. The problem is that once a user clicks on the area, it's not obvious that they can edit ...
- 253
1
vote
3
answers
1k
views
How to provide keyboard navigation in editable table that includes drop downs?
I'm designing a business application.
When the user enters the main data entity in the application part of the form is tabular. Since some of the users will have an intensive usage of this ...
- 783
5
votes
2
answers
350
views
Password and in place editing
I decided to support in place editing for a simple user table.
I am not sure what i should do about password...
When i create a new user i can have a textbox to type...
When viewing i can hide then ...
- 372
7
votes
4
answers
2k
views
In place editing and advanced editing?
I am wondering what is the best way to support both in place editing at a datagrid and advanced for properties that cannot fit into a row. My first idea is to have a pencil at the left for in row ...
- 372
7
votes
3
answers
1k
views
What problems could arise from displaying a label inside a textbox during data entry?
Just made the finishing touches on a new technique I developed for using a label in a textbox.
Here is the live demonstration: http://powabunga.nfshost.com/bestform/
There were a few things I was ...
- 902