FAQ Database Discussion Community


How to add rows to a responsive grid

html,css,responsive-design,row,grid-layout
I am new to all of this web stuff so please bare with me. I am trying to create a responsive grid layout. However I have so far got to a 4x2 grid which keeps going wrong when I try to add more rows. I have managed to get the...

How to align “boxes” in a grid layout

xml,actionscript-3,menu,grid-layout
I've this little "menu" I'm loading via XML in my .swf This is my code: for each(var datos: XML in xml.datos) { var menuItem: MenuItem = new MenuItem(); menuItem.x = count * menuItem.height * 6; menuItem.y = 0; menuItem.menuText.text = [email protected]; menuItem.mouseChildren = false; menuItem.addEventListener(MouseEvent.MOUSE_OVER, mouseOverItem); menuItem.addEventListener(MouseEvent.MOUSE_OUT, mouseOutItem); menuItem.addEventListener(MouseEvent.CLICK, itemClicked);...

JFrame layout helping/guide,

java,swing,jframe,layout-manager,grid-layout
I am having trouble with the layout of my JFRAME the layout is extremely difficult to me because i have just started learning it. the layout I'm looking for is select data START DAY: "textField" Month: "textField" YEAR: "textField" END DATE DAY: "textField" Month: "textField" YEAR: "textField" like it is...

How to add a title in a GridLayout

java,swing,grid-layout
I have got 2 different GridLayout of buttons. They represent a game board and I like to add a title and a border to the GridLayout to distinguish the user's board from the PC's board. The Gridlayout is done, but I don't know how to add the title.

zurb foundation make column width persist across screen sizes without individual declarations

html,css,zurb-foundation,multiple-columns,grid-layout
Using zurb foundation, I'm looking to have a single class declaration that will persist across media query breakpoints. For instance, if I wanted to create a div that was 10 columns no matter if it were being viewed on a desktop or a phone. I realize this can be accomplished...

Adding a JLabel above a GridLayout [closed]

java,swing,containers,layout-manager,grid-layout
I'm having a hard time with containing a GridLayout so that adding a JLabel above it won't throw off anything. I've tried a few different things but still cant seem to get it aligned right. It's a Tic Tac Toe game: package assg01; import javax.swing.*; import java.awt.*; import java.awt.event.*; public...

Remote filtering; no return value

extjs,filter,grid-layout
Extjs 5.0 In a grid, I have a tollbar with a textfield used to filter the grid (remote). Works fine. However, if I do the filtering with a word that does not exist in the database (eg 'mywxtyz'), gives the error: Ext.JSON.decode (): You're trying to decode an invalid JSON...

Use a JButton to add new panels at runtime

java,swing,jpanel,grid-layout
I feel as beginner I may have bitten off too much in regards to application building. That said, I am working on developing an application for a friend that will have prompts where each JPanel will provide fields to create an object to be used later. What I would like...

how to have multiple inputs on left side of row and one on the right in foundation 5

html,html5,grid-layout,zurb-foundation-5
How do I move the City, State and Zipcode inputs up where they should be? I have been messing around with the rows and the end, pull, push and offset classes but i guess i haven't found the right combination. Any help will be great. Thanks! My Modal HTML:...

Aligning Long Titles on CSS Responsive Grid

html,css,grid-layout
I have built a CSS responsive 3x3 grid. Each section contains an image and title. In some rows I have 1 long title and 2 short titles. CSS .third { width: 32%; float: left; margin: 0 2% 2% 0; } .last { margin: 0 0 2% 0; } .entry-thumbnail {...

How to insert JPanel beside a grid?

java,swing,jpanel,layout-manager,grid-layout
I just built this grid using (Java Swing library), and this is the code: import java.awt.Color; import java.awt.Dimension; import java.awt.GridLayout; import java.awt.event.MouseAdapter; import java.awt.event.MouseEvent; import javax.swing.*; public class TestGrid02 extends JPanel { private static final long serialVersionUID = 1L; protected static final Color SELECTION_COLOR = Color.red; private JPanel selectedPanel =...

GridLayout designing custom grids

android,design,android-custom-view,grid-layout
I am making an app that will feature a GridLayout on the launch and after clicking on any of the tiles it will take a user to a new Activity. I want to make a layout look like this I was wondering how to make the layout look like this....

Create animation JButton Grid java

java,jbutton,grid-layout
How can I do a similar drop down animation on gridlayout? I'm trying to do the game Connect 4 with swing lib. Why this doesn't work? private class ButtonListener implements ActionListener { public void actionPerformed(ActionEvent event) { JButton bottone = event.getSource(); for (int i = 0; i < 6; i++)...

Dynamic Tile based layout

jquery,ajax,wordpress-theming,grid-layout,html5-animation
Hello I would like to make a layout where by tiles (1x1, 1x2, and 2x2) fill a grid, and when you click one of the tiles it expands to a larger window and fits into a larger area within the tiles surrounding it. Here is an example of what I...

Java : divide the screen

java,swing,layout,grid-layout
I try to do a simple swing window, but with the layout it's not easy... I mean I just want a window with 3 panels : header with 20% of window in height content with 60% of window in height footer with 20% of window in height But I can't...

Grid lay-out in Bootstrap

html,css,twitter-bootstrap,grid-layout
I've got a webpage in which I want to add a table. The table contains 6 columns where the first column is about 2.5 times wider than the other columns. My idea was to make a grid row with 4 3-width columns, after which I would devide the second, third...

Creating a grid (each div is the same responsive height) in Twitter bootstrap?

css,twitter-bootstrap,grid-layout
I'm trying to create a grid in bootstrap, when I add multiple columns (which will span multiple lines) into a single row it looks like this: Here's my code: <div class="row"> <div class="col-md-4"> <div class="col-md-4"><img src="http://icons.iconarchive.com/icons/thiago-silva/palm/256/Photos-icon.png"></div> <div class="col-md-8"><h4>Subheading</h4>Text goes here. <br /><br /> This one's a little longer and breaks...

How to create a textarea and sidebar spanning full height in javafx?

java,javafx,grid-layout
I am trying to create a UI in JavaFX which should have two columns and one row. The row should span from top to bottom (100% height) and the columns should be 80% and 20% wide respectively. In the first column, I am creating a textarea, while the second one...

Why are my columns too wide when using only the grid module from Semantic UI?

html,css,grid-layout,semantic-ui
I would like to use Semantic UI in my project and I have started with the grid system. At the moment I am only using the pre-built grid module from GitHub. The following HTML does not work as expected: <div class="ui page grid"> <div class="four wide column red">four</div> <div class="four...

6 cells 3*2 grid layout with divs

html,css,grid-layout
I am wondering what is the best way to create this 3*2 "table" using DIVS? I am really tempted to use simple tables code <table> as it would be easier, but the trend today is to use Divs. Therefore, what would be the best, elegant way to create something like...

Stick footer on bottom with a floating grid schema content

css,css-float,grid-layout
I have a website based on a grid system, so all columns are floated to the left. This means that the main .content div has no height, as all its containing divs are floating and out of the HTML flow, and so the body has neither height. I have searched...

making a square div within a row a vertical rectangle?

html,css,grid-layout
I have created a responsivee grid layout and its all working wonderfully, however now the last thing I need to do is to make a couple of the squares rectangular. The ones I need to make rectangular are the top two squares in the second column of my grid and...

Listview last item visibility goin out of screen

android,android-listview,scrollview,grid-layout
I am using scrollview and gridlayout. There are just autocompleteTextview, 1 button and A listview for result. But last item on listview are goin out of screen like My XML code is as follows ` <GridLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:columnCount="1" > <AutoCompleteTextView android:id="@+id/AutoText_dest" android:layout_column="0" android:layout_gravity="left|top" android:layout_row="0" android:ems="10" android:hint="Desired Destination" android:imeOptions="actionDone"...

How does Pythons .grid() function work

python,tkinter,grid-layout
I try to use the following to align buttons but it doesn't work #creates entry inputs for answers entry=Entry(master) entry.pack() entry.focus_set() #button 1 created and used to call addition function b1 = Button(master, text="+", command=callback) b1.pack(side=LEFT) #button 2 created and used to call subtraction function b2 = Button(master, text="-", command=callback2)...

Adding Rows & Removing Gaps From Responsive Grid Layout

html,css,row,grid-layout
I am new to all of this web stuff so please bare with me. I am trying to create a responsive grid layout. However I have so far got to a 4x5 grid which keeps going wrong when I try to add more rows. I have managed to get the...

Interpolating Gridded 3D Data to a finer scale

r,interpolation,spatial,grid-layout,netcdf
I have a NetCDF file of a probability surface. It's a 30x30 grid of 0.25 degree lat/lon intervals with a probability surface described in the z dimension. I can easily import this into Panoply, a NetCDF viewer: And it's then a breeze (checking one box) to interpolate/smooth the raw data...

my 3x3 responsive grid gone wrong

html,css,grid-layout
I am new to all of this web stuff so please bare with me. I am trying to create a responsive grid layout. However I have so far got to a 3x3 grid which has gone wrong. I have managed to get the squares spinning. However I can not seem...

Inline-block containers do not sit site by side, cause expansion of container

css,inline,grid-layout
Apologies, I have attempted to create a JS Fiddle replication, but the issue does not seem to occur in the JS Fiddle so I can only think it is a problem with the more general CSS on the page. The JS Fiddle created does not show the error, but here...

increasing the height of a div that is in a row?

html,css,grid-layout
As you can see from the livelink and code below, I have created a responsive grid layout and its all working wonderfully, however now the last thing I need to do is to make a couple of the squares rectangular. The ones I need to make rectangular are the top...