Stack Exchange Network

Stack Exchange network consists of 175 Q&A communities including Stack Overflow, the largest, most trusted online community for developers to learn, share their knowledge, and build their careers.

Visit Stack Exchange

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.

4
votes
1answer
98 views

Should “Enter” create a large or small line spacing on text editors?

On some popular rich text editors like CKEditor, the default behaviour for pressing "Enter" is to create a new paragraph (a <p> tag), while on the others, like the textarea here on Stackexchange,...
0
votes
1answer
277 views

Is it a bad practice to display both editable and non-editable fields together in a CRM-style interface?

Hi! I'm designing a CRM-style experience to help nurses manage their daily tasks, and I'm running into a bit of a dilemma. I want nurses to be able to quickly edit the "Due Date" and "Task Status" of ...
0
votes
2answers
100 views

How to open inline text editor not selecting a text?

There is inline text editor which opens when you select some text. You can also insert images using the editor, but first you have to select text. This approach looks a bit silly to me, so I'm ...
2
votes
3answers
143 views

Does it make sense to display error messages for in-place editing?

In place editing definition: A label fields that when I click turns into an input field and allows me to type modify the text. Then either by clicking out or pressing tab it will automatically save ...
0
votes
2answers
104 views

In-line editing, display at the top or the bottom of a list?

I'm working with a nested list view. In order to add data to the list, the user initially sees an "add" button. Clicking this add button prompts a search bar where the user can then search for the ...
0
votes
2answers
597 views

inline editing- save/cancel button or auto save?

I am working on an grid that has a few editable cells. Users will be able to change things like entity name, budget, etc. I have an option to make the editable grid "spreadsheet like" with auto save. ...
1
vote
3answers
157 views

Edit a record added on the page

I have a page where optionally the user can add items that will appear on the table that will then be submitted to the server. The user may remove items added to the table, or they can choose to edit ...
0
votes
1answer
190 views

Forms vs Inline Edition Tables

Before I explain my problem let me give you some background. The way our web application is being built I don't have control at all on the distribution of the inputs of our forms, they are being built ...
13
votes
4answers
9k views

Editable table in material design

we're designing a web application in material design and we have an editable table there - something like this: Any suggestion on how to indicate the editable fields, if not all columns are editable? ...
1
vote
1answer
295 views

Data tables/grids in task based UIs

I'm designing a business web application. I'm leaning towards a task based UI style, but I'm facing a challenge regarding the creation of complex entities such as orders, composed of order lines. A ...
2
votes
1answer
953 views

Data table: inline edit - save/cancel on other action?

I'm working on a data table and each line is editable. It's obvious what happens if you click on update or cancel, but what should happen if the editable row is out of view (click on another page of ...
1
vote
4answers
939 views

What is the best UI for overwriting previously saved values?

I am working on designing a standard for how overwrites should be handled on our software. I have come up with a couple different options for when a user needs to make changes to values that they ...
2
votes
2answers
202 views

Do toggle switches need edit buttons

I like the idea of allowing the user to toggle a toggle switch without clicking and edit button first to reduce the number of "modes." But what to do when some fields will need to transform to become ...
2
votes
1answer
73 views

Collage Designer App - Edit a single image

I'm currently developing a responsive web app that allows the user to create an image collage. The user has a pool of uploaded images that can be arranged in a predefined grid. The upcoming image ...
1
vote
3answers
434 views

I wish to show the users that an item already edited. What visual affordance can be used for this?

To have awareness on interacting for the second time, the user is able to differentiate between edited and non edited items. Here is a picture of the element :
8
votes
7answers
767 views

Nested edit states. What to do when edits are save-able at local and global level?

We are making a solution where a user is supposed to evaluate a number of requirements and laws. These evaluations all happen on one page, and the requirement/law is evaluated one at at time - all the ...
4
votes
1answer
1k views

View mode or always in edit mode

I have a table with an accordion expander for viewing additional information. By default the data is presented in view mode with a button to click edit. I have received in-office feedback that it ...
1
vote
2answers
839 views

Save/Cancel action for inline editing

I have some content which is usually displayed, but the user can edit it by clicking an icon. Please see http://jsbin.com/kotesudenu for a demo. How should the user be able save the data and close ...
1
vote
3answers
355 views

Click-to-edit and click-n-drag combined

I'm considering an option to combine two behaviours in a list: Click to edit an item (like in Asana) Click-n-drag an item (like in JIRA) As illustrated in the screenshots, the cursor in both ...
0
votes
1answer
590 views

best ux for users to input multiple strings

I have a web form where in users may input a list of names similar to: Mike, Joe, Ann, Sam The UI should allow for simple edits. This data will be saved and displayed on another page for ...
2
votes
2answers
270 views

Inline Editing for Select Lists?

Our application is very heavy on data entry and must display pertinent data quickly and in an easy to peruse format. We have been moving towards an inline edit functionality wherein forms are by ...
1
vote
2answers
201 views

Integrate lookup and edit functionality

I've looked at a few of the other similar questions, but I don't think they are the same kind of problem. I am trying to design to link a person to an item. The page supports free text entry for the ...
3
votes
2answers
1k 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 ...
0
votes
2answers
992 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)?
3
votes
1answer
1k 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
106 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
2answers
152 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 bit ...
3
votes
3answers
308 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 ...
0
votes
1answer
832 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
91 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
567 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 ...
6
votes
3answers
1k 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 ...
1
vote
1answer
1k 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 ...
5
votes
1answer
617 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 - ...
0
votes
1answer
268 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.
5
votes
3answers
1k 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
161 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 ...
3
votes
3answers
2k 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-...
9
votes
1answer
1k 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 ...
1
vote
1answer
462 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
3answers
115 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 ...
7
votes
3answers
4k 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 ...
0
votes
2answers
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!
2
votes
3answers
247 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 ...
1
vote
1answer
574 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 ...
1
vote
2answers
133 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
127 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
261 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 ...
3
votes
1answer
289 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. ...
7
votes
5answers
8k 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 ...