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 [grid]

Rectangular layout of information. As well as tables, grid layout also refers to a 'typographic grid' used to position items on a page.

1
vote
0answers
35 views

Devextreme Grid UX idea [on hold]

I've attached rough prototype of my screen. Header, footer and sidebar are fixed to screen, only working area i.e. area with Grid filters and Main grid will get scrolled. Grid filters include some ...
0
votes
0answers
33 views

How to lay out elements within containers on a grid? Nested grids? [closed]

Grid systems (i.e. columns, gutters and margins) are great for pages with flat content, but I'm not sure how to best use them together with containers (e.g. cards). Imagine we have a 768px grid with ...
2
votes
1answer
56 views

Is it wrong to automatically switch between Grid and List view

At the moment, I have a Material based app where I automatically change between List view and Grid view depending on device's viewport size, should I do that? I already read here that they are ...
0
votes
2answers
157 views

Items with long title in Android

In an Android application, I have a "Grid Layout" with fixed size cells for describing Three-line items: download bmml source – Wireframes created with Balsamiq Mockups Number of columns and ...
0
votes
2answers
164 views

Responsive feature comparison layout / grid

I have a list of applications (~120 items). Each application on the list has the same features (logo, name, OS name, price range, short product info), so basically this is a table with 120 rows and ...
3
votes
2answers
92 views

Preferential behaviour for displaying empty row states

Given a UI component is part of a control used to manage a collection of business items - in this case cargo's in a manifest - I'm trying to explore the preferential behaviour for the component when ...
1
vote
4answers
95 views

Convention for sorting within a sort on grids

The convention of a sort-able grid seems to be well established. A user sorts on a column by clicking on the header and an arrow appears indicating the direction of the sort. However when the column ...
0
votes
2answers
73 views

How would I mark that a cell value has been edited in a grid

I have an excel like grid and I want to somehow mark what cell values have been edited (and changed back to normal after pressing the save button) I was thinking about changing the number/background ...
0
votes
1answer
73 views

Should the checkboxes for selection be aligned?

In case of hierarchical grid displaying nested data with selection checkboxes on the left column, should the checkboxes at parent and child level be aligned vertically in the case when the child rows ...
0
votes
1answer
71 views

How representative is the number of people who resize their browsers?

When you build a responsive site, you have media queries. As long as the screen is more or less the size of common media queries, for example Bootstrap's defaults, a design will probably look as ...
0
votes
1answer
51 views

Go back to the Grid view and show the grid and the subgrid already open

I have this awkward request for the following implementation: I have one view with a DataGrid and a SubGrid that appears inline everytime I press an ID on the main grid. On this subgrid, I have an ...
1
vote
1answer
86 views

How to show missing values in table rows and columns?

Approach 1 Show NA for missing items Approach 2 Show - sign for missing items I have a table that displays crypto prices, volume etc. There are often times when I don't have data in a particular ...
4
votes
2answers
183 views

Design/Ideas needed for better utilization of space

There is one grid-view in our web application. But as you can see, group and category are eating up the space. Is there any better ideas for such layouts? Even if there is total change in the layout, ...
1
vote
1answer
116 views

Time Series with Multiple Attributes for Each Year

We need to represent a time series of data. The problem is each item has multiple attributes that go along the time series. In essence, it's something like this - a long time series for 100+ items. ...
4
votes
2answers
112 views

How should a grid of apps rotate when the device is rotated?

How should an app grid rotate when the user's device is rotated? Should each app rotate individually and stay in the same spot, or should the entire screen be rotated?
0
votes
1answer
69 views

Shifting Parent records from child

In my application, Grand parent and Parent tabs contains grid controls. From my Child tab, i should be able to select desired parent or grand parents records without opening the Grand parent or ...
0
votes
1answer
563 views

Best practice for draggable, sortable with paging records

What will be best design practice for having items thumbnail with option as drag gable, sort able with paging records(considering more than 1000+ records)? Below is just my current implementation. ...
0
votes
1answer
125 views

How can I make a mobile app responsive for desktop? [closed]

I am trying to make a desktop version of a mobile app. But not sure how to fill those full width cards to a desktop app.
1
vote
2answers
189 views

View icon or full row clickable on a grid

In a grid, that could contains several columns and some of the column contents are links that redirects to another pages. Do you thing that would be better to have a "view" icon that redirects to the ...
1
vote
1answer
261 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 ...
0
votes
1answer
361 views

How to display one to many mapping in a Grid

I am having some trouble finding the best way to display this sort of mapping. My current grid looks something like this However there is a 1 To Many mapping between a Username (plus the rest of ...
1
vote
2answers
154 views

Affordance for marking unsaved changes in a grid

What is the best way to denote which fields in a grid contain unsaved changes? In the below example, a user has made changes to data in a spreadsheet-like matrix. The interface has highlighted the ...
1
vote
1answer
74 views

Display to a user the selection of multiple colors in a cell of a DataGridView

I have two DataGridView, the first containing a list of users the other containing colors. First DataGridView (Users) The second DataGridView (Colors) By selecting a cell from the first ...
13
votes
4answers
4k views

How to arrange 3x2 thumbnails when their number is less than 6?

I'm creating a thumbnail selection menu for VR. They are arranged as 3x2: How should I organize them when where are less than 6 thumbnails? (e.g. 2 or 5?) Note: the user can see the previous/next ...
0
votes
2answers
95 views

Best way to show Readonly and Writable cells in a grid?

I am designing a data grid on a web application that will display a mix of writable and readonly data. A bit of background: we're migrating a desktop application that identifies readonly vs writable ...
2
votes
3answers
343 views

Checkbox grid with a lot of data

I have a checkbox grid available to group administrators that allow them to mass view/change settings for all their users. (Users themselves and their administrator have access to a setting page to ...
1
vote
0answers
78 views

When place a field description on the right?

In a two columns grid of a mobile app, when is better to place the "value" field on the left and the "description" field on the right and why? Edit: language is Italian/English
2
votes
1answer
87 views

How to let users know grid rows can be double clicked to show more detail?

I was using a web app and I double clicked on a row in a grid for kicks and it opened a section under the grid with extra information about the row's data. That wasn't obvious and discoverable. What ...
7
votes
4answers
13k views

What's the recommended max width for the main container and for the main column, for large screens?

Based on this question, "Why do many sites leave half of each webpage empty?" and its comments and answers, I did some research, but I didn't find a complete answer. For me it is obvious that it is ...
3
votes
2answers
327 views

Grid view or Tiles view for long users list

I have a very long list of users! It’s a user management page for IT people. It’s not Pinterest, It’s not a Photos gallery, movies or books! These are users, I can click on them, and can perform many ...
1
vote
3answers
419 views

Create new rows for Datagrids

Context I am a designer for an enterprise software that deals with huge data grids. As input is a huge part of our software, I am looking for opinions on what is a good way to create new rows. ...
3
votes
1answer
70 views

Is there a limit on how many entries you can have for a pricing table?

I would like to use a pricing table for my application. For reference, my understanding of a pricing table looks like these images. My possible problem is that there will probably be alot of data ...
1
vote
3answers
104 views

Prioritize items in a large data grid on mobile devices

I have a data grid of around 100 items (images). I am using an algorithm to differentiate/prioritize some elements and the opposite for some other ones. I do that by giving values to these elements. ...
5
votes
2answers
218 views

Best practices for keyboard navigation for web based data grids

Can some one please tell me Keyboard navigation of Web based Grids? My aim is to know how to work with Keyboard while working on any web based grid control. For example: Tabing, up and down arrow ...
1
vote
2answers
131 views

Selecting from double value options

In a complex issue, I have a grid of items that user should select two values from a list of pair values. In above example, you can see that user for Item 1 selects [ 65 - 36 ] pair value set and ...
1
vote
2answers
150 views

Placement of table header

Is there any guidelines that describe which way of displaying header in the table would enhance better user experience? Design One is the more common design but Design Two would save user from ...
5
votes
4answers
256 views

For desktop, is it a good idea to let users decide between a list or grid view?

I have seen examples on mobile where you have a toggle button to let users switch between grid and list views. For a desktop does it make sense to allow users to take this decision?
1
vote
1answer
136 views

Can an image overlay be too obstructive?

For this question lets consider only no-touch devices and lets assume it is alright to hide that text. It is common, specially on grid layouts, to display image overlays with different levels of ...
1
vote
1answer
195 views

Alternatives to a grid of draggable thumbnails for responsive use case

I'm improving the UX of my exercise prescription Web App which is used on Mobile, Tablet and Desktop. Therefore the implementation I seek is to be touch and viewport friendly. Background My web app ...
0
votes
2answers
78 views

Grid in a popup?

My team and I have run into a scenario where we want to be able to add time tracking to every part of the system. However, we need a way to see what has already been tracked, so the users don't ...
9
votes
4answers
4k views

What grid should I use designing UI for the desktop app? [closed]

I'm redesigning iTunes desktop app and my first version of it was designed without grids. I was told I should have had to use grid to eliminate the chaos in my design. So for 1920 x 1080 px design ...
-1
votes
3answers
350 views

Is Pagination necessary in grid?

Is pagination necessary on grid with lots of data? The column in the grid I'm working on will be added after user click on the button to add new column and editing can be done in every column. It is ...
1
vote
1answer
318 views

Filtering in Datatables

Currently, we are having issues with filters on our datagrids and the space they take in the screen. I think the way they are used right now they take a lot of space that's not needed. I would ...
2
votes
2answers
113 views

Should I display all boolean values in a datagrid or only the ones that matter to the user?

One of my colleagues presented a new design for boolean values in a datagrid to me. It shows both positive and negative values (with emphasis on the positive). Now it is my understanding that for good ...
1
vote
1answer
154 views

Displaying duplicate files

I've written a small desktop app that searches for duplicate files (by content) in one folder or more and lets the user open each file or delete it using a context menu. The problem I face now is how ...
2
votes
1answer
152 views

Need ideas and opinions on table display of objects in different states

CONTEXT: I need to display a large number of "policies" in a list context for user selection and inspection. Each of these policies may have two versions live at any given time, one on the staging (...
1
vote
2answers
56 views

Spellcheck on Website - multiple fields

I have a site with a page that contains multiple editable fields with html values. User can click in them and edit the text inside them. Note that the fields are present in a grid with PAGER. For ...
2
votes
2answers
139 views

How to indicate that the line in a grid view is clickable?

We are working on a small candidate management app where a list of candidates is shown in a simple table/grid view. The business logic of an app requires to show all candidates in a grid but allow the ...
1
vote
3answers
312 views

When do you save an editable form when some of the information has been saved?

I'm designing a webapp that basically is patient tracking. We are in a claimant's "clip board" and it has all of the patients information. There are forms and there are some grids. We currently ...
4
votes
1answer
80 views

At what grid dimension does a user change his scan pattern from L->R to F?

We know that English-speaking users read from left to right, top to bottom. We also know that on a web page, users scan using an F pattern (https://www.nngroup.com/articles/f-shaped-pattern-reading-...