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.
71
questions
0
votes
2
answers
107
views
Should I prevent users from passing max values or display errors when they do this?
I have several text fields that have max value, I want to provide good UX when the user enters the values.
Let's take an example of the percent field which accepts digit values between 0 and 100.
My ...
0
votes
2
answers
69
views
How best to present an option to type in text OR choose from a preexisting long list
I have a use case on mobile in which a user can type in a label for a group of items. Certain labels will be very common. The list of common labels is quite long. Finally, not all users will initially ...
- 103
0
votes
1
answer
53
views
Expandable textbox as the main component on the screen
I have a screen that its main component is a text box.
Users add the text by pasting it in the text box and then click on the button, which results with an image generated in the screen.
it is the ...
- 31
0
votes
1
answer
37
views
Text-styling box - is there a better name for it?
I designed this UI element. When you want to add a message in a system, platform, product...And you get these options on how to format your text, insert an image, create a hyperlink, etc. So now I ...
- 182
0
votes
1
answer
55
views
What is the best text option for warning messages?
I want to make three alerts for the platform that I work, when a user uploads.
One: Success
Error:
Alert:
Since my alert space is small and my PO wants large text.
I had thought of it this way: file ...
- 13
0
votes
0
answers
93
views
Can I use an Infield Top-aligned label text field for a mobile number?
Is it appropriate to use an Infield Top-aligned (IFTA) label text field for mobile numbers where the country code can be changed
- 1
1
vote
1
answer
83
views
How do I make a split input that is regex friendly?
I have a web application that requires the user to enter text that is used to split another string. While I want it to be regex-friendly, I don't want it to confuse new users. For example, if the user ...
- 111
1
vote
3
answers
3k
views
Enable save button only when value different, or when input is dirty?
I see that a lot of frameworks for form validation have "is dirty" state check which tells if the user has ever modified input value.
But I don't see options that compare the original and ...
- 111
11
votes
3
answers
2k
views
Textbox with an unknown value
I have a textbox where the user can enter a number. In the past, an empty value would indicate that they didn't know the value. Now, the client wants to add an extra step where the user needs to ...
- 433
3
votes
1
answer
472
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 ...
- 33
0
votes
1
answer
1k
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 ...
- 27
4
votes
1
answer
529
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 ...
1
vote
1
answer
56
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 ...
- 1,694
2
votes
1
answer
66
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 ...
- 121
1
vote
1
answer
60
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 ...
- 10.6k
0
votes
1
answer
541
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
4
answers
78
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 ...
- 31
2
votes
1
answer
307
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 ...
- 590
1
vote
1
answer
169
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 ...
- 185
0
votes
0
answers
57
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 ...
- 223
1
vote
1
answer
153
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
2
answers
105
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 ...
- 411
1
vote
1
answer
222
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-...
- 887
0
votes
1
answer
37
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 ...
- 193
0
votes
2
answers
862
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? ...
0
votes
3
answers
292
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 ...
- 105
2
votes
1
answer
360
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 ...
- 2,203
3
votes
6
answers
490
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 ...
- 135
1
vote
1
answer
1k
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 ...
- 1,184
2
votes
2
answers
669
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 ...
- 123
15
votes
2
answers
3k
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
- 1,148
0
votes
1
answer
477
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?
- 1
2
votes
3
answers
181
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 ...
- 271
0
votes
1
answer
82
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 ...
- 123
9
votes
4
answers
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 ...
- 211
3
votes
7
answers
2k
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 ...
- 859
1
vote
1
answer
186
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 ...
- 360
3
votes
1
answer
194
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
3
answers
2k
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.
...
- 179
2
votes
2
answers
149
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 ...
- 121
0
votes
2
answers
2k
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 ...
- 33
3
votes
5
answers
535
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 ...
- 133
6
votes
7
answers
4k
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? ...
- 93
0
votes
1
answer
207
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 ...
- 101
56
votes
9
answers
15k
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,527
1
vote
1
answer
70
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 ...
- 191
2
votes
1
answer
267
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, ...
- 151
2
votes
1
answer
168
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 ...
- 809
4
votes
2
answers
593
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 ...
- 313
3
votes
2
answers
4k
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 ...
- 266