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.
grid-layout
2,195
questions
6
votes
1
answer
14k
views
How to Make Qt Grid Layout Auto Size Column Widths
I have a QDialog with a grid layout in it. The grid is 5 columns wide by a variable number of rows. The QDialog begins with a prebuilt UI that has a label in each of the 5 columns. The rest of the ...
- 130
6
votes
1
answer
461
views
Grid layout - is this possible using flexbox?
I'm currently using the following grid-layout:
display: -ms-grid;
-ms-grid-columns: 400px 100px max-content 1fr 50px;
-ms-grid-rows: 1fr 1fr;
Which resembles this layout:
| <----------------- ...
- 9,831
6
votes
3
answers
3k
views
How to center content of GridLayoutManager?
Just trying to center my RecyclerView horizontal.
Here is the xml:
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/...
- 185
6
votes
0
answers
2k
views
Dynamic Android Grid Layout with custom positioning and sizing of children
I'm currently trying to create an Android grid layout from custom elements(taken from a db) and am in need of suggestions on how to implement it. The grid should have 6 columns and it should be scroll ...
- 283
5
votes
2
answers
28k
views
GridLayout and number of rows and columns
Does GridLayout ever not honor the number of rows and columns you've specified if you don't fill it completely?
I'm creating a GridLayout with 3 rows and 4 columns. However, I'm only adding 9 ...
- 7,706
5
votes
4
answers
9k
views
How do I show the columns of the grid of Bourbon Neat?
In my CSS file apply the commands of Bourbon Neat and not show columns in html file, if show the result of apply but not show columns.
.container{
@include outer-container;
@include span-...
5
votes
8
answers
8k
views
Items grid with inner padding only
What techniques are there for creating a products grid that has padding between each item, but only within the grid? For example, what I am trying to achieve is the below:
Sample markup:
<div id="...
- 5,340
5
votes
1
answer
51k
views
GridLayout java center alignment
I'm using GridLayout class in Java to layout some UI components. Image is here:
I would like to get the Create Shopping Cart picture and the associated text to be aligned center in their respective ...
- 49
5
votes
2
answers
7k
views
Android - Get all children of a GridLayout?
How can I get all the children of a GridLayout? In my GridLayout, I'm adding views with blahblah.addView(child), not through XML. The GridLayout is set out a bit like this:
+++++++++ ++++++++++ ...
- 493
5
votes
2
answers
8k
views
Apk installed on the device but I don't see it in the apps
I wanted to tweak a piece of sample code from API Demos group - GridLayout0. For it I created a separate project and copied GridLayout0.java into it. Now when I try to see the results of my changes, I ...
5
votes
1
answer
5k
views
Swing doesn't respect my GridLayout Rows x Columns definition. How to fix?
I have been trying to resolve this without success.
How to make JPanel p respect the defined GridLayout?
All I get is the first row containing 3 panels but not 4 as I've told Java to perform.
What's ...
5
votes
4
answers
16k
views
How to set a specific flexbox gap in CSS
I'm trying to achieve a flexbox layout with just one flex-grow element and a variable number of smaller elements around it. I need a gap between the elements that's a fixed width - exactly one pixel. ...
- 155
5
votes
2
answers
10k
views
Get position of object in Grid Layout
How can I get the actual position of an object in a grid layout? In my current iteration symbolPosition keeps returning 0,0,0.
public void OnPointerClick (PointerEventData eventData)
{
// ...
- 1,338
5
votes
2
answers
7k
views
Achieving a complex grid in bootstrap
Would it be possible to achieve the attached grid in bootstrap? Each of the squares would probably be an image... or perhaps text!
I've had a go, but hit a wall when it comes to the top-left box for ...
- 211
5
votes
3
answers
4k
views
JProgressbar width using Grid/FlowLayout
I'm working on a downloader which looks like this at the moment:
The JFrame uses a BorderLayout.
In the NORTH, I have a JPanel(FlowLayout). In the SOUTH there is also a JPanel(FlowLayout), in the ...
- 13k
5
votes
2
answers
2k
views
Setting foreground color for all TextBlocks in a Grid in one place in XAML (Silverlight, WP)
Let's say we have a construction like this:
<Grid>
<Grid.ColumnDefinitions>
<ColumnDefinition />
<ColumnDefinition />
</Grid.ColumnDefinitions>
...
- 2,879
5
votes
3
answers
7k
views
Responsive 4 box grid from two to one columns
I'm a beginner in css and I have a little problem. I tested different methods to handle a responsive 4 div grid with css, and I failed.
I want to responsively arrange the 4 divs as an grid with 2 ...
- 53
5
votes
2
answers
16k
views
Align Buttons in GridLayout
My layout code and its graphical representation is:
This is just an example, I have about 30 Buttons in my application inside a GridLayout.
I want my Buttons to fill their entire cell in the grid and ...
- 5,260
5
votes
2
answers
34k
views
Node cannot be inserted at the specified point in the hierarchy" code: "3
Hey, it's me again with a question about jquery and that gridlayout I made a php template with switch and the code i am inserting is this
<div id="wrapper">
<div id="grid">
<div class=...
- 163
5
votes
1
answer
4k
views
spans adding up to parent in bootstrap not working if in well
<div class="row">
<div class="span8">
<div class="well well-large">
<h3>Place an Order</h3>
<div class="row">
&...
- 42.2k
5
votes
1
answer
20k
views
Ionic 2 - Tables
I'd like to build tables using ionic just like in Bootstrap.
I'd like my tables to look like THIS LINK'S examples.
So, the feature that I couldn't find in Ionic's Docs was "table headers". All the ...
- 1,614
5
votes
3
answers
7k
views
Is there a way to make a NativeScript GridLayout with a fixed aspect ratio?
First of all, I'd like to apologize if I fail to comply with any SO rules, as it's my first question.
What I'm trying to acomplish, is having a square gridLayout in my page. The behavior should be ...
- 121
5
votes
2
answers
5k
views
HTML5 Css3 Grid Layout Not Working Even When I Copy an Example from w3.org
Would appreciate any help trying to get css3/html grid layout to work. I have tried the below code in IE, chrome, and Edge, and can't get it to work. Maybe there is something I have overlooked.
#...
- 69
5
votes
2
answers
363
views
Remove huge gaps between check boxes on panel
Its pretty basic UI, but I cannot setup the JCheckBox buttons so that they are placed immediately after one another (vertically) without any spacing. How would I reduce the spacing seen below?
...
- 6,555
5
votes
1
answer
17k
views
Gridlayout + ScrollView
I want to create a layout like first page of android market.
I am trying to use gridlayout as I would like to put imageview with different sizes and location, I also need to input scrollview.
...
- 7,492
5
votes
3
answers
8k
views
GridLayout + Mouse Listener
Okay guys I have a problem, I dont know how know which cell was clicked on a grid layout, is there any function?
I have grid layout on container, for 10 rows and 10 columns, and what I want is a ...
- 3,506
5
votes
2
answers
8k
views
What does this do: MS_POSITIONING="GridLayout"
The string appears on all <body> tags in some old asp.net webform applications.
- 101k
5
votes
1
answer
12k
views
Bootstrap Column Wrapping - Irregular Behavior
I'm currently experiencing irregular column wrapping behavior with Bootstrap. Some columns that wrap in my row are floated to the top of the container as opposed to below the previous element.
...
- 455
5
votes
1
answer
40k
views
Why <div class="clear"></div> used?
I'll adapt my self to what 52framework.com offers. (HTML5, CSS3, JS framework)
Despite watching grid tutorial video and inspecting other demo source codes, I couldn't understand why framework used <...
- 1,176
5
votes
3
answers
4k
views
How can I fill all the space in a datagrid text column header with a grid?
I'm incredibly new to wpf, and I'm having trouble with some formatting in my column headers. I want to have a Textblock with my title, and a button in my header that will eventually be a filter ...
- 51
5
votes
4
answers
7k
views
How I can adjust variable height text property kivy?
I have a ver long text in kivy. I want adjustment dynamic height depend of qty of text.
My code is this.
import kivy
from kivy.app import App
from kivy.uix.label import Label
from kivy.uix....
- 181
5
votes
4
answers
4k
views
How do I neatly indent some components using Java Swing layouts
Using Swing, what is the best way to indent some components underneath a checkbox or radio button? I need to make something in the style of Firefox 3.6's Options->Privacy dialog where some checkboxes ...
- 53
5
votes
2
answers
4k
views
Why does this Material-UI Grid item move when I click on it?
I am developing a React app using Material UI. I am having an issue with one page of the app.
That page contains some text and a button, which are vertically aligned with one another. It also ...
- 53
5
votes
3
answers
3k
views
Center items in grid layout when not enough data to fill entire row
I'm using the new CSS grid layout, basically I'm displaying a series of images, which is fine with six columns, I've gotten that part down, but the content has a variable number, and often times there ...
5
votes
2
answers
3k
views
3-column full screen app layout in Bootstrap 3
I'm creating an admin dashboard for an app, where I need a layout like this:
---------------------------------------------------------------------------------
| ...
- 1,500
5
votes
1
answer
3k
views
How to automatically increase or decease size of JButton text based on the size of JButton?
I am trying to increase/decrease the font size of JButton text automatically (if JButton increases/stretches its text will also increase, if JButton decreases its text will also decrease). The default ...
- 1,436
5
votes
3
answers
5k
views
Seaborn PairGrid: show axes tick-labels for each subplot
With seaborn.PairGrid is there a way to show the axes tick-labels for each subplot? (an equivalent to sharex=False, sharey=False in case of seaborn.FacetGrid)
import pandas as pd
import numpy as np ...
- 653
5
votes
3
answers
3k
views
Twitter bootstrap grid: is it possible to simulate smaller screen by adding class to container?
Does Twitter Bootstrap 3 provide a built-in way to "simulate" a smaller screen by adding a css class to grid container?
My use case is that I want to display an section of html using bootstrap's ...
- 1,709
5
votes
3
answers
4k
views
CSS Responsive grid 1px gap issue
I am working on a responsive grid system for a project. The grid is made up of blocks which are floated left and have a width of 25%.
Inside these block are are images which are set to either 100% *...
- 441
5
votes
1
answer
3k
views
Creating a contact list program
I am coding a contact list application in eclipse using Java Swing.
How can I get a simple table layout that contains just columns and rows?
I don't want row or column labels.
Something like this:
...
- 63
5
votes
1
answer
7k
views
How do I use calc() with min-content?
I have a grid layout which can be simplified like this.
What I want to achieve is the .side should take whatever space the content needs to by default using min-content, but user can enlarge it by ...
- 19k
5
votes
1
answer
188
views
Defining an order of clipping the rows of a Silverlight grid control
I am using a Grid-control like this:
<Grid>
<Grid.RowDefinitions>
<RowDefinition Height="10"></RowDefinition>
<RowDefinition Height="10"></...
- 1,392
5
votes
2
answers
3k
views
What is difference between GridView, GridLayout and Recycler view with GridLayout?
I am developing an app in which i need a layout like provided images.
Which layout should i use? and why ?
What is difference between GridView and GridLayout ? why they are in legacy section ? What ...
- 279
5
votes
1
answer
10k
views
Android margin between buttons in grid layout
I'm trying to create a grid layout containing buttons but by default there is a space between these buttons and I don't need that. The .xml file looks like this:
<?xml version="1.0" encoding="utf-...
user1936584
5
votes
1
answer
4k
views
Space between GridLayout items
I have a GridLayout in runtime (not a GridView)
This is my xml
<?xml version="1.0" encoding="utf-8"?>
<GridLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:...
- 1,220
5
votes
2
answers
3k
views
Android - WrapPanel equivalent
I've read some of WPF/Silverlight controls, and I really liked some of them. One of the panels that I wish Android could have is WrapPanel (as a layout, of course). Has anyone else come across some ...
- 116k
5
votes
1
answer
2k
views
GridLayout pushes down its children and overflow when given fill_parent for height
As it seems the GridLayout will always push its children to layout corresponding to their needs. for instance the following declaration:
<?xml version="1.0" encoding="utf-8"?>
<GridLayout ...
- 2,200
4
votes
3
answers
12k
views
IntelliJ and android.support.v7.widget.GridLayout
I am running into trouble either setting up the support v7 GridLayout library in my IntelliJ project, or properly referencing it in my code.
I currently use the ActionBarSherlock and Facebook ...
- 361
4
votes
1
answer
4k
views
How to swap grid positions (materializecss) on different devices?
I'm building a website using MaterializeCSS
I have two boxes:
A (col s12 m8 l8)
B (col s12 m4 l4)
<div class="container">
<div class="row">
<!-- Box A -->
<...
- 113
4
votes
3
answers
6k
views
Bootstrap layout on lower resolution
I have the following code:
<div class="row">
<div class="col-sm-2">
<input style="width:100%" >
</div>
</div>
And Fiddle:
Sample
On my default resolution: ...
- 4,725