Questions tagged [layout]
The layout tag is for questions about the placement, alignment and justification of objects with respect to a containing element. For questions pertaining to CSS, use the 'css' tag instead.
26,799
questions
0
votes
0
answers
5
views
How do I get a good form layout in Compose?
Here is something that many applications end up adding: an options screen.
Sample program:
import androidx.compose.foundation.layout.Column
import androidx.compose.foundation.layout.Row
import ...
0
votes
0
answers
9
views
Responisve Layout but mantaining 1:1 ratio on specific DIV?
I am wondering if there is a possiblity to make my layout responsively stable, meaning that each DIV in a Wrapping DIV will take certain amount of space, no matter the zoom, meanwhile I'd like one of ...
0
votes
1
answer
45
views
Flutter - HIde text that overflow from the Container with dynamic height
So I have a container whose height depends on the screen size of the device. And I've some text in that container. I want the container to contain all the text it can, but hide the one that starts to ...
1
vote
0
answers
39
views
How can I center a rectangle in a Canvas in React Native and Skia (react-native-skia)?
Summary
I would like to center a Skia Rect inside a Skia Canvas in React Native using react-native-skia (https://github.com/Shopify/react-native-skia). If I refresh my app, or launch it fresh, the ...
0
votes
0
answers
6
views
I want to make two layouts of Recycler View: the first layout contains the on-progress data, and the second layout contains done data
I'm trying to make an android app for personal project about a complain app, i'm using SQL Server, android studio, PHP for the API. My idea is to create a feature where there are 2 layouts, When users ...
0
votes
1
answer
56
views
Flutter - How to calculate Size of a Widget before rendering?
I'm trying to make a responsive UI that consists of 2 main elements - Video Player and its Controls.
The controls do have a dynamic height and I need to calculate remaining height on top of the ...
0
votes
0
answers
16
views
How to create multiline ChoiceChip within Row with MainAxisSize.min in flutter?
I am trying the following code:
import 'package:flutter/material.dart';
void main() {
runApp(const MaterialApp(
home: SafeArea(
child: Scaffold(
body: HomePage(),
)),
));
}
...
1
vote
2
answers
48
views
Nextjs, metadata in client layout.tsx component
in my nextjs web app i needed to make my main layout.tsx file a client component trough "use client", so i had to remove the export of the metadata object in order to make the app continuing ...
0
votes
0
answers
21
views
Tailwind layout overflow-x-hidden not working
I'm building a layout in Tailwind which contains curved borders, I've managed to create these but its causing the layout to be wider than I'd like, so causing scrolling across the layout, when it ...
0
votes
0
answers
34
views
Do i really need to use Layouts in PyQt? [closed]
I have a large project—a Windows-like OS designed for low-power devices, such as tablets in the kitchen, for basic web browsing and simple tasks. It's essentially a clean and simple OS, although it's ...
-1
votes
0
answers
14
views
My design layout is not matching the output
XML output in android studio
Output
on the first picture is my design panel in the xml file and on the second is my output every widget is cramped in the top.
I tried changing the resolution, ...
1
vote
1
answer
49
views
how to have <img> shrink instead of ever having y-overflow occur when page is too short
this question might seem trivial but with 3 years of frontend development experience I am failing at this. I created a minimum reproducible example.
this is my code of the example. For viewing it, I ...
-1
votes
0
answers
22
views
C# 2D Layout library [closed]
This is my first time asking something on Stackoverflow, please bei gentle.
I wanted to build a c# app that can help me with making a 2d layout where i can drag and drop forms (rectangles) and save ...
1
vote
1
answer
38
views
Is it reasonable to use percentages with UIScreen Height?
Is it reasonable to use percentages with UIScreen Height to make auto layout in SwiftUi? I am quite new to Swift and I need to make an auto layout but as I know SwiftUI doesn’t have margins as UIKit. ...
-2
votes
0
answers
19
views
Splitting a UI Element in Half and Displaying It in Two Rows in WPF [closed]
I want a make WPF app. I have a window with dimensions of 500px x 500px and a button with the content "MyButton" sized at 1000px x 250px. I want to display this button in two rows. The first ...
1
vote
2
answers
25
views
How to create custom section layout options for SharePoint online modern site pages?
SharePoint provides default layout options below as mentioned in the screenshot. How can we create custom section layout options as per our needs? If there are any ways to create custom section layout ...
-2
votes
0
answers
22
views
How to layout a frame in HTML, CSS and JS [closed]
I want to drill a frame in JavaScript, but I don't know how to do it. I take the layout from the eat-curious website.
https://eat-curious.com/[ {
private val overlayParams = WindowManager.LayoutParams(
WindowManager.LayoutParams.MATCH_PARENT, WindowManager.LayoutParams.MATCH_PARENT,
...
0
votes
1
answer
21
views
I changed the values of GridLayout's RowDefinition and ColumnDefinition, but there is no change in the Grid
<Grid x:Name="xResult" Background="Fuchsia">
<Grid>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="*" />
&...
0
votes
2
answers
31
views
Flutter transient RenderFlex overflow with successive dialogs
I have successive Alert Dialogs that appear after a button is pressed. When the second dialog displays, there's a brief "FLT: A RenderFlex overflowed by 46 pixels on the bottom." that ...
0
votes
2
answers
34
views
How to Align Flex Items with Icons Uniformly on Smaller Devices?
I'm working on a responsive web design using flexbox and encountering an issue with the alignment of flex items, especially icons, on smaller devices. The layout includes multiple columns with icons ...
1
vote
0
answers
48
views
Center the text in the Row with the Image located close to the left of the Row
I'm doing an assignment on building a login screen interface similar to the Spotify application with JetPack Compose. However, I'm having trouble centering text in a Row and the Row is inside a button....
2
votes
1
answer
62
views
Why columns are not all the same height?
I'm using Kotlin with Jetpack Compose for an Android app and I'm facing a problem that I'm struggling to solve. This is the result when I run the code below with COLUMNS equals to 7:
This is the ...
1
vote
1
answer
30
views
CSS styling when text added into element, pulls element down the page [duplicate]
I'm building a custom calculator in Angular and struggling to understand exactly what is happening here. I have 5 div elements, set to 10vw height and width. On start up there is nothing in the div. ...
0
votes
1
answer
33
views
How can I arrange several plots using ipywidgets?
Question.
How can I make a grid (or other similar layout) out of matplotlib plots using ipywidgets?
Description of my attempt.
I want to have two plots, each of witch is on separate matplotlib figure. ...
-1
votes
0
answers
24
views
Using Livewire Directives inside layouts
I have run into a problem recently while using layouts, the problem is that when i use them and pass data from my component to layout, it gets processed ok but none of the "Livewire Directives&...
0
votes
0
answers
20
views
ELK Layered algorithm with SvelteFlow
I'm using Elkjs and SvelteFlow to layout nodes inside a subflow as the one shown in the screenshot (left). I have tried many of properties for the ELK Layered algorithm (https://eclipse.dev/elk/...
0
votes
1
answer
48
views
Porting Xamarin to Maui - Custom control
I have a custom control CustomView with a couple of bindable properties
namespace App.Maui.Controls
{
public class CustomView : Layout<Layout>
<ContentPage xmlns="http://schemas....
0
votes
1
answer
55
views
How to add a label inside polygon in xamarin
I have a xamarin application want to add a label inside a polygon .The label position should be vertically center and horizontally start in the polygon. How to achieve this. Is there any other ...
0
votes
1
answer
17
views
Axis aligned graph layout
I am trying to generate dungeons for a small project and I decided to take this approach:
1/ each room can open in four directions (North West South and East)
2/ I initialize the algorithm with a ...
2
votes
1
answer
43
views
how to make growing div not overflowing its parent that contains also fixed div above [duplicate]
In the code below the main div has max-height set to 100% (of its parent that has 300px height). This main div contains two child: one with fixed height and the second with flex-grow: 1 and its child ...
0
votes
0
answers
17
views
How adjust layoutcontrol size
I understand that the size is automatically adjusted when using the layout control, but it doesn't seem to be adjusted and goes to the original size. I only think about setting the dock attribute to ...
0
votes
0
answers
13
views
react-grid-layout resizableHandles don't work properly
I'm using react-grid-layout and all of the handles BUT "s", "e" and "se" are working not as expected.
When dragging from the top-left corner - instead of going up and ...
0
votes
1
answer
22
views
Table mail layout styles are not shown correctly in outlook
I am creating a mail layout with tables but I am struggling to obtain the desired result in outlook.
I am using https://app.postdrop.io/ to create the layout, with postdrop I can send it to a mail, so ...
0
votes
1
answer
38
views
Overlapping flutter widgets in a column
I have a column containing an expanded map on top and a card on the bottom showing some information. This card has a border-radius so without any change I would have an unpleasant empty space around ...
0
votes
1
answer
45
views
How to create an "entity" composed of drawing shapes, labels and buttons with relative sizing and positioning in Kivy?
I am new to Python and Kivy. I am trying to create the display of a temperature controller (called PID). The PID is composed of:
A light grey rectangle background;
A black rectangle display in the ...
0
votes
1
answer
14
views
CSS properties are not used for secondary _Layout C# ASP.NET Core 6 MVC
I created a website using C# and ASP.NET Core 6 MVC. My current problem is regarding a secondary _Layout page.
I tried to create a view called _Layout_Admin.cshtml in the folder Views/Shared/, in that ...
-1
votes
2
answers
42
views
Footer is on top. Any solutions without adding a wrapper? [duplicate]
How to make a footer always pressed to bottom?
Whenever I make a new page and there's still no content, considering that my header is fixed, my footer always jumps to top. I want to get rid of this ...
0
votes
1
answer
21
views
Dynamic Layout Cloning
I want to switch between 2 HTML page layouts (layout1 and layout2), whereat layout2 is derived (cloned) from layout1 since they are almost identical. I have simplified my project to this small example ...
-1
votes
0
answers
17
views
_Layout not found for identity pages
i have an issue with _Layout for identity pages, i have scaffold all identity pages and i didn't change the Layout directory, later i have modify layout file to reference _Layout in Views/Shared/...
0
votes
1
answer
38
views
Element's height should depend on other element while keeping min-height and show an optional scrollbar in CSS
I need help to style the blue container in following design. The blue container should have a min-height of 400px, an optional vertical scrollbar and automatically grow if the green container is ...
0
votes
1
answer
30
views
Java SWT: Difference between redraw, reskin, update and requestLayout (and pack)
Can anybody please explain to me the difference of the methods Control.redraw(), Control.update(), Widget.reskin(), Control.requestLayout() and Control.pack()?
Unfortunately the API documentation does ...
0
votes
0
answers
29
views
In tinker 3.x How to find out if parent is using pack, grid or place?
In a custom tkinter 3.x control
How can you find out if the parent invoking the control is using pack grid or place?
In order to handle the correct style of layout positioning.
I am setting a global ...
0
votes
1
answer
92
views
How do I use CSS grid to get items to span multiple grid columns based on their native width?
I'm displaying a list of items in a css grid with a maximum number of columns. The items' content varies in size, and if it doesn't fit into one column, I want the items to span multiple ones, up to ...
0
votes
1
answer
38
views
SAP - Trouble showing component content in Spartacus
I'm trying to implement Spartacus with my SAP CC project. I loaded the electronics-spa default page and I'm making a new page from scratch inside there ("testPage1" have a ParagraphComponent ...
0
votes
1
answer
41
views
CSS Grid: Two column grid where left column items expands to content, right column items are fixed height
Using CSS grid, I am trying to create a grid where the height of the items on the left column are expandable with the content in them but the right hand column items are fixed height.
By defining rows,...
0
votes
0
answers
14
views
How to create layouts where everything is resized to remain visible (no scroll bar)?
I am trying to build a web application without page overflow (everything contained in the viewport).
There must be something stupid I don't understand or missed, but if I try to create a very simple ...
0
votes
1
answer
35
views
Is there a way to prevent OnLayoutExit script trigger from triggering when a script changes the layout?
We have a layout in our FileMaker database with an OnLayoutExit script trigger that checks if the user left required fields empty. However, as part of standard use of the layout another script is ...
0
votes
3
answers
135
views
How to implement a sticky and horizontally scrolling table header
tldr: try the snippet below, is there a way to implement it without (or with less) js?
I got some UI with a few requirements:
A table with sticky top header
The content is quite wide, so the whole ...