Stack Overflow
Stack Overflow

Questions tagged [grid-layout]

Grid layout is used to align content into columns and fields. Unlike table layouts, grids are composed of guide lines so that elements positioned relative to the grid can have drag and drop behavior.

GridLayout is similar by concept to the table layout, placing objects into multiple rows and columns so that all cells in the same column usually have the same width.

grid layout is a "CSS table" that allows to divide available space into columns and rows using a set of predictable sizing behaviors. Unlike HTML table, CSS grid layout is defined in CSS, placing HTML objects into the cells by id.

GridLayout supports cell padding and may have unspecified number of rows (there are enough rows to place all elements using the specified number of columns, new rows are added as required). It does not support cells spanning over multiple rows or columns (another layout, GridBagLayout does).

Resources

2180 questions
0
votes
2 answers

Fitting elements into a grid in a responsive way

Consider a
element that contains ...
I want to fit these elements into a grid…
Naïm Favier
  • 506
  • 1
  • 7
  • 19
0
votes
1 answer

Why does the GridLayout cover the whole screen?

I have the following HTML code: .... .... …
Royi Namir
  • 144,742
  • 138
  • 468
  • 792
0
votes
2 answers

Xamarin.Forms Entry.Height is bigger than Label.Height

I have a Xamarin.Forms grid that I'm setting up and I've noticed that the Entry fields are a lot higher (3 - 4 times) than label fields. I can't see any obvious reason why this would be the case. …
Trent
  • 1,595
  • 15
  • 37
0
votes
0 answers

Java grid layout - 2 columns

I'm trying to create a basic GUI for booking classes in a gym. I'm not very familiar with the grid layout and struggling with creating a 2 column grid. Here's what I'm trying to achieve: Gym layout And here's my grid code so far: private void…
Lylio
  • 5
  • 6
0
votes
1 answer

IE11: how to make two-column grid layout that the second column would fill both or one column, depending on whether the first column is displayed

What I want to achieve, is to have two-column grid layout that behaves like this: if display property of col 1 set to inline - layout should be rendered as follows: +------+--------------+ | | | | | | | c | …
user8554766
0
votes
1 answer

How to define a grid for Microsoft Edge using CSS

I have the following CSS defined and it works fine for Chrome and Firefox but only the 2nd line to the grid displays in Microsoft Edge. See https://farquharmacrae.blogspot.com.au/2017/09/first-generation.html. How do I adjust the CSS for the full…
Farquhar
  • 21
  • 3
0
votes
1 answer

Dynamic grid layout with variable-sized elements in Javascript

I know that this may be a frequent question but I didn't have any luck finding an answer. I need to build a 3 column responsive layout for a grid containing an unknown number of variable-sized elements. Their size are limited to a maximum of 3x3 in…
StepTNT
  • 3,867
  • 7
  • 41
  • 82
0
votes
2 answers

Gridlayout of buttons greater than 4 columns

I'm trying to make a GridLayout of 8x8 buttons (like a minesweeper). I'm managing the weights to all have the same width but it works fine until 4 buttons. When I add the 5th button in column 4 they expand the width full screen. This is my…
juanjovn
  • 492
  • 4
  • 8
0
votes
1 answer

Bootstrap with sidebar merging sidebar and main

I have downloaded the bootstrap dashboard sample and is looking for following behavior: The two side sections are in same div, is it then possible to merge the main between the two sidebar sections on mobile? I guess push pull wont work here?
Thomas Segato
  • 4,567
  • 11
  • 55
  • 104
0
votes
1 answer

GridLayout ButtonPanel not Displaying Rows/Columns specified

So this code specifically says that there should be three rows and one column for JPanel selectPanel, however, when I run it I get this result and just can't figure out what I'm doing wrong. Most of this code is not relevant to the problem I think.…
Michael Wallace
  • 15
  • 8
0
votes
1 answer

Python Kivy GridLayout change button background

So i have this gridLayout containing only custom buttons that are handled in a specific class. I want that when i click on a button in the gridLayout, another button still in the same gridLayout parent changes it's background_normal property. It…
Baz
  • 143
  • 3
  • 9
0
votes
1 answer

Extra spaces between two button using GridLayout

Could someone please explain me the reason of the gap between the two radio buttons ? I even set the horizontal space to 0 but nothing has changed. case composed: new Label(container, SWT.NONE); new Label(container, SWT.NONE); new Label(container,…
Ben193
  • 45
  • 1
  • 12
0
votes
1 answer

java, swing, Gridlayout problem

I have a panel with GridLayout But when I'm trying to run the program, only the first button out of 100 is shown. Futhermore, the rest appear only when I move the cursor over them. What's wrong with it? Here's the whole class(Life.CELLS=10 and…
josh
  • 1
  • 2
0
votes
3 answers

GridLayout buttons sizes are different

So I am doing a simple game app, that has colorful buttons with answers in them. Everything works fine but I have some problems with the sizes of buttons in GridLayout. I tried searching the answer in other posts but couldn't make the buttons sized…
Adomas
  • 21
  • 1
  • 8
0
votes
1 answer

Show HTML DIV between two other DIVs

I have build with SO help a HTML CSS Grid/Flexbox compbined Layout with quite progress. But now i have a problem with showing an additionall div named class mobile_nav. It should be activated when the user clicks on SWITCH (i can google this,…
9Lx
  • 25
  • 4
1 2 3
…
99
100