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

Unity 5: how to zoom and translate an object from a grid layout to the center of the screen

I'm trying to create a scroll grid view in which every cell object is tapable. When a cell object is tapped I want to scale and traslate it to the center of the screen and render it above other cells. I was able to make it tapable and scale it in…
Androidian
  • 1,035
  • 1
  • 16
  • 40
0
votes
2 answers

GridLayout doesn't fill up the entire window

Whats the reason that a JInteralFrame with a GridLayout(x, y) doesn't fill up the entire window although I'm adding x*y buttons to it? Why is there white space around it like in the first picture below? If i resize it a bit, I'm able to remove all…
J.Dupla
  • 65
  • 4
0
votes
0 answers

Xamarin Android GridLayout - rowspan works in designer but not in emulator

I am trying to design a form where I have 6 buttons. 1 button will take up half the screen and the other buttons will each take up the rest of the screen space. I decided to use a GridLayout where I have 10 rows, the first button has a row span of 5…
0
votes
0 answers

Plot standardized sizes with or without legends (ggplot, grid.arrange)

I have a serie of plots (more than 10) arranged on 2 colonnes using grid.arrange. Since they all possess the same x axis labels, I am ploting the x axis labels only for the last array. However, the plots part of the last array are compressed and…
ePoQ
  • 434
  • 3
  • 18
0
votes
2 answers

How to center elements in gridLayout

I have a grid layout (3 columns and 3 rows).I'm trying to put an image in the center of each square of the grid. I played with margin's values a bit and got what I wanted in the design view of activity_main.xml But when I run the app on my phone the…
0
votes
1 answer

How to 'recompute' the width of elements in a Materialize row after dynamically inserting an element?

I'm trying to write a jQuery script which moves an input and its corresponding label outside of its parent div and places if after, in a separate div: $("input[id*='-clear_id']").add("label[for*='-clear_id']").wrapAll("
Kurt Peek
  • 52,165
  • 91
  • 301
  • 526
0
votes
0 answers

how to align my logo and my links horizontally inside my header?

My logo is not fixed on the left side of my links, it keeps floating, when I change the screen size, and I can not put it right. I want to leave fixed for when I decrease the size of the screen I can correctly see the Hamburger menu working. What is…
the flash two
  • 47
  • 1
  • 12
0
votes
1 answer

placing 64 buttons randomly in a girdlaout java

The goal is to create a create a game like rubrics cube where the user has to rearrange the buttons according to the matched color. This is what I did to place the buttons randomly, but it doesn't work when the buttons are presented. The random…
0
votes
1 answer

How to make cardview responsive?

]2]2 this is NamazActivity.java In java class i just add cardview click listener and open a toast message. Every click listener shows the iteam ID with simple text package com.example.shakeelmughal.assanislam; import…
0
votes
1 answer

How to make a grid based layout design responsive?

I am trying to make the design of my website https://take-note.com responsive. I was able to get most of it done except for a part that uses a grid based layout. There are 4 columns of images at the bottom of the page titled "notes", "memes", "field…
sureshvv
  • 4,234
  • 1
  • 26
  • 32
0
votes
1 answer

Trouble with Bootstrap 4 Grid system

I'm new to Bootstrap and I've been struggling with a grid for over 3 hours now. I've read many other posts here on Stackoverflow, tried everything, but I'm doing something wrong and I can't figure it out. Please don't tag my post as repeated, since…
Paula
  • 477
  • 6
  • 20
0
votes
1 answer

Android: TableLayout doesn't show

I'm new to Android app programming. I'm trying to use a Table Layout to list some notes. Because their number shouldn't be limited, I have to integrate it programically. I created a new project for test purposes: import…
Chrobin
  • 65
  • 5
0
votes
1 answer

How can I make a column start top of container, and not depend on other columns?

I'm trying to make a grid-layout with BS4. This is how it looks right now: My grid-layout This is what I'm trying to achieve: grid-layout I want The problem I have is that my sidebar is starting at the same place as main content. I want it to start…
trezx
  • 3
  • 4
0
votes
1 answer

2d array relative to direction on grid

I'm working on a program that hides a number in a grid (2d array, 10 columns and 10 rows labeled with array filled with a character such as a . or -) and prints the grid to screen. a num for row and column are random generated and saved to array as…
0
votes
3 answers

CSS Grid 4 column layout with 2 column titles for

Given a markup: dl dt dd dd .. dt dd dd ... I'm trying to achieve the following layout with CSS grid: dt dt dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd My current approach is: .time-table { display:…
kano
  • 5,626
  • 3
  • 33
  • 48