Lightning Grid - Columns and Rows? The 2019 Stack Overflow Developer Survey Results Are InDynamically add and remove rows in lightningLightning data grid break pointsLightning Component - Grid Sizing - Narrow (right) side of Lightning pageLightning is showing unnecessary blue border around slds-grid elementsAligning table rows and columns in two different componentsDisable Checkbox for Parent rows in Lightning Tree GridSLDS Grid Columns Not the Same WidthInvoke Object Quick Action from Enhanced Lightning GridSyntax for Filter on enhanced lighning gridSpace between columns in a grid - not symmetric

What is the closest word meaning "respect for time / mindful"

How come people say “Would of”?

Is "plugging out" electronic devices an American expression?

Did Section 31 appear in Star Trek: The Next Generation?

Why isn't airport relocation done gradually?

slides for 30min~1hr skype tenure track application interview

Can one be advised by a professor who is very far away?

Which Sci-Fi work first showed weapon of galactic-scale mass destruction?

Am I thawing this London Broil safely?

Time travel alters history but people keep saying nothing's changed

A poker game description that does not feel gimmicky

Is an up-to-date browser secure on an out-of-date OS?

Is this app Icon Browser Safe/Legit?

Why hard-Brexiteers don't insist on a hard border to prevent illegal immigration after Brexit?

Did Scotland spend $250,000 for the slogan "Welcome to Scotland"?

What do the Banks children have against barley water?

What is the meaning of Triage in Cybersec world?

Lightning Grid - Columns and Rows?

Aging parents with no investments

How to deal with speedster characters?

If a Druid sees an animal’s corpse, can they Wild Shape into that animal?

Resizing object distorts it (Illustrator CC 2018)

For what reasons would an animal species NOT cross a *horizontal* land bridge?

Are there incongruent pythagorean triangles with the same perimeter and same area?



Lightning Grid - Columns and Rows?



The 2019 Stack Overflow Developer Survey Results Are InDynamically add and remove rows in lightningLightning data grid break pointsLightning Component - Grid Sizing - Narrow (right) side of Lightning pageLightning is showing unnecessary blue border around slds-grid elementsAligning table rows and columns in two different componentsDisable Checkbox for Parent rows in Lightning Tree GridSLDS Grid Columns Not the Same WidthInvoke Object Quick Action from Enhanced Lightning GridSyntax for Filter on enhanced lighning gridSpace between columns in a grid - not symmetric



.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty margin-bottom:0;








3















Looking to create this type of Grid in Lightning Grid. However what currently happens is C and D get pushed below item B (which is a chatter feed so it is long)



What I want



Current Component (mine is more set up with C/D switched with A, but i think the concept remains the same)



<aura:component implements="lightning:homeTemplate" 
description="A home page you always dreamed of, 3 columns." >
<aura:attribute name="column1" type="Aura.Component[]" />
<aura:attribute name="column2" type="Aura.Component[]" />
<aura:attribute name="column3" type="Aura.Component[]" />
<aura:attribute name="column4" type="Aura.Component[]" />

<div>
<lightning:layout horizontalAlign="spread" pullToBoundary="small"
multipleRows="true">
<lightning:layoutItem size="4" flexibility="grow"
padding="around-small">
!v.column1
</lightning:layoutItem>
<lightning:layoutItem size="4" flexibility="grow"
padding="around-small">
!v.column2
</lightning:layoutItem>
<lightning:layoutItem size="4" flexibility="grow"
padding="around-small">
!v.column3
</lightning:layoutItem>
</lightning:layout>


<lightning:layoutItem size="8" flexibility="grow"
padding="around-small">
!v.column4
</lightning:layoutItem>

</div>
</aura:component>


Any ideas on how to create this with Lightning Grid?










share|improve this question




























    3















    Looking to create this type of Grid in Lightning Grid. However what currently happens is C and D get pushed below item B (which is a chatter feed so it is long)



    What I want



    Current Component (mine is more set up with C/D switched with A, but i think the concept remains the same)



    <aura:component implements="lightning:homeTemplate" 
    description="A home page you always dreamed of, 3 columns." >
    <aura:attribute name="column1" type="Aura.Component[]" />
    <aura:attribute name="column2" type="Aura.Component[]" />
    <aura:attribute name="column3" type="Aura.Component[]" />
    <aura:attribute name="column4" type="Aura.Component[]" />

    <div>
    <lightning:layout horizontalAlign="spread" pullToBoundary="small"
    multipleRows="true">
    <lightning:layoutItem size="4" flexibility="grow"
    padding="around-small">
    !v.column1
    </lightning:layoutItem>
    <lightning:layoutItem size="4" flexibility="grow"
    padding="around-small">
    !v.column2
    </lightning:layoutItem>
    <lightning:layoutItem size="4" flexibility="grow"
    padding="around-small">
    !v.column3
    </lightning:layoutItem>
    </lightning:layout>


    <lightning:layoutItem size="8" flexibility="grow"
    padding="around-small">
    !v.column4
    </lightning:layoutItem>

    </div>
    </aura:component>


    Any ideas on how to create this with Lightning Grid?










    share|improve this question
























      3












      3








      3








      Looking to create this type of Grid in Lightning Grid. However what currently happens is C and D get pushed below item B (which is a chatter feed so it is long)



      What I want



      Current Component (mine is more set up with C/D switched with A, but i think the concept remains the same)



      <aura:component implements="lightning:homeTemplate" 
      description="A home page you always dreamed of, 3 columns." >
      <aura:attribute name="column1" type="Aura.Component[]" />
      <aura:attribute name="column2" type="Aura.Component[]" />
      <aura:attribute name="column3" type="Aura.Component[]" />
      <aura:attribute name="column4" type="Aura.Component[]" />

      <div>
      <lightning:layout horizontalAlign="spread" pullToBoundary="small"
      multipleRows="true">
      <lightning:layoutItem size="4" flexibility="grow"
      padding="around-small">
      !v.column1
      </lightning:layoutItem>
      <lightning:layoutItem size="4" flexibility="grow"
      padding="around-small">
      !v.column2
      </lightning:layoutItem>
      <lightning:layoutItem size="4" flexibility="grow"
      padding="around-small">
      !v.column3
      </lightning:layoutItem>
      </lightning:layout>


      <lightning:layoutItem size="8" flexibility="grow"
      padding="around-small">
      !v.column4
      </lightning:layoutItem>

      </div>
      </aura:component>


      Any ideas on how to create this with Lightning Grid?










      share|improve this question














      Looking to create this type of Grid in Lightning Grid. However what currently happens is C and D get pushed below item B (which is a chatter feed so it is long)



      What I want



      Current Component (mine is more set up with C/D switched with A, but i think the concept remains the same)



      <aura:component implements="lightning:homeTemplate" 
      description="A home page you always dreamed of, 3 columns." >
      <aura:attribute name="column1" type="Aura.Component[]" />
      <aura:attribute name="column2" type="Aura.Component[]" />
      <aura:attribute name="column3" type="Aura.Component[]" />
      <aura:attribute name="column4" type="Aura.Component[]" />

      <div>
      <lightning:layout horizontalAlign="spread" pullToBoundary="small"
      multipleRows="true">
      <lightning:layoutItem size="4" flexibility="grow"
      padding="around-small">
      !v.column1
      </lightning:layoutItem>
      <lightning:layoutItem size="4" flexibility="grow"
      padding="around-small">
      !v.column2
      </lightning:layoutItem>
      <lightning:layoutItem size="4" flexibility="grow"
      padding="around-small">
      !v.column3
      </lightning:layoutItem>
      </lightning:layout>


      <lightning:layoutItem size="8" flexibility="grow"
      padding="around-small">
      !v.column4
      </lightning:layoutItem>

      </div>
      </aura:component>


      Any ideas on how to create this with Lightning Grid?







      lightning-aura-components lightning page-layout enhanced-lightning-grid






      share|improve this question













      share|improve this question











      share|improve this question




      share|improve this question










      asked 5 hours ago









      BobbygllhBobbygllh

      387




      387




















          1 Answer
          1






          active

          oldest

          votes


















          2














          SLDS doesn't have a provision for multi-row cells. However, you can do this with a combination of nested grids:



          <aura:application extends="force:slds">
          <lightning:layout>
          <lightning:layoutItem size="8">
          <lightning:layout multipleRows="true">
          <lightning:layoutItem size="12">
          Section A
          </lightning:layoutItem>
          <lightning:layoutItem size="6">
          Section C
          </lightning:layoutItem>
          <lightning:layoutItem size="6">
          Section D
          </lightning:layoutItem>
          </lightning:layout>
          </lightning:layoutItem>
          <lightning:layoutItem size="4">
          Section B
          </lightning:layoutItem>
          </lightning:layout>
          </aura:application>





          share|improve this answer























            Your Answer








            StackExchange.ready(function()
            var channelOptions =
            tags: "".split(" "),
            id: "459"
            ;
            initTagRenderer("".split(" "), "".split(" "), channelOptions);

            StackExchange.using("externalEditor", function()
            // Have to fire editor after snippets, if snippets enabled
            if (StackExchange.settings.snippets.snippetsEnabled)
            StackExchange.using("snippets", function()
            createEditor();
            );

            else
            createEditor();

            );

            function createEditor()
            StackExchange.prepareEditor(
            heartbeatType: 'answer',
            autoActivateHeartbeat: false,
            convertImagesToLinks: false,
            noModals: true,
            showLowRepImageUploadWarning: true,
            reputationToPostImages: null,
            bindNavPrevention: true,
            postfix: "",
            imageUploader:
            brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
            contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
            allowUrls: true
            ,
            onDemand: true,
            discardSelector: ".discard-answer"
            ,immediatelyShowMarkdownHelp:true
            );



            );













            draft saved

            draft discarded


















            StackExchange.ready(
            function ()
            StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fsalesforce.stackexchange.com%2fquestions%2f257408%2flightning-grid-columns-and-rows%23new-answer', 'question_page');

            );

            Post as a guest















            Required, but never shown

























            1 Answer
            1






            active

            oldest

            votes








            1 Answer
            1






            active

            oldest

            votes









            active

            oldest

            votes






            active

            oldest

            votes









            2














            SLDS doesn't have a provision for multi-row cells. However, you can do this with a combination of nested grids:



            <aura:application extends="force:slds">
            <lightning:layout>
            <lightning:layoutItem size="8">
            <lightning:layout multipleRows="true">
            <lightning:layoutItem size="12">
            Section A
            </lightning:layoutItem>
            <lightning:layoutItem size="6">
            Section C
            </lightning:layoutItem>
            <lightning:layoutItem size="6">
            Section D
            </lightning:layoutItem>
            </lightning:layout>
            </lightning:layoutItem>
            <lightning:layoutItem size="4">
            Section B
            </lightning:layoutItem>
            </lightning:layout>
            </aura:application>





            share|improve this answer



























              2














              SLDS doesn't have a provision for multi-row cells. However, you can do this with a combination of nested grids:



              <aura:application extends="force:slds">
              <lightning:layout>
              <lightning:layoutItem size="8">
              <lightning:layout multipleRows="true">
              <lightning:layoutItem size="12">
              Section A
              </lightning:layoutItem>
              <lightning:layoutItem size="6">
              Section C
              </lightning:layoutItem>
              <lightning:layoutItem size="6">
              Section D
              </lightning:layoutItem>
              </lightning:layout>
              </lightning:layoutItem>
              <lightning:layoutItem size="4">
              Section B
              </lightning:layoutItem>
              </lightning:layout>
              </aura:application>





              share|improve this answer

























                2












                2








                2







                SLDS doesn't have a provision for multi-row cells. However, you can do this with a combination of nested grids:



                <aura:application extends="force:slds">
                <lightning:layout>
                <lightning:layoutItem size="8">
                <lightning:layout multipleRows="true">
                <lightning:layoutItem size="12">
                Section A
                </lightning:layoutItem>
                <lightning:layoutItem size="6">
                Section C
                </lightning:layoutItem>
                <lightning:layoutItem size="6">
                Section D
                </lightning:layoutItem>
                </lightning:layout>
                </lightning:layoutItem>
                <lightning:layoutItem size="4">
                Section B
                </lightning:layoutItem>
                </lightning:layout>
                </aura:application>





                share|improve this answer













                SLDS doesn't have a provision for multi-row cells. However, you can do this with a combination of nested grids:



                <aura:application extends="force:slds">
                <lightning:layout>
                <lightning:layoutItem size="8">
                <lightning:layout multipleRows="true">
                <lightning:layoutItem size="12">
                Section A
                </lightning:layoutItem>
                <lightning:layoutItem size="6">
                Section C
                </lightning:layoutItem>
                <lightning:layoutItem size="6">
                Section D
                </lightning:layoutItem>
                </lightning:layout>
                </lightning:layoutItem>
                <lightning:layoutItem size="4">
                Section B
                </lightning:layoutItem>
                </lightning:layout>
                </aura:application>






                share|improve this answer












                share|improve this answer



                share|improve this answer










                answered 5 hours ago









                sfdcfoxsfdcfox

                264k13210457




                264k13210457



























                    draft saved

                    draft discarded
















































                    Thanks for contributing an answer to Salesforce Stack Exchange!


                    • Please be sure to answer the question. Provide details and share your research!

                    But avoid


                    • Asking for help, clarification, or responding to other answers.

                    • Making statements based on opinion; back them up with references or personal experience.

                    To learn more, see our tips on writing great answers.




                    draft saved


                    draft discarded














                    StackExchange.ready(
                    function ()
                    StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fsalesforce.stackexchange.com%2fquestions%2f257408%2flightning-grid-columns-and-rows%23new-answer', 'question_page');

                    );

                    Post as a guest















                    Required, but never shown





















































                    Required, but never shown














                    Required, but never shown












                    Required, but never shown







                    Required, but never shown

































                    Required, but never shown














                    Required, but never shown












                    Required, but never shown







                    Required, but never shown







                    Popular posts from this blog

                    Францішак Багушэвіч Змест Сям'я | Біяграфія | Творчасць | Мова Багушэвіча | Ацэнкі дзейнасці | Цікавыя факты | Спадчына | Выбраная бібліяграфія | Ушанаванне памяці | У філатэліі | Зноскі | Літаратура | Спасылкі | НавігацыяЛяхоўскі У. Рупіўся дзеля Бога і людзей: Жыццёвы шлях Лявона Вітан-Дубейкаўскага // Вольскі і Памідораў з песняй пра немца Адвакат, паэт, народны заступнік Ашмянскі веснікВ Минске появится площадь Богушевича и улица Сырокомли, Белорусская деловая газета, 19 июля 2001 г.Айцец беларускай нацыянальнай ідэі паўстаў у бронзе Сяргей Аляксандравіч Адашкевіч (1918, Мінск). 80-я гады. Бюст «Францішак Багушэвіч».Яўген Мікалаевіч Ціхановіч. «Партрэт Францішка Багушэвіча»Мікола Мікалаевіч Купава. «Партрэт зачынальніка новай беларускай літаратуры Францішка Багушэвіча»Уладзімір Іванавіч Мелехаў. На помніку «Змагарам за родную мову» Барэльеф «Францішак Багушэвіч»Памяць пра Багушэвіча на Віленшчыне Страчаная сталіца. Беларускія шыльды на вуліцах Вільні«Krynica». Ideologia i przywódcy białoruskiego katolicyzmuФранцішак БагушэвічТворы на knihi.comТворы Францішка Багушэвіча на bellib.byСодаль Уладзімір. Францішак Багушэвіч на Лідчыне;Луцкевіч Антон. Жыцьцё і творчасьць Фр. Багушэвіча ў успамінах ягоных сучасьнікаў // Запісы Беларускага Навуковага таварыства. Вільня, 1938. Сшытак 1. С. 16-34.Большая российская1188761710000 0000 5537 633Xn9209310021619551927869394п

                    Беларусь Змест Назва Гісторыя Геаграфія Сімволіка Дзяржаўны лад Палітычныя партыі Міжнароднае становішча і знешняя палітыка Адміністрацыйны падзел Насельніцтва Эканоміка Культура і грамадства Сацыяльная сфера Узброеныя сілы Заўвагі Літаратура Спасылкі НавігацыяHGЯOiТоп-2011 г. (па версіі ej.by)Топ-2013 г. (па версіі ej.by)Топ-2016 г. (па версіі ej.by)Топ-2017 г. (па версіі ej.by)Нацыянальны статыстычны камітэт Рэспублікі БеларусьШчыльнасць насельніцтва па краінахhttp://naviny.by/rubrics/society/2011/09/16/ic_articles_116_175144/А. Калечыц, У. Ксяндзоў. Спробы засялення краю неандэртальскім чалавекам.І ў Менску былі мамантыА. Калечыц, У. Ксяндзоў. Старажытны каменны век (палеаліт). Першапачатковае засяленне тэрыторыіГ. Штыхаў. Балты і славяне ў VI—VIII стст.М. Клімаў. Полацкае княства ў IX—XI стст.Г. Штыхаў, В. Ляўко. Палітычная гісторыя Полацкай зямліГ. Штыхаў. Дзяржаўны лад у землях-княствахГ. Штыхаў. Дзяржаўны лад у землях-княствахБеларускія землі ў складзе Вялікага Княства ЛітоўскагаЛюблінская унія 1569 г."The Early Stages of Independence"Zapomniane prawdy25 гадоў таму было аб'яўлена, што Язэп Пілсудскі — беларус (фота)Наша вадаДакументы ЧАЭС: Забруджванне тэрыторыі Беларусі « ЧАЭС Зона адчужэнняСведения о политических партиях, зарегистрированных в Республике Беларусь // Министерство юстиции Республики БеларусьСтатыстычны бюлетэнь „Полаўзроставая структура насельніцтва Рэспублікі Беларусь на 1 студзеня 2012 года і сярэднегадовая колькасць насельніцтва за 2011 год“Индекс человеческого развития Беларуси — не было бы нижеБеларусь занимает первое место в СНГ по индексу развития с учетом гендерного факцёраНацыянальны статыстычны камітэт Рэспублікі БеларусьКанстытуцыя РБ. Артыкул 17Трансфармацыйныя задачы БеларусіВыйсце з крызісу — далейшае рэфармаванне Беларускі рубель — сусветны лідар па дэвальвацыяхПра змену коштаў у кастрычніку 2011 г.Бядней за беларусаў у СНД толькі таджыкіСярэдні заробак у верасні дасягнуў 2,26 мільёна рублёўЭканомікаГаласуем за ТОП-100 беларускай прозыСучасныя беларускія мастакіАрхитектура Беларуси BELARUS.BYА. Каханоўскі. Культура Беларусі ўсярэдзіне XVII—XVIII ст.Анталогія беларускай народнай песні, гуказапісы спеваўБеларускія Музычныя IнструментыБеларускі рок, які мы страцілі. Топ-10 гуртоў«Мясцовы час» — нязгаслая легенда беларускай рок-музыкіСЯРГЕЙ БУДКІН. МЫ НЯ ЗНАЕМ СВАЁЙ МУЗЫКІМ. А. Каладзінскі. НАРОДНЫ ТЭАТРМагнацкія культурныя цэнтрыПублічная дыскусія «Беларуская новая пьеса: без беларускай мовы ці беларуская?»Беларускія драматургі па-ранейшаму лепш ставяцца за мяжой, чым на радзіме«Працэс незалежнага кіно пайшоў, і дзяржаву турбуе яго непадкантрольнасць»Беларускія філосафы ў пошуках прасторыВсе идём в библиотекуАрхіваванаАб Нацыянальнай праграме даследавання і выкарыстання касмічнай прасторы ў мірных мэтах на 2008—2012 гадыУ космас — разам.У суседнім з Барысаўскім раёне пабудуюць Камандна-вымяральны пунктСвяты і абрады беларусаў«Мірныя бульбашы з малой краіны» — 5 непраўдзівых стэрэатыпаў пра БеларусьМ. Раманюк. Беларускае народнае адзеннеУ Беларусі скарачаецца колькасць злачынстваўЛукашэнка незадаволены мінскімі ўладамі Крадзяжы складаюць у Мінску каля 70% злачынстваў Узровень злачыннасці ў Мінскай вобласці — адзін з самых высокіх у краіне Генпракуратура аналізуе стан са злачыннасцю ў Беларусі па каэфіцыенце злачыннасці У Беларусі стабілізавалася крымінагеннае становішча, лічыць генпракурорЗамежнікі сталі здзяйсняць у Беларусі больш злачынстваўМУС Беларусі турбуе рост рэцыдыўнай злачыннасціЯ з ЖЭСа. Дазволіце вас абкрасці! Рэйтынг усіх службаў і падраздзяленняў ГУУС Мінгарвыканкама вырасАб КДБ РБГісторыя Аператыўна-аналітычнага цэнтра РБГісторыя ДКФРТаможняagentura.ruБеларусьBelarus.by — Афіцыйны сайт Рэспублікі БеларусьСайт урада БеларусіRadzima.org — Збор архітэктурных помнікаў, гісторыя Беларусі«Глобус Беларуси»Гербы и флаги БеларусиАсаблівасці каменнага веку на БеларусіА. Калечыц, У. Ксяндзоў. Старажытны каменны век (палеаліт). Першапачатковае засяленне тэрыторыіУ. Ксяндзоў. Сярэдні каменны век (мезаліт). Засяленне краю плямёнамі паляўнічых, рыбакоў і збіральнікаўА. Калечыц, М. Чарняўскі. Плямёны на тэрыторыі Беларусі ў новым каменным веку (неаліце)А. Калечыц, У. Ксяндзоў, М. Чарняўскі. Гаспадарчыя заняткі ў каменным векуЭ. Зайкоўскі. Духоўная культура ў каменным векуАсаблівасці бронзавага веку на БеларусіФарміраванне супольнасцей ранняга перыяду бронзавага векуФотографии БеларусиРоля беларускіх зямель ва ўтварэнні і ўмацаванні ВКЛВ. Фадзеева. З гісторыі развіцця беларускай народнай вышыўкіDMOZGran catalanaБольшая российскаяBritannica (анлайн)Швейцарскі гістарычны15325917611952699xDA123282154079143-90000 0001 2171 2080n9112870100577502ge128882171858027501086026362074122714179пппппп

                    ValueError: Expected n_neighbors <= n_samples, but n_samples = 1, n_neighbors = 6 (SMOTE) The 2019 Stack Overflow Developer Survey Results Are InCan SMOTE be applied over sequence of words (sentences)?ValueError when doing validation with random forestsSMOTE and multi class oversamplingLogic behind SMOTE-NC?ValueError: Error when checking target: expected dense_1 to have shape (7,) but got array with shape (1,)SmoteBoost: Should SMOTE be ran individually for each iteration/tree in the boosting?solving multi-class imbalance classification using smote and OSSUsing SMOTE for Synthetic Data generation to improve performance on unbalanced dataproblem of entry format for a simple model in KerasSVM SMOTE fit_resample() function runs forever with no result