Questions tagged [layout]
The layout tag is for questions about the placement, alignment and justification of objects with respect to a containing element.
84 questions
3
votes
0
answers
157
views
Java Swing Layout Manager: TrainLayout, TotemLayout, BullsEyeLayout (together called TOnion layout)
This is my code of the Java Swing LayoutManager that I wrote for Cerebrummi vocabulary trainer. Screenshots
I made it available (version 3.0) on github to be used freely.
Unfortunately it was never ...
- 317
5
votes
1
answer
63
views
Created a Generic Row to do a lot of regular operation easily
I create generic Row to handle almost 90 percent of the basic feature.
I need your feedback to make it more flexible and extensible
...
- 193
4
votes
1
answer
99
views
Sharing UI logic between fragments and activity
I have tried to make my code more modular and reusable by utilizing fragments in activity. The purpose is to have a static activity with a FragmentContainerView that hosts various fragments. Each ...
- 71
-1
votes
1
answer
94
views
Bootstrap card component [closed]
I am using Bootstrap v5.3 to create a card layout, and I want it to be SEO-friendly (see this link for my SEO-friendly criteria).
Below is my card component I wish to optimize and, if possible, to ...
- 109
4
votes
1
answer
6k
views
Randomly place Divs on webpage and make sure they don't overlap
Currently I am working on a project for which I want to have the different links (div elements) placed randomly on my webpage. To accomplish this, I first generate a set of coordinates and later check ...
- 91
3
votes
1
answer
250
views
Text centered in a circular component
I have surrounded my initials with a circle. This is intended to be a re-usable component in a responsive layout. (When it is re-used the text will always be two letters, and the font won't change. It ...
- 321
2
votes
0
answers
61
views
Utility classes to control word breaks
I want to know if my SCSS code looks correct.
Note: Everything works as I expected. The Main Idea of this code is to generate Word Break Utilities for controlling word breaks in an element.
using SCSS ...
- 21
6
votes
1
answer
340
views
Group list items into pages, rows and columns
I have a list of labels for printing. Now I have go over the list and print the labels. The layout is specified by how many labels per page and per row on a page I can print.
...
- 163
2
votes
0
answers
55
views
4
votes
1
answer
645
views
Grid layout component for VueJS
I'm working on a vue.js / nuxt.js project, applying the Atomic Design methodology, I need to do one to set the grid layout and using CSS Grid Layout.
I already did the component, but I think I did ...
- 41
1
vote
1
answer
1k
views
Grid of radio buttons in Android
I want to display multiple radio buttons in a layout with multiline style as an item inside a RecyclerView. Look at the code I provided below and suggest how I can ...
3
votes
0
answers
395
views
Reusable grid layout for React.js
I have taken someone else's HTML and CSS code for grid layouts and reactified it. When converting the code to React, I tried to make it as simpler. I would like to learn from community, if any ...
- 201
1
vote
1
answer
261
views
blueBox dashboard Dribble design challenge
I have coded an UI from dribble design as a challenge and completed it but I think The CSS I wrote is really bad. I am a beginner. How can I improve my CSS?. One of the main problems is that I am ...
- 121
3
votes
1
answer
232
views
Splitting a long string based on its graphical presentation
I got a long string, let's call it Story.
I fetch this story from a database so I don't know how long it is.
I want to display this story in a view, but what if ...
- 155
4
votes
1
answer
7k
views
window.innerWidth - workaround for when it returns the wrong value
Some JavaScript libraries relies on window innerWidth and innerHeight to do their calculations
...
- 141