Stack Exchange Network

Stack Exchange network consists of 174 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 [alignment]

Placement of interface or informational items such that they line up neatly, which can be used for aesthetic design or to suggest associations between related entities.

2
votes
1answer
59 views

Center text if two lines but not if they're more

I ran into this issue when designing an onboarding screen. I have the headline centered and the [NEXT] button as well. When there are two (or one) lines of text I prefer them centered as the overall ...
1
vote
2answers
60 views

Numbers alignment in a table and in a topdown label placement

Hello UX Stackexchange, Recently I'm facing an issue in terms of forms design. My developer has insisted that numbers should be aligned right. But I think that since the input for numbers are far ...
0
votes
1answer
133 views

UI Ideas to allow user to select the alignment of text

I have a feature in my application which allows user to select alignment or location of the text before printing. E.g. Top Left, Top Right. Right now, I have created a simple switch like the image ...
1
vote
3answers
160 views

What is the best alignment of the main container in a dashboard?

What is the best alignment of the main container in a dashboard if just a little content is displayed? Let's say the dashboard has a classic structure - header, footer, sidebar and the main container ...
3
votes
1answer
159 views

Mixed alignment (LTR and RTL) in language selection list?

Most answers to this question say that for instance Arabic text should be aligned right-to-left even if the rest of the page is in a left-to-right script such as English. So, I was surprised to see ...
0
votes
2answers
347 views

Put large table and form on one centered layout

I'm currently developing a quite complex and growing website that has centered layout. These are some of the layout rules: Table width are 768px in default, but if not possible (overflow) the table ...
0
votes
0answers
36 views

What alignment should be followed when displaying a block of time ranges with some times including day information?

What alignment should be followed when displaying a block of time ranges with some times including day information?
0
votes
1answer
32 views

Mobile view layout ordering

I'm confused about one of my eCommerce project product details page ! I couldn't understand am I keep right sidebar on top in mobile ? Now its after logo. Moreover I want to keep social media and ...
4
votes
2answers
1k views

In tables should date/time/year in table be left or right aligned? [duplicate]

I would like to know whether the date/time/year should be right or left aligned in data tables/table? Some articles mention right align, while some left align. Is there any standard followed ...
2
votes
2answers
348 views

Why Google Search bar and logo is not vertically center in large screen? [closed]

Its comes to my mind when i do googling on a large screen Desktop. the logo and search bar area is Horizontally Center (Near about, not so measurable) but not Vertically Center in case of large ...
4
votes
2answers
289 views

How to align prices in columns when both 2 digit and 4 digit variations of a price exist?

I am trying to display data similar to coinmarketcap with prices for coins, some above 1$ in which case they are rounded to 2 zeroes, some below 1$ in which case they have 4 digits following the ...
1
vote
1answer
337 views

What is the best practice for aligning table content for text/number mix? [duplicate]

What is the best practice for aligning table content for text/number mix? I know that for text/string content it should be aligned to the left and for numbers it should be aligned to the right of the ...
0
votes
1answer
219 views

Material Chips in table list

should the chips fill all the table cell width for clear alignment or is better to align them as they were a text element for better readability?
0
votes
1answer
191 views

The best approach for dashboard with forms, center or left align?

So, I'm currently trying to improve our system. But I've come across an obstacle. Whats the best approach for this kind of situation? Should I use it centered like this: Or Should I use it at left: ...
1
vote
1answer
102 views

Table Alignment [duplicate]

I am currently working with a developer who is arguing that all the number in a table should be aligned to the right-hand side(Please see below), this is only on one page on the website. I am arguing ...
4
votes
1answer
190 views

Is there a standard for text alignment inside of username and password input boxes?

I am working on designing a login window, and began to wonder if there is a standard for aligning text in an input box. A particular note here is that the username and password fields and boxes are ...
1
vote
2answers
98 views

Is there any situation when text should be center aligned (horizontally) in an input?

I recently tried to use some animations in my design and I checked some nice examples as inspiration, like this: "Inspiration for Text Input Effects". Some of them had the text centered. I know it ...
25
votes
3answers
2k views

Label & Text-box alignment. Read the case

Note: I have read this vaguely-similar question and its answers: Why might right aligned field labels be better? Case: I have a long (approximate 10-15 fields in 1 form) B2B form in which I have ...
1
vote
1answer
146 views

Align image on same line as text?

I'm a beginner at UX and have a question which may seem a bit dumb or silly. The situation is: A website which I am designing has a lot of text and images and I asked myself if it is smart to align ...
1
vote
4answers
113 views

Need different Good alignment layout

In these kind of forms, the problem is that, FirstName and LastName Labels are small in size as compared to "Explain your previous project details". So while user is filling up the form he might get ...
7
votes
3answers
8k views

Should i use left align or center align in webdesign?

I know that center align text would not easy to read , because user should be find where the next line text start. But i find that more web use the center align in their design , and it look ...
1
vote
2answers
98 views

Alignment of the labels in view/read only mode

I have a question regarding displaying the forms in the read only mode or a view mode. For example after one users inserts all the data (I use infield top aligned form labels) and then another user ...
3
votes
1answer
112 views

Order of buttons when on the right of the page

I've been going through various posts on this board to clarify my doubts but I haven't found anything yet. As I understand, there are 3 methods of positioning buttons, by importance of the action. ...
3
votes
1answer
170 views

What is the best way to align a paragraph beside an image?

The webpage has small paragraphs (5-6 lines) with images on the right of each paragraph. The text in paragraph is left aligned. The paragraph is not always as big as the height of the image that is on ...
8
votes
5answers
798 views

What's the best practice for button alignment in responsive email templates?

I was looking for case studies or UX research to figure out what is the best practice for button alignment especially in email templates, but couldn't find anything relevant. Our practice: We tend ...
1
vote
1answer
628 views

Field allignment with error labels

I am looking for possible solutions that could be used to make our forms look better when displaying errors. Our application is using Government of Canada Intranet Theme (WET 4) with bootstrap. The ...
1
vote
2answers
292 views

Why are websites center aligned instead of stretched to fit?

Trying to figure out the exact reasons why websites or web applications on wider screens 1. have space on either side (aligned center as a container) 2. instead of being left-aligned or 3. stretched ...
0
votes
1answer
52 views

How much flexibility is there in text / number alignment for non-tables?

I have a summary page design that includes both text and numeric values. The labels are under the values (as opposed to a more traditional left/right approach). I think the overall look is better ...
1
vote
1answer
254 views

Is there a best practice for alignment of nav bar content - with grid or not?

Looking at various site's nav bars I see some sites spread their content wide across the bar, anchoring their logo to the far left and login to the far right, navigation in the middle (examples: ...
0
votes
3answers
547 views

Best way to design a compact form intended for value calculations and entering lots of data?

I'm working on a very large form, which is an adaptation of an excel file my client was using. I need to find a way to group elements, align the fields, and manage several input types, keeping the ...
4
votes
7answers
299 views

Best text/icon/title alignement for feature box pattern?

You often see this pattern: My gut feeling would say the first is more readable (Is left-aligned text generally preferable over centered text?) but I could agree the third would look nicer (and ...
3
votes
1answer
116 views

Image width and alignment in long-form content: Best practices?

The website in question is for long-form blog content. The body will include images that users input when they create their blog/content entries, hence the number of images in post is not controllable....
2
votes
1answer
103 views

How to deal with multi directional footnote language?

How to deal with multi directional footnote language? suppose I have a multilingual document whatever it is (word Document or an HTML file) and I have to include footnotes in that document in multi ...
8
votes
3answers
1k views

Alignment of input fields in a form with plain text

I have a details page containing a list of information and input fields at the same time. Sections are alternating between information and input fields. I am debating between the alignment of data. ...
6
votes
4answers
3k views

Left-align or right-align a Call to Action button?

We are creating online presentation, and most of the text on the pages is centred, on the last page we have CTA, the button leads to a different website, that is aligned to the left. I was asked to ...
0
votes
1answer
150 views

Best way to align controls in different sections of a form that has different controls and layout

I'm having a hard time designing a simple form to make it look neat. Below is the snapshot of my form which has different sections in the form. Each section is having different combination of ...
1
vote
1answer
1k views

How to align a Date/Time in a field?

I have some issues about choosing how to align a Date/time data type in a field. Which is the best way to align this type of date and why? Right or left? P.S We use WPF. [------25.03.2015] or [25.03....
4
votes
2answers
591 views

Is there evidence that text in a table vertically aligned middle is easier to read compared to vertically aligned top?

I have an html table and there is one column that is much taller than the others and I am trying to get a recommendation if I should be vertically aligning the rest of the columns to the top or middle....
70
votes
7answers
12k views

Why are calculator screen digits right-aligned?

Is there any logical reason behind digit alignment on a calculator? If yes, can we apply this for visual interfaces of numbers on the web?
0
votes
3answers
481 views

Icon Placement within a row

I have a table with template names and the actions available will be shown in the form of icons next to the names. There are two options. Option 1 Icons next to the name(left aligned) appearing on ...
0
votes
0answers
78 views

Graph number alignment

It's only a small thing but it has me stumped. I have a graph that displays the numbers from +10 to -60 along the left hand side & also replicated along the right hand side. So say for example ...
0
votes
3answers
561 views

Are centered input boxes cool?

Take a look here - http://jsfiddle.net/9wFJS/2/embedded/result/ Which of the three is good? This is inspired by a conversation here... I like the second one, but two users disliked it. One saying ...
4
votes
5answers
473 views

Top labels alignment on forms: Align with text (typographically) or with input borders (geometrically)?

EDIT: I've added a psd of the screen making the issue clearer. See how the text is flapping[*] on the right while he is aligned and actually seems to be more easier to read on the left? Original post:...
2
votes
4answers
193 views

Should quantities with unit labels be left- or right-aligned in a grid?

e.g. 3 months 12 years, 3 months 10 years 8 years, 6 months
1
vote
4answers
3k views

Should “Date & Price” or other Numeric column along with their Heading be aligned right always?

I have a many tables in my application, where there are some "Numeric" columns like "Phone No/ Ext No, Date, Price, Serial No" So I have a question should these columns be always right aligned? And ...
0
votes
1answer
71 views

Should read-only Boolean grid columns be aligned to center?

My understand is text should be left-aligned; dates, times, and numbers should be right-aligned; images should be centered. What about Boolean strings "Yes"/"No"? My hunch says to center them.
1
vote
1answer
248 views

Alignment for report columns

I am currently creating a Crystal report, but having difficulty on how to align certain columns. I have a Social Security, employee_name, Check Number and Amount. I understand that the amounts ...
0
votes
2answers
56 views

How should I align two separated items of unequal widths?

Recently, I've come across two cases where I have two items separated either by a vertical line | or a bullet *. Here is one of the cases with an arrow pointing at the bullet: So my question is, ...
24
votes
8answers
3k views

When a star-rating is right-aligned, should I fill the stars from right as well?

When building graphics for an app, I have right-aligned a rating from 1 to three stars. Being mainly a designer, my gut told me to fill the stars from right to left. So, i.e. empty empty filled for a ...
1
vote
1answer
154 views

Different alignment for elements of two groupBox in a form

I'm trying to design a settings form for a Desktop Application. There is two groupBoxes in the form. Each groupBox may contains some elements(TextBox, ComboBox , ...). Is it force for good design to ...