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.

Filter by
Sorted by
Tagged with
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 ...
Hakanai's user avatar
  • 12.1k
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 ...
Terinax3's user avatar
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 ...
dipansh's user avatar
  • 375
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 ...
Victor Chelaru's user avatar
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 ...
Ito's user avatar
  • 1
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 ...
Michael Bardoň's user avatar
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(), )), )); } ...
Andrey's user avatar
  • 6,082
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 ...
Pepitos333's user avatar
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 ...
Dean's user avatar
  • 3
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 ...
Etscharntmin's user avatar
-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, ...
lame head's user avatar
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 ...
Quick Maths's user avatar
-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 ...
rupey's user avatar
  • 9
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. ...
a11ex's user avatar
  • 45
-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 ...
MLHYLMZ's user avatar
  • 29
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 ...
Bhoomesh Joshi's user avatar
-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/[![enter image description here](https://i.stack.imgur.com/...
Yaroslav Cubes's user avatar
0 votes
0 answers
34 views

react-native-calendar arrow style

I´m programming in react native and I need to do a calendar. for this, i´m using react-native-calendars library. I need to customize the arrows. It should be like this: But it is like this (the arrow ...
Gabi Mangili's user avatar
0 votes
0 answers
17 views

WindowManager: BadTokenException with Accessibility service context

class MyServiceClass : AccessibilityService() { private val overlayParams = WindowManager.LayoutParams( WindowManager.LayoutParams.MATCH_PARENT, WindowManager.LayoutParams.MATCH_PARENT, ...
ghita's user avatar
  • 2,756
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="*" /> &...
하하파파's user avatar
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 ...
Chris Nadovich's user avatar
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 ...
Pointless's user avatar
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....
Trần Thanh Vinh's user avatar
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 ...
Matteo Zattera's user avatar
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. ...
Jason Williams's user avatar
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. ...
Alex Alex's user avatar
  • 257
-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&...
Ali Arefzadeh's user avatar
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/...
Humberto's user avatar
  • 328
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....
Aventil's user avatar
  • 51
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 ...
Xamarin's user avatar
  • 27
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 ...
David Keller's user avatar
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 ...
godfryd's user avatar
  • 559
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 ...
dusdb's user avatar
  • 1
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 ...
Miryam's user avatar
  • 1
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 ...
S.Marx's user avatar
  • 977
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 ...
Innomalist's user avatar
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 ...
PetitFroggie's user avatar
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 ...
Alexandru Mihai Capraru's user avatar
-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 ...
Michael's user avatar
  • 93
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 ...
Emil's user avatar
  • 87
-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/...
Abdulaziz Alqasem's user avatar
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 ...
Robert's user avatar
  • 58
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 ...
Johannes1984's user avatar
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 ...
drhoule's user avatar
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 ...
executor21's user avatar
  • 4,562
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 ...
JoseM's user avatar
  • 1
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,...
Sean D.'s user avatar
  • 1,072
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 ...
Sebastien's user avatar
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 ...
NewBoard's user avatar
  • 184
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 ...
parchment's user avatar
  • 3,972

1
2 3 4 5
536