The layout tag is for questions about the placement, alignment and justification of objects with respect to a containing element.
2
votes
0answers
20 views
Responsive layout for showing/hiding 4 panels
I have 4 panels that will contains tables for data. There will be instances where a panel will contain no data, so I have combated wasted space with the code below. I'm relatively new to both jquery ...
3
votes
1answer
36 views
Android Authentication Activity with Fragments
I have an Activity called AuthActivity and I would like all of my authentication Fragments to be in this ...
1
vote
1answer
64 views
Login page without header/footer bars
I'm creating an app where the login page doesn't have the header/footer bars that the pages, after being logged in, would have. I've created an example that works, but I'm unsure if I am using the ...
4
votes
1answer
27 views
Positioning a container next to its menu
I'm a beginner in CSS and need help with a suggestion.
I'm working on a project, in which I managed to position container_main right next to ...
4
votes
1answer
39 views
Everything you might want to know about an element
I am working with a lot of DOM manipulation and need to know several values of an element to determine its position within the DOM and I have written the following to help scrape several of the bits ...
2
votes
1answer
31 views
Responsive video embedding
I figured out a alternative way to make embedded videos responsive and I like to have some feedback on it.
Would this be considered a hack or just bad coding to add a extra piece of html to make this ...
0
votes
0answers
27 views
HTML FlexBox Layout
Can someone please review my code .
I could not get a picture/snapshot of what im trying to do
but,I want to generate a layout which has header/footer and the content section is divided into two ...
1
vote
0answers
175 views
A BaseActivity to render toolbar and navigation drawer
I'm new to Android programming and this is my first project so I'm not sure if this is the correct method of rendering the toolbar or the navigation of the drawer on the screen:
So I have a ...
0
votes
1answer
24 views
File listing layout
I am designing a very basic file listing layout in HTML and CSS. Although its working but I would like to know if the following code could be improved upon so that its more good and follows the best ...
3
votes
0answers
84 views
Tablayout code for Android
I am using Tablayout for an Activity in my app but for some reason icons for each tab using ...
3
votes
1answer
52 views
HTML and CSS template of “Free .psd layout”
I have coded a free .psd layout for the first time. I did not make it responive because I would like to know if the code is correct.
The layout's appearance in Firefox and Chrome seems to be ok (...
1
vote
0answers
77 views
CSS flexbox responsive grid system
I'm using the flexbox for the first time for a responsive grid system. It seems to be working as far as I tested but want to make sure it works on others too and see ways to improve this.
Please see <...
1
vote
1answer
41 views
Product information overlaid on a large image
I've created some full-width divs containing images and text to exposure products.
It did take a lot of trial and error (I do not have any kind of education).
However, it feels a bit clumsy and i'm ...
7
votes
1answer
138 views
Button-clicking UI for a game
I've been working on this game for a couple weeks now as a purely personal project to help myself learn Java. I'd like to know if I'm on the right track with my project.
Items I'd like specific ...
3
votes
1answer
49 views
OOP and non-OOP versions of layout and page animation code
I am trying to learn how to write more object oriented javascript code, but I am having a hard time understanding the correct way to do it, and how it is useful for front end development. As you can ...
7
votes
1answer
131 views
Adapting layout for various iPhone and iPad screens using constraints and multipliers
My experience with autolayout tells me that it's very difficult to make app look good on whole variety of devices (from iPhone 4s to 6s especially). Size classes are useful with device position and ...
0
votes
0answers
53 views
Displaying three values with a title for each
I've created this layout to display three values with a title for each of them. The XML layout for the same is below.
How can optimize this? The important thing here is the values are dynamic, but ...
2
votes
2answers
47 views
Ruby OOP convention/layout
I am new to programming and I have just written my first program. It takes files from an SD card and copies then into a new named folder and has the option to name the files themselves or simply move ...
1
vote
1answer
54 views
Adjusting the height of a div to match that of another column
This code checks whether an image whose parent is .papers.left has completely loaded into DOM and if yes then the background of ...
3
votes
1answer
85 views
Swing Component Resizer Class
I've created a class to help resize Swing components while maintaining their aspect ratio within a container.
The class works by creating an instance and adding a container's components to it, then ...
2
votes
1answer
89 views
Managing Layouts in MigLayout
The following code creates a JFrame with a JTextField array in it. It also creates a JMenuBar...
1
vote
1answer
891 views
Udacity Intro to HTML and CSS layout sample
I'm going through the Udacity Intro to HTML and CSS course at the moment, and one of the exercises is to convert this mockup to HTML and CSS.
I did the following, and it looks ok-ish:
HTML:
...
3
votes
1answer
490 views
HTML and CSS markup for flexible form layout
I'm trying to have a HTML / CSS structure for flexible layouts for forms. I tried to look at Bootstrap codes for help with this (without actually using Bootstrap itself). I've gone with something ...
4
votes
1answer
305 views
Optimizing pagination of HTML tables
I'd like to share my implementation to you to confirm if it's a correct way to solve my problem. I have a list of products which have an attributes table and a description table (both in html_encoded ...
5
votes
2answers
245 views
Periodic Table generator
I've been playing around with Jekyll and CoffeeScript the last few days and made a Periodic Table to learn those two.
Now, to create the Periodic Table, I take an array of ...
5
votes
1answer
88 views
JFrame with four sliders
I am writing a control panel with Sliders but I think my code is messy and cumbersome, what can I do to improve it?
...
2
votes
1answer
363 views
Design a row in a listview
I want to design a row of the following style in my Android project:
I have the following code for this:
...
1
vote
1answer
527 views
Search layout with 2 edittext and 2 buttons
I'm building an Android app and I'm new on building the UI on an .xml file. I've built a simple layout but I think that is not optimize very well.
This component is a search layout with 2 edittext ...
1
vote
1answer
372 views
Optimizing a Google card layout
I'm developing an Android app in which I would build a card layout with a custom library. I think that my layout has not been optimized, but I don't know how I can this. It's not a very simple layout ...
5
votes
1answer
284 views
Vertical-align in Nested Column
Requirements:
There are two columns. The left column is fixed width.
The height of two Column should be the same.
Left column contain a title (can be multi-line) and an Image (limit max width to ...
10
votes
7answers
2k views
Overlap detection for laying out elements on a page
How would you simplify/improve the readability of this code? Because even after my attempt to improve the readability I think it still looks messy.
...
3
votes
2answers
248 views
Align text (left, center, right) without additional packages
I wrote this short subroutine to left, center, right-align a multiline string.
How can I make it better (shorter, prettier, optimized)? Can you offer some suggestions?
...
7
votes
1answer
202 views
Incrementing letter-spacing of one line of text
I was asked to create a script which will increment the letter-spacing of one line of text, until its width matches that of the first line; for use in headline/subheadline text to maintain a block ...
8
votes
1answer
84 views
Honey I shrunk the view
Going down the rabbit hole, I wanted to be able to change the size of a form, and not have to worry about the layout of the controls.
vba doesn't support user-resizeable forms, but forms still have a ...
3
votes
1answer
8k views
Android layout with equal spacing between elements [closed]
I am trying to make a nice set of items, which are equally spaced from each other.
On example below, I set buttons between empty textview. Every button and text view has ...
6
votes
1answer
694 views
Alternative to a Grid in a StackPanel form for an easier way of inserting new rows
In my real life example I am at a layout stage and before I actually move any further I would like to review my current approach. I am still learning about UI, XAML on WPF technology and I guess I ...
4
votes
1answer
387 views
Should I split code into smaller functions? Advice on layout
I have the following code. I was wondering if anyone can give me any pointers on how to make this more concise and neater? Should I be splitting this down into smaller functions?
...
3
votes
1answer
307 views
Am I over using <ul> for layout?
I want to create a small web widget, you can see it at this jsfiddle. Right now it is organized by placing lists within lists and content within those lists. All of this is supposed to sit, as a bar, ...
6
votes
1answer
9k views
Dividing the screen in two halves using LinearLayout
I want to divide the screen in two halves. The layout is locked on portrait mode. The top half will have one button and the bottom half will have many buttons. That's why I choose this division, since ...
4
votes
4answers
238 views
Improve HTML structure?
I am not new to html however would like to know about best practices. I need to develop a layout like this:
This is what I have proposed:
...
4
votes
1answer
100 views
Webpage Template
Introduction
I am designing a website as a hobby. As you can probably tell from the code below, I am an absolute beginner. The first thing I'd like to do is to create a nice webpage template that I ...
1
vote
1answer
343 views
Resizing table widths and making input fields
I am trying to simplify my code, which will do several things:
Give the same width to every columns no matter how many columns the table has.
Add input field if there is no text inside a ...
1
vote
2answers
176 views
How's my and my father's java ODE Solving and Graphing Program?
At the request of my father, I've adapted some C# code he wrote which uses a timer to display the true and approximate solutions of the ODE y' = -lambda*y in real time to do the same in java and then ...
4
votes
1answer
311 views
GUI layout for a security camera app
I'm designing a security camera program. Right now, I am just trying to set up the GUI before receiving. I am using Kivy since, in the future, I plan on designing some programs for Android. I really ...
1
vote
2answers
3k views
2
votes
1answer
496 views
HTML - single page layout - absolute positioning
I am doing web apps, mostly single page apps. So i have to give absolute and fixed positioning a lot via css.
For Example, consider this page layout:
...
1
vote
1answer
631 views
Java Swing Panel layout [closed]
I am working on a Java project for college that involves us setting up a TCP Server and Client. I have that part working and now to add more of a feel to my project I want to add a GUI.
We have not ...
13
votes
2answers
12k views
Is nesting grids a good idea?
I find myself nesting a lot of grids inside grids in WPF. I just found myself 3 Grids deep, and stopped to think: "Should I be doing this?" Is there some kind of performance cost? Is it unmaintainable?...
3
votes
3answers
442 views
3
votes
1answer
2k views
wxPython Form Builder - Sizer Automation
Presented for critique are a pair of classes which automate Sizer Creation and Layout in wxPython.
...
