I am trying to customize a layout for some lightning components, so that some are side by side, while others take up the entire pane in a custom tab

it seems like dragging and dropping always takes up the entire pane

is there a way that I can , within a custom tab, have a layout that allows side by side lightning components on one portion, and full pane lightning components on others?

here is an example of what I'm trying to accomplish

enter image description here

  • Are you talking about Lighning components inside Lightning Record Page? – Martin Lezer Aug 3 '17 at 14:24
  • not sure (new at this) in lightning when i click edit page, a UI comes up where i can drag and drop, maybe thats a lightning record page? – Jay Rizzi Aug 3 '17 at 14:47
  • Yes it is ! These pages have two sides. The left one is the main size so it's bigger. So you can put your components side by side. Except that the right one will be smaller. – Martin Lezer Aug 3 '17 at 14:52
  • i attempt to drag into the custom tab part of the page layout and it will not allow me to put components side by side, is there some trick? – Jay Rizzi Aug 3 '17 at 14:55
  • The only way you can achieve this today is if you create and expose a new custom lightning component that wraps and styles the two components you want side by side. – Kristian Aug 6 '17 at 21:25

Today this is not possible to do in the app builder.

In the app-builder you can add components only one below another, you cannot add components one beside another ,unless the template allows you to - the default template has a wide component area at the top, and below there are 2 areas - on the left the is a wider area and on the right there is a narrow area. you can select a different template, but inside each template, you can add components only one below another!!!

The default object template

Though side by side components is possible to accomplish if you create a lightning component in development (not the app builder D&D interface) and use LIGHTNING DESIGN SYSTEM to arrange your components as you like.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.