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.

layout
Filter by
Sorted by
Tagged with
0 votes
1 answer
80 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
50 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,071
0 votes
0 answers
18 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
45 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
  • 194
0 votes
3 answers
143 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,982
-1 votes
1 answer
123 views

my android app get ads restriction from admob with the reason site behavior: navigation but i can't understand why?

my android app get ads restriction from admob with the reason site behavior: navigation but i can't understand why? this is my app and i review it on many devices mobiles tablets and on many screen ...
Omar Samara's user avatar
-2 votes
1 answer
184 views

Make product card control in WPF

I'm trying to reproduce these product cards in WPF. This is the result I want to get: I have managed to create the card but I have problems when trying to skew the rectangle that is on the card, this ...
Alexander's user avatar
1 vote
0 answers
30 views

Intro to web design - adding href to images messes up my layout

this is my first question on here so forgive me if I'm doing anything wrong. I'm trying to add a-href links to my images however, when I do it, it messes up my entire layout. What I'm trying to do is ...
Jaysun12345's user avatar
0 votes
0 answers
40 views

Use Bottomshet with Collapsing Toolbar in Coordinator Layout

I'm pretty new with CoordinatorLayout, currently I'm having a problem to implement the layout as following: This is the initial layout, the blue part is AppBarLayout (it contains ...
thien_than_dem1996's user avatar
0 votes
1 answer
65 views

Creating a Responsive Tic Tac Toe Field Layout in Flutter

I'm currently working on implementing a responsive Tic Tac Toe field in Flutter, and I've encountered a layout issue. I've managed to display the "cross" and "circle" symbols, but ...
dracule22's user avatar
2 votes
0 answers
27 views

I want to place a box containing potential images and text below each the main images

Whenever I try, it keeps placing the "img1" box beside the image instead of below the image. How can I fix it so img1 is placed below the image and has the same width as the images and its ...
azhua123's user avatar
0 votes
1 answer
23 views

Having issues with my Tailwindcss project

Writing the code for this tailwind project and when I was through with the hero section, I got to the next section and some how my coded is getting crammed up and underneath the previous section when ...
Wintersznishere's user avatar
0 votes
0 answers
44 views

How to Remove space between 2 frames

In the first VStack the image borders do not touch. In the second VStack the image borders do touch. How can I remove the spacing in the first VStack? I need the frames to manage the image size. ...
Douglas Curran's user avatar
0 votes
1 answer
50 views

The app is rendering diffrent on my phone while looking fine on the emulator [duplicate]

I created an app in Android Studio, and the UI on my phone is different from the UI on the emulator. I checked many different emulators similar to my phone, and the UI is looking good on them. The two ...
Kfir Arnesty's user avatar
-3 votes
1 answer
82 views

Do XAML controls have a center, which can be manipulated?

I have a XAML file, based on Grids, StackPanels, ...: on one row, I have a control, located on a StackPanel. Next to that there's another StackPanel. Next to that, there's a Grid, containing another ...
Dominique's user avatar
  • 16.8k
0 votes
1 answer
182 views

Excluding one element from the layout on the current child route in Nextjs 13

In Nextjs 13, using the app router, how can I exclude one element from the root layout from being rendered in a child route. I specifically would like to exclude the aside with the Feed component and ...
Max's user avatar
  • 65
1 vote
1 answer
48 views

Android Xml layout issue to shift down the textView

I'm not sure why the layout design looks correct but on the emulator. check the screenshots and code please. almost as if there is something is on top of something else the causes the toolbar and ...
MãĴď's user avatar
  • 354
1 vote
1 answer
86 views

Chatbox with new messages showing at the bottom and pushing old messages up

I am kinda stuck building the chat container of a chat gpt-like UI. The tricky part is that I want the messages to start from the bottom with new messages pushing the old ones further to the top. The ...
bozh's user avatar
  • 13
1 vote
1 answer
82 views

Flutter Image height adjusted according to column

I want to achieve following layout: I have Row, in which there are: Image (fixed width) Column (consists of few Text elements.) I would like to achieve that Image height would be adjusted according ...
Tom11's user avatar
  • 2,487
0 votes
0 answers
24 views

Project for Html course, final project

example layout expected layout for single webpage I am not an expert at html, I have getting by weekly with help from other students. I have been told that I can make this with bootstrap, which is ...
Axton's user avatar
  • 1
0 votes
0 answers
15 views

Resolving Flutter Card Layout Issue

The card that I have coded works perfectly fine when a screen is in normal size, I am just testing UI with a bit smaller screeens. The UI is actually just fine, but not responsive and kind to ...
Ali Jawad's user avatar
  • 280
1 vote
0 answers
79 views

Android Html to PDF : How to add footer and header?

we are trying to create PDF documents from HTML. We have succeeded to transform this HTML with the help of a WebView and a PrintDocumentAdapter but we didn't find out how to add repeating headers and ...
Marine Droit's user avatar
-1 votes
2 answers
652 views

How to update a full layout in Flet

In the code below, i created a Flet app in which the two text controls should update their number based on the amount of clicks on the button. Why is this not happening? A little bit of background: ...
Janeau's user avatar
  • 1
0 votes
1 answer
73 views

Flutter expansion tile content is overflowing

I am using expansion tile widget in Flutter and the content that i am trying to show does show, but it gives the error of overflow. Here is the code Expanded( child: ...
Ali Jawad's user avatar
  • 280
1 vote
1 answer
180 views

How to rotate an item in SwiftUI and *then* lay out

I'd like to have vertical sliders. I know about .rotationEffect() but this rotates the item after it has been laid out, meaning it will overlap other elements in the layout as well as take up space ...
zkarj's user avatar
  • 669
0 votes
0 answers
29 views

Switchable designs/layouts in React for the whole application

Our application front-end is implemented in React. It has a theming, like switching white/black themes. But now we need to implement a completely new design, while keeping an option to switch to old ...
Minstel's user avatar
  • 606
0 votes
0 answers
44 views

How to make flutter fragment properly fit inside its native activity

I'm developping an Android native app which is now integrating a Flutter fragment. All works well, except that the height of the flutter widgets is bigger than its parent container. List views are not ...
3c71's user avatar
  • 4,391
0 votes
2 answers
19 views

How to set my buttons to specific areas of my JPanel?

I have added my buttons to my JPanel and i want to make them appear in different areas in the Panel. I want to layout my Panel so that there are 3 buttons on top, and a question label stretching ...
David Armstrong's user avatar
0 votes
0 answers
69 views

How to have CSS Layout which acts like Qt Layouts

I use Qt for work, and a project I'm doing needs me to do a ton of styling (which just uses a CSS subset), but doing actual styling is difficult in Qt as I have to continuously recompile my C++ to ...
Lilly's user avatar
  • 107
0 votes
1 answer
348 views

SwiftUI LazyVGrid content compression

I am trying to build a grid, consisting of items with image and text under it. I want all images be the same size and the text to expand cell's height as much as text is needed. But Image is always ...
Igor's user avatar
  • 23
0 votes
3 answers
67 views

How to create a two column layout with equal width and height in HTML and CSS

I'm trying to create a two column layout where the left side is a div full of text, and the right side is a div with an image. They should be centered in the container, and they should both have an ...
declspecl's user avatar
0 votes
2 answers
57 views

Dynamic modification of grid-template-rows

I have a React component with this structure the tools and searchPanel blocks have fixed heights. the main block should occupy the remaining space: <div className={`reference-container`}> ...
Георгий Барсегян's user avatar
1 vote
1 answer
69 views

How can I make flex columns containing a list and an image the same width?

In CSS Flexbox I want to set equal width columns, when in 1st column there's list text and in second column there's a big image. That's all. Flexbox with only 2 columns. The problem is, that in most ...
michal roesler's user avatar
2 votes
1 answer
245 views

Make a Label take all available space across an HBox in JavaFX

In JavaFX 21, I want an HBox to contain 3 elements, a label and two buttons. HBox rowBox = new HBox ( label , buttonX , buttonY ); By default, the widgets all pile up to the left. Like this with ...
Basil Bourque's user avatar
-1 votes
4 answers
137 views

How do you all specify the fontSize in Flutter?

I was specifying the textSize in the textTheme of ThemeData. textTheme: const TextTheme( displayLarge: TextStyle( color: Colors.black, letterSpacing: 4, fontSize: 25, ), ...
sub's user avatar
  • 644
0 votes
2 answers
34 views

Scrollbar in HTML page not working well when a header is added

I have a page layout with multiple sections (divs). There is a banner and then there are two main vertical sections. The left section has a scrollbar so the user can scroll down to see all the links. ...
Kamran's user avatar
  • 1
0 votes
2 answers
90 views

Trouble to Make a Chat Box Responsive for Smaller Screens

I'm working on a chat box UI, and I'm having trouble making it responsive for smaller screens. I want the chat section to be responsive, meaning that it should automatically adjust its layout to fit ...
Alsiro Mira's user avatar
0 votes
1 answer
75 views

How to have two differents layouts without setting one as default, or using parenting

I'm doing this project in order to progress in Nuxt, so I'm open to questions, tips and advice I would like : to set layout per folder so i can removed my pages/navbar-*.vue because i don't like the ...
Ben Grandin's user avatar
0 votes
0 answers
18 views

Flexdashboard two or more dimensions Layout

I have a table with 5 columns, all are integers, and all of them correspond to the month of January 2023, which has 31 days, therefore 31 rows. Each table is a time series. I'm putting those tables ...
Humberto R's user avatar
0 votes
1 answer
52 views

Having an issue regarding Stack widget to lay out

I want to create a box like this. I successfully created the card widget, but the cleaning time is giving me an issue. This is what I have created. And if you can tell me how to change my slider's ...
Ali Jawad's user avatar
  • 280
1 vote
2 answers
85 views

How do I offset a view in an HStack but still constrain the frame to match with the offset?

As the title suggests, I'm looking to offset some views, a Circle inside of an HStack, however in doing so, this results in weird behavior where the frame of the HStack is no longer properly wrapping ...
xTwisteDx's user avatar
  • 2,334
1 vote
1 answer
228 views

Adjusting ContentView size using SnapKit

When using Auto Layout my code would look like this: let safeAreaLayoutGuide = contentView.safeAreaLayoutGuide let bottomAnchor = userImage.bottomAnchor.constraint(equalTo: ...
Philipp's user avatar
  • 333
0 votes
1 answer
42 views

TextView doesn't show SpannableString correctly

I have a TextView that will be added programmatically. This TextView should use a SpannableString for design purposes. When adding the view, the left and right side of the span are not shown correctly ...
Marvin Stelter's user avatar
0 votes
0 answers
10 views

responsive layout styles not being consistently applied when reopening the live server

I am able to make a little responsive layout for mobile at 374px.I adjusted all the headings,text font-size according to the mobile layout.The problem is that when i close the live server and then ...
Muhammad Masood's user avatar
0 votes
1 answer
63 views

Is there a way to plot gojs diagram such that nodes with children follow horizontal structure and without children follow vertical arrangement?

I want to plot a GoJs diagram which follows AlignmentStart pattern. For Every node in tree which have children should come in horizontal arrangement and for every node without children i.e. leaf nodes,...
Tanmay Shah's user avatar
1 vote
3 answers
490 views

How to Apply Default Layout to All Error Pages in SvelteKit?

I want to have a default layout with a navbar that should be applied to all pages except certain "account" pages (e.g., Sign In, Sign Out, Register). Here's what I've done so far: I created ...
MMiikael's user avatar
0 votes
1 answer
225 views

Import-StartLayout - does not correspond to a valid layout file

I got an issue with my XML layout file created to pin shortcut to taskbar. I followed Microsoft documentation to make it but when I tried to manually import with: Import-StartLayout -layoutpath "...
S. Me's user avatar
  • 57
0 votes
0 answers
39 views

Android Studio. Layout preview. Long initialization

I need help to solve the problem with Android Studio. Preview of layout does not initialize. Gradle version: 8.0 Android plugin: 8.0.2 I have already tried using various solutions but none helped. I ...
Дмитрий Малков's user avatar
-2 votes
1 answer
63 views

Alignment issues in layout - Wordpress CSS [closed]

Somewhere along making edits, the layout of this page has ended up with the boxes mis-aligned - https://canons.com/our-products-bespoke-services/ Any advice/help on how to fix this is appreciated. ...
user22663512's user avatar
0 votes
0 answers
13 views

extjs 7.7.0: Problem resize border panel when resize parent container

Ext.create('Ext.panel.Panel', { width: 500, height: 300, title: 'Border Layout', layout: 'border', resizable: true, items: [{ title: 'East Region', region: '...
pcortona's user avatar

1
3 4
5
6 7
539