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.
2,160
questions
0
votes
0
answers
19
views
How can I center my GridLayout in the middle of the screen in Kivy?
I have a GridLayout with 8 cols, and I add 64 Buttons. (so 8x8).
I want the Buttons to ALWAYS be quadratic, so I made that in my spot_init() function.
That all works great. When I make the Window ...
0
votes
0
answers
15
views
How to put newlines in a grid cell on column 2+ without printing to the first column
I am trying to print a sort-of-ascii grid with x columns and rows to the terminal (macOS, Python 3.11). Column and row numbers dynamically change, based on dictionary values. In each grid cell I want ...
1
vote
1
answer
41
views
Independent cell width within a grid layout
Is it possible to have independent cell widths within a grid layout in CSS?
I'd like to have the following layout:
+-----------+---------------+-------+
| | | A |
| ...
1
vote
1
answer
39
views
Creating a matrix over an image
I decided to set the background image as the game board so that I wouldn't have to draw it every frame. The problem I am having now though it trying to create a matrix over this image in which the ...
1
vote
1
answer
50
views
Dropdown-Menu - Columns Stacking Inside
Trying to create a filter on a web page that utilizes Bootstrap's drop-down menu and places each filter in columns side-by-side, but instead it stacks them right now. The filter menu is created ...
0
votes
0
answers
45
views
how can I create a dynamic grid in js and css
I am facing a problem related with the creation of a dynamic grid. But the cells are in the same column and there is no more columns as shown in the image below. Thanks in advance!
note: I tried the ...
-1
votes
1
answer
39
views
(WPF/XAML) How can I create a responsive toolbar similar to the one from Window's Snipping Tool?
I'm trying to create a responsive toolbar in WPF that works like the one in the in Windows Snipping Tool (the one that opens if you press Win+Shift+S).
The Snipping Tool's toolbar has 3 groups of ...
0
votes
0
answers
41
views
Bootstrap Dropdown Menu - Multiple Columns Side-by-Side
Trying to create a filter on a web page that utilizes Bootstrap's drop-down menu and places the columns side-by-side, but instead it stacks them right now. The filter menu is created dynamically by ...
0
votes
1
answer
37
views
got E/No adapter attached; skipping layout even when I attach a Layoutmanager and the adapter
I try to create a recyclerview for my gallery photo and video, I'm sur the data is correctly collected, an adapter is created and attached to my recycler view before the error.
I created the ...
0
votes
1
answer
34
views
CSS grid layout with equal height rows, where the shortest cell sets the height for all rows? [duplicate]
Like the title says, I'm trying to create a 2 column grid where the smaller cell sets the height of both columns. Is this achievable with css?
1
vote
3
answers
61
views
Is it possible to show Gridlines in CSS?
I'm starting to learn grid layout for CSS. In an ideal world, I would be able to set up a div multiple grid boxes and place my elements inside precisely, giving overlay when I need it (kind of like ...
-1
votes
2
answers
54
views
Having problems with grid css layout
I am trying to achieve a grid layout using Tailwind, but I have troubles of implementing it.
I thought at first to use flex but I think that would be difficult to achieve.
So far I am using grid grid-...
0
votes
0
answers
17
views
How to use GRIDLAYOUT dynamically to add views of different sizes? Android Studio
I am trying to make layout like this
I am trying to use GridLayout to achieve this but the issue I am getting is some buttons are small in size and some are bigger in size. For the small size buttons ...
0
votes
0
answers
19
views
How do I put pre-plotted plots into one big grid?
I have plotted several plots and saved them in my envoriment as plot1 plot2 etc. (18 plots in total) I want to put them in the same grid so that they are all shown as one image side by side (6 in a ...
0
votes
0
answers
15
views
CSS grid scrollable column [duplicate]
I have two grid columns. The content in the first column container-column should be scrollable and it's height should be given by the second column container-detail height.
How to acomplish this in ...
0
votes
2
answers
41
views
Android Studio GridLayout reverse not working
I'm currently making a instagram type of app in Android Studio, my app only shows the newest pic at the bottom of the grid. The Collections.reverse(arrayList) is not working
here's my main.java
...
0
votes
2
answers
25
views
Android Studio Recycler View have gaps between the rows. Help me fix
I followed this tutorial on youtube for my school project. The app is able to display selected images from gallery but the recycler view have gaps in every row. What do I code to fix this app? help. ...
0
votes
0
answers
17
views
Center container with full images in Tailwind...?
I am new to Tailwind and I have the following code designed to establish a 'grid' row of 4 columns, with each column being 256x256 pixels in dimensions:
<div class="grid place-items-center&...
1
vote
1
answer
67
views
Getting n x n matrix of counts of records based on the categorical values of multiple fields using SQL
I want to create simple n x n matrix where n is the every possible unique values of every categorical fields in my data, and the values in the matrix contains a count of records having a pair of two ...
-1
votes
1
answer
45
views
Python turtle drawing glitch?
I wanted to create a type of "grid" using turtle in python but when I start the program the parts of the drawing had a sort of broken line like this:
Glitchy part
This is the full image:
...
0
votes
0
answers
42
views
Blazor no grid layout found exception
I want to make a simple grid layout with blazor. 2 columns 3 rows. Here I have given the necessary values for the layout, column and row as parameters. when I test the project, it cannot find the grid ...
0
votes
1
answer
60
views
Nested grid not taking up the enough width?
I want to achieve a layout
But I'm getting output like this:
The seven is too big even though I've gave 0.1fr for it. And there is additional space remaining in height. I want to be able to fix it. ...
-2
votes
1
answer
96
views
How do I count the number of paths in this problem?
You are given an n×n grid where each square contains an integer between 1…n^2.
A route in the grid starts from some square and moves always either vertically or horizontally into another square, which ...
0
votes
1
answer
26
views
Java Swing GridLayout
I am making a GUI application, and I made a JPanel with JScrollPane. The problem is that when adding elements to it, first few elements taking all available space, which looks ugly. How can I prevent ...
0
votes
1
answer
102
views
CSS Subgrid "Invalid Property Value" [duplicate]
I have the following django template:
/*The body and the header are being positioned using CSS Grid:*/
body {
display: grid;
grid-template-columns: 1fr 4fr 1fr 1fr;
grid-template-rows: ...
0
votes
0
answers
22
views
how to disable button of one item when other item is clicked in a row in gridlayout
I want, that when the user click on the button of left item, certain function happens and the button on the right got disable, same vice versa with other button on the right.
Videoview is inside the ...
1
vote
1
answer
45
views
Get 2D list value with Point for input (C#)
For uni I'm programming this game where there is a grid int[,] grid;. I also have this class:
public class Point
{
public int x;
public int y;
public Point(int x, int y)
...
-1
votes
0
answers
15
views
how do i mantaign height and width ratio when using grid layout? [duplicate]
i have the below page:
@import url('https://fonts.googleapis.com/css2?family=Alkalami&family=Playfair+Display&display=swap');
img {
width: 100%;
}
section {
grid-column: 2/7;
grid-...
0
votes
1
answer
118
views
New row leaving space in MUI Grid system
In the following image the blue block is rendered under the red and green blocks. I would like the blue block to render directly underneath the red block.
Is there a way to achieve this with MUI grid?
...
0
votes
0
answers
27
views
Responsive 1col to 3col layout with CSS Grid, no media queries
I am very new to CSS Grid and would like to use it in my current project for practice. The section in question is a section of cards added in CMS, so I won't know how many items there are, but there ...
1
vote
2
answers
41
views
element click intercepted - cannot click on search button and grid column Selenium
This is the view:
}
After running my code i got this error message:
element click intercepted: Element <button class="action-submit" type="button" data-bind="click: apply....
1
vote
0
answers
108
views
Image resize overflows css grid column in firefox
I have a grid with two cells. The first contains an image that resize its width according to the height cell. This cell have the width of the image. Second cell has a width to fill remain space.
In ...
0
votes
0
answers
229
views
D3 and react-grid-layout
I have a React and d3 component that is unable to resize properly. I've based it on these examples.
const {
useState,
useRef,
useEffect
} = React;
const { Responsive: ResponsiveGridLayout } =...
1
vote
0
answers
68
views
Should I use two recyclerViews or more in this case?
I'm trying to build my first app (a quiz game) and I'm using recyclerViews.
And the thing is that when I open the activity I'm able to see two recyclerViews and I have to press on the items in the ...
0
votes
0
answers
25
views
WPF Grid, remove highlight of cell click
I have a window like this
<Window x:Class="Värvivärten_Sendscreen.MainWindow"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://...
1
vote
2
answers
113
views
How do I make a grid using divs?
Can anyone tell me what is wrong with my code? I am trying to create a grid using divs. This is what I have so far and I am not sure why it is not creating the grid. I have googled this so many times ...
0
votes
0
answers
44
views
Certain CSS Grid tracks are not the same size as others
Im working on a dashboard for the odin project. My github link and the model for the project are below.
I have just learned grid, and I feel like I understand it. What I DO NOT understand is why the ...
0
votes
0
answers
18
views
How do I associate Views in a GridLayout with its corresponding Objects?
I'm currently working on an Activity in my game that provides two important functionalities:
determining the amount of Players for a game session
determining what Roles from the predetermined ...
0
votes
2
answers
135
views
How to update the widget with updated canvas?
When the button is clicked a plot is generated from 10 random integers. This works fine when the button is first clicked, but after that the graph does not refresh again and no change is observed. How ...
0
votes
0
answers
24
views
multipage Grid Layout in wxPython
I want to implement a Grid Layout that allows to display only a subset of all the elements it contains, and allows to navigate forward and backward using two buttons, as in the following mockup:
I ...
1
vote
1
answer
45
views
Odd interaction between grid_propagate and columnspan
Assigning a columnspan (other than 1) to a child object appears to negate the effects of uniform=1 and grid_propagate(False). Here is a simple example of what I mean (click the text to toggle back and ...
0
votes
1
answer
37
views
how can i grid the button to the side of the bottom
so what I wanna do is move the button from the middle to the side as shown in the image
i tried to grid it using button.grid(row=0, column=1) but it didnt work and the button didnt move
so how do I ...
0
votes
1
answer
50
views
CSS Line will not span over 4 columns
I have al grid containing the grid-item.
Everything works great but saddly I can't get the line the span over the whole width of the intro class.
The line is only showing under the first column.
I ...
0
votes
1
answer
104
views
Tkinter Formatting Buttons in Same Row using .grid
How can I display a row of buttons across the bottom of the screen using Tkinter? The number of buttons is a variable. Could be 2 or could be 10. The number of items being displayed is also a variable....
0
votes
1
answer
36
views
CSS Grid With Resizer Wonkiness (no js)
Seriously pulling out what hair I have left on this one...
TLDR : :
CSS only resizer works great with multiple Grid columns except when there is little (narrow?) content in the most right column?
Yeah....
0
votes
0
answers
54
views
kivy grid layout change column/row sizes
I have a grid layout with 2 columns, i would like to do something like:
for a grid layout of size x, y:
column 1 has width = 0.8 * x,
column 2 has width = 0.2 * x.
all rows should be the same, i ...
0
votes
1
answer
44
views
How to stack cards based on length in Semantic Grid
I'm using React.js and Semantic UI. I use the Grid from Semantic UI to place cards (boxes) in a grid.
How can I make the grid rows stack like the image under? I want the Card element row to go to the ...
0
votes
1
answer
65
views
Grid with images (height: 100%; width: 100%;) comes out behind content of parent block
Code:
*,
*::after,
*::before {
margin: 0;
padding: 0;
box-sizing: border-box;
}
.images_grid {
height: 500px;
}
.images_grid__content {
display: grid;
grid-template-columns: 1fr 1fr ...
0
votes
0
answers
78
views
Kotlin || How to adjust Gridlayout width and height parameters programatically for all screen sizes?
I have a gridlayout with fixed height and weight paramaters. When screensize change automatically ıts getting bigger or smaller. Iv tried all methods but not succeed. How to fix?
My code ;
private ...
0
votes
1
answer
180
views
Product List with grid layout and other element in between
I want to create a product list with grid layout where it is possible to display another element in between the list. The products of the list are added in a shop cms dynamically through a for loop so ...