Salesforce Developer Community

Chatter

Feed
0

Best Answers
0

Likes Received
0

Likes Given
0

Questions
1

Replies

How to make a lightning:layoutItem scrollable?

I’ve got a layout containing two side-by-side layout items, each taking half of the screen. How do I make each layoutItem have its own scrollbar as opposed to one scrollbar for the whole layout?

I tried including divs with the slds-scrollable—y class, but no joy:

    <div class="c-container">
        <lightning:layout horizontalAlign="space">
            <lightning:layoutItem flexibility="auto" padding="around-small" size="6">
                <div class="slds-scrollable--y">
                      ***LEFT-SIDE CONTENT HERE***
                </div>
            </lightning:layoutItem>
            <lightning:layoutItem flexibility="auto" padding="around-small" size="6">
                <div class="slds-scrollable--y">
                      ***RIGHT-SIDE CONTENT HERE***
                </div>
             </lightning:layoutItem>
        </lightning:layout>
    </div>

Am I missing something obvious? Thanks!

- Randy

rtrigg
October 14, 2016
Like
0