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.

learn more… | top users | synonyms (1)

2
votes
2answers
109 views

Add Another Item - best pattern for modals

For this application I am designing, we need to add one or many items to a grid. We have chosen to add the items via a modal dialog due to complexity in certain scenarios that would not be possible ...
2
votes
2answers
132 views

What is the resistance or usability considerations for new or interactive inline text behaviours?

I cam across one of Bret Victor's interesting musing about inline spellchecker behaviour where he proposed a couple of alternatives to the popup box for spellcheck suggestions. I thought that the ...
4
votes
3answers
304 views

Inline table edits: how to make it quick to edit?

I'm dealing with a data table with a large number of columns and rows. Because there are so many columns, I'm thinking of putting in something that scrolls horizontally and vertically while fixing the ...
0
votes
2answers
108 views

Inline Editing v Section below grid to edit

Is inline edit good UX? Which is a better way to edit a grid, providing an inline edit option or providing a view below the grid, (display additional details and provide editable fields)?
5
votes
2answers
1k 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 ...
1
vote
4answers
359 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 ...
3
votes
1answer
309 views

What is the best approach to show inline-edit without any value?

There is a form which contains inline-edit fields, but some fields don't have any value. Currently I'm displaying just red label with value "Empty field". But some people say, that this isn't clear ...
0
votes
1answer
71 views

Cleanest method for images in form

I have a editable page that acts as a form, and was wondering how to incorporate images into it. Currently, it looks like this: Clicking on the spriteId or name fields that have a darker background ...
0
votes
0answers
132 views

Inline editing for a list of items

I have two pages. Page 1. A detail page which displays a record setting, but also allows inline editing. Page 2. An edit page which allows the user to modify the record using inputs, select menus, ...
0
votes
2answers
82 views

Prompting user for password input with inline editing

I have a page where the user can edit their settings using inline editing. https://jsfiddle.net/ahw97j7r/3/embedded/result/ Useless stuff just updates the database, but Password and Email are a ...
0
votes
1answer
249 views

Intuitive Inline editing

I have an edit page with a bunch of select menus, text inputs, and radio buttons, and a save button. Upon clicking the save button, a detail page is displayed with text of the given select menus, ...
0
votes
1answer
43 views

Should an app auto fill information for editing?

I have an app that stores previously saved information, for viewing and editing. When it is edited, the user chooses which piece of info (from a list) and can then currently change the sections. I ...
1
vote
1answer
155 views

Inline-editable list item doubling as link to detail page

I have a relatively simple list of events where all information (name and date) is editable inline: As can be seen in the screenshot, I currently have a "Details" button for heading into a more ...
0
votes
1answer
147 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 ...
4
votes
1answer
156 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 - ...
3
votes
3answers
551 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 ...
0
votes
4answers
640 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 ...
2
votes
3answers
192 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 ...
0
votes
1answer
189 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.
4
votes
3answers
534 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 ...
0
votes
1answer
93 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 ...
7
votes
1answer
436 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 ...
0
votes
3answers
78 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
votes
3answers
2k views

Real example of inline edit [closed]

I am looking for an example of use of inline edit pattern (one of the Yahoo! Patterns library) for my work in the University. I founded examples of Table Edit (like spreadsheet) but this patterns ...
1
vote
1answer
115 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, ...
0
votes
2answers
405 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!
1
vote
1answer
315 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 ...
1
vote
2answers
88 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 ...
0
votes
2answers
99 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 ...
1
vote
2answers
189 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 ...
5
votes
5answers
388 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 ...
6
votes
5answers
5k 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 ...
2
votes
1answer
186 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. ...
5
votes
2answers
263 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 ...
3
votes
1answer
5k 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 ...
5
votes
1answer
174 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. ...
4
votes
1answer
614 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 ...
4
votes
1answer
107 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 ...
11
votes
4answers
541 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 ...
4
votes
1answer
305 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 ...
1
vote
2answers
809 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 ...
11
votes
3answers
691 views

Should I put view and edit on the same form?

We're working on a new management console for an online service. The management console consists of about 30 forms as well as lots of reporting and various other goings-on. My developers have moved ...
4
votes
4answers
1k 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 ...
8
votes
2answers
3k 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 ...
21
votes
4answers
5k views

Inline editing or modal popup

I'm interested to know what would be best the option from a UX perspective. I have a table in which i need to decide if i should edit each row with inline editing where you can click on each item in ...
4
votes
2answers
471 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 ...
2
votes
2answers
180 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 ...
12
votes
5answers
641 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 ...
12
votes
6answers
729 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 ...
4
votes
4answers
564 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 ...