Questions tagged [textbox]

A text box, text field or text entry box is a graphical control element intended to enable the user to input text information to be used by the program. Human Interface Guidelines recommend a single-line text box when only one line of input is required, and a multi-line text box only if more than one line of input may be required. Non-editable text boxes can serve the purpose of simply displaying text.

Filter by
Sorted by
Tagged with
1
vote
1answer
195 views

Is the full behaviour of textboxes documented anywhere?

PC games often have to build their own UI widgets (buttons, input textboxes, etc). Fortunately it's relatively trivial to write one's own textbox from scratch given only a 2D drawing API and user-...
3
votes
1answer
55 views

Multi-Line Text Box vs Single Line Text Box

We have a 'Notes' section in several of our webpages that is currently only displayed as a single line text box. We tend to get short responses (5-7 words) describing what they need. This almost ...
0
votes
1answer
35 views

Accessibly of input field's frames

When I look around, I see many websites, apps, and forms consist of text-fields that have a grayish frame. Do text fields have any accessibility rules when it comes to frame's contrast? Is it ok to ...
4
votes
1answer
130 views

What is the best way to clear text inside a text box?

Usually When using expandable text boxes there isn't a way to clear them unless having a reset button underneath which won't work very well when displaying information in a grid. What do you think is ...
0
votes
1answer
19 views

Is there a specification for OS-default mouse and keyboard text navigation and selection behavior?

On desktop platforms, each OS has a (relatively similar) set of behavior for text input navigation and selection. Some simple things include moving the cursor left, right, up, and down when tapping ...
2
votes
1answer
58 views

Why can't you reduce a selection from the beginning after selecting everything in a text input field?

I've noticed that when you select all (using ctrl+a, or some other method) you can only reduce the selection from the end. ie: by holding shift and pressing left you can reduce the selection from the ...
1
vote
1answer
39 views

Handling too long pre-fill text on text boxes

I'm designing a form for multiple languages on mobile. in english the prefill text is not too long, but when the translations e.g. russian, what's the best way to handle when it ends up being longer ...
0
votes
1answer
56 views

How to decide a text box length based on the text size? [closed]

If I have a fixed text width, let's say 35 characters, I know the font and font size, Arial Regular 13, how can I calculate the size of the text box required to fit in the text? Is there a formula or ...
1
vote
4answers
65 views

Currency text input - currency changes based on the date

I'm designing an inflation calculator. It's for a country that had three different currencies in the past 70 years. That means if you set a specific date, the entered value would be accepted in the ...
2
votes
1answer
96 views

Size of text fields in a form

I know that the size of text fields should be based on the expected which user will type but what if in web there are dropdowns (which are along with text field in a form) requires more space and ...
1
vote
1answer
41 views

Overflowing content in textarea - default scrollbar or dynamically increase height?

When a textarea has overflowing content, should we keep its default behaviour, meaning it will have a scrollbar on the right, or should the height dynamically increase? Which one do you think is a ...
0
votes
0answers
48 views

Text input with links without using markdown-like conventions?

How to make a usable and understandable solution to provide (non-webmaster) user with the way to input text with one or more hyperlinks in it? Markdown-like solutions, which require the user to follow ...
13
votes
5answers
1k views

Does the height of an input field affect UX?

Overview I'm working on a project that includes an in-browser Chat feature. We're looking for ways to improve the UX. Problem Today, our online chat UI offers a textareathat allows customers to ...
5
votes
5answers
2k views

What is the best way to indicate that text in a text input field is editable?

Imagine an app like yelp. In this case, you select the number of stars that you want to rate something. When you do, a pre-generated text is displayed in the text input field. You can either keep this ...
1
vote
1answer
58 views

How to present a character counter for a byte restricted text input?

I have a text input which restricts input of characters when a certain byte limit has been met. I want to indicate this using a character counter which increases or fills up (in case of a progress bar ...
2
votes
2answers
91 views

How to indicate that user needs to tab out of a field for search to trigger

I have added couple of text boxes to filter columns based on values and we trigger a search once the user enters a value and tabs out of the field. Sometimes the user presses the enter action to ...
0
votes
2answers
394 views

Truncating or not pasting a string when pasting it in a text field with max character shorter than string length?

what would be the best solution when trying to paste a string that is longer than the maximum allowed number of characters in a text field: Truncate the string in the clipboard or not pasting at all? ...
2
votes
1answer
301 views

Office Fabric UI: How to present inline help next to Text Field? [closed]

The Office Fabric UI docs don't seem to specify how to present inline/contextual help alongside TextFields: add-ins/design/textfield E.g. is it smaller text below the field in some kind of container ...
0
votes
1answer
32 views

How Would I Tell the User That I'm Accepting “MSDOS Wildcards”?

I have a text input in which I am accepting wildcards. Namely the * which matches any number of characters and the ? which matches exactly 1 character. Is there a name for this wildcard system, which ...
0
votes
3answers
238 views

Should have a cancel button when the action itself is to cancel

This is a dialogue box from an employee scheduling application. Here, the action to be performed is to Cancel the approved timesheet with a reason. "Request cancellation" button is for cancelling the ...
3
votes
6answers
403 views

Fade right side of the text of a material design like input

I'm trying to improve my UI so the user understands that there is more text than what he sees on the screen. I had a couple of ideas: Fade right side of the input Place 3 dots if the text is longer ...
1
vote
1answer
675 views

Indicating mandatory field without labels

I have multiple forms in my application. I have used minimalistic view where there are no explicit labels for fields. For example, check wireframe displayed below: Here First Name, Last Name, and ...
0
votes
2answers
610 views

Placement of components in a “Confirmation with a textarea” pop-up dialog box

I really have an aim to get better at UX-design. As a part of a new feature I have come up with the following dialog box which prompts the user if he/she is sure that they want to delete followed by a ...
42
votes
11answers
5k views

Make user aware that he cannot enter arbitrary values into textbox?

In my current web project I have a textbox where the user can enter a bid for an auction. However, to prevent bidding of arbitrary sums, only certain values that match predetermined intervals are ...
2
votes
2answers
514 views

How to indicate in a text area there are more lines of text hidden?

We are talking about a dialog in a Windows desktop application. I have text areas that most of the time contain only one line of text, but may occasionally contain several lines. Due to limited space ...
15
votes
2answers
2k views

Align text left or right Next to textBox?

I have a Label and a Textbox next to it. I am trying to find out which layout is the best for usability? Right-Aligned Labels Left-Alignment Labels
2
votes
3answers
177 views

Need help in deciding the layout of an interaction

I am currently designing a system where doctor needs to input a reason for every case(patient history). My current concern is the placement of the reason box. First time there will not be any data in ...
0
votes
1answer
210 views

Mixing squared textboxes and rounded buttons [duplicate]

Is it bad UX to make rounded button and squared text box, and which is the best to do?
9
votes
4answers
1k views

How to create a custom textbox with a label and value

I am not a designer but I am dealing with a task to implement a functionality. I have to develop a working UI where a user can enter values into text-boxes inside a grid. While entering these values ...
0
votes
1answer
78 views

How to show big textblock?

I have a reporting tool where input filter has standard date from, date to, some checkboxes, but main input is a list of comma separated items (~1000). Now I don't want to make a huge textblock that ...
5
votes
3answers
15k views

Combining text entry and drop down functionality

In a complex data entry app I am trying to minimise the amount of stuff on screen. So I considered combining text entry and drop down into a single element. So the user can either select from the ...
2
votes
3answers
1k views

What should be the UX for ellipsis on a text in list mode?

In a list mode, I have a description column. Each record can contain a lot of text for this description field. Even if it is considered secondary information by the user, I still need to display it. ...
3
votes
7answers
1k views

Type at least n characters before you can submit the form

This is not a duplicate of this question since that one is about searching. We have a simple form containing one text area and a submit button. download bmml source – Wireframes created with ...
1
vote
1answer
146 views

What are all the interaction mechanics for text input boxes?

Modern operating systems appear to have fairly standard and consistent behaviour for interacting with text input boxes in various ways. For example: Pressing Home or Alt+LeftArrow will move the ...
3
votes
1answer
191 views

What's the best way to tell a user that the field is a textbox?

The situation: I have to tell the user that those fields are actually a textbox and they have to enter something in that, the one before the red square (amount) is readonly and can't be changed. I ...
2
votes
2answers
135 views

Lots of buttons with user input if none are applicable

I am creating a quiz and one of the questions needs to have a list of options for the user to select one. But also, if the answer is not in the options, I need to allow the user the write the answer ...
0
votes
2answers
1k views

Textarea height

I need to use a textarea and it must not be resizable, is there an standard of how many lines it could have or maximum size of it? Remember that I just want to make confortable the reading and ...
3
votes
5answers
229 views

Should customer support requests have a character limit?

I'm building a simple customer support request / support ticket form, and I think that it might make sense to enforce a character limit. Long-winded requests can sometimes be difficult to fill. A ...
6
votes
7answers
2k views

Is it good UX to right align numerical data in a text field when editing?

I understand it's a necessity when it comes to viewing data in a table or a list that numeric values should be righ aligned. but when it comes to editing the values in a text field, should it be same? ...
2
votes
1answer
97 views

Proper control to select a fixed (text) value or numerical value

I want users to be able to choose to run a simulation that uses either the historical return on a stock or one where they select the numerical average return across the simulations. One way to do this ...
0
votes
1answer
186 views

Multiple data entry for a form field

I am creating a form that contains, among its different search criteria fields, a textbox where users can specify none, one or more phone numbers. Initially users could only specify one or no phone ...
53
votes
9answers
13k views

Is there a UX pattern for “drop-down preferred but free text allowed”?

Trying to design a user interface screen for a part of the system where users will be able to select companies from a drop-down. The drop-down list is potentially very long. However, if the company is ...
1
vote
1answer
60 views

Variable highlighting in formulas

I have an application in which there is a filter bar. These filters are clickable labels. After clicking one, this label becomes a editable. Recently, we added functionality to use variable names in ...
4
votes
2answers
395 views

Providing a user with the option of a drop down or a custom entry textbox on a web form?

On a web form I'm currently working on there are several places where there is a drop down of common entries, and a text-box below which a user can enter a custom entry type. I'm at a loss as to how ...
2
votes
1answer
226 views

Select with accompanied textarea alternative

Problem: I have a requirement for a predefined list of text that can range from 100 to 400+ chars. This list should be shown to the user in some fashion and then, once one of the items is selected, ...
2
votes
1answer
150 views

Autocomplete only specific words within a Freetext Box capturing a paragraph of text

I have a use-case where the user (a nurse) has to enter case-notes which is a paragraph of free-format text in a box. But to speed things up, auto-complete is proposed to be offered for certain ...
12
votes
2answers
7k views

Why the textfield in Google Material Design without box

Why the text fields (as below) in Google Material Design are without boxes? Here is a live demo of Material Design text fields. Polymer paper elements - paper-input What are the benefits of this ...
3
votes
2answers
3k views

Is it better to label input fields, watermark them, or both? [duplicate]

When building forms, you need to effectively communicate with the user what information should be placed inside of the text boxes. I've seen a combination of watermarks in text boxes and labels for ...
0
votes
3answers
1k views

Hinting at alphanumeric character in input patterns?

When hinting at the format for strict data entry in a textbox on a website (<input type="text"/>), I normally use A to represent alphabetic characters, and 9 for numeric characters. Therefore ...
0
votes
3answers
402 views

Text Boxes: Balancing first impression with usability

I recently read Joel Spolsky's article Designing for People Who Have Better Things To Do With Their Lives, Part Two, and was intrigued by this: ... You may have noticed that almost every edit box on ...