• #39362
    Forcetalks

    what is use of ui:scrollerWrapper in salesforce?

    what is use of ui:scrollerWrapper in salesforce?

    #39389
     Anjali #7
    Forcetalks

    Hi Shradha,

    A ui:scrollerWrapper creates a container that enables native scrolling in the Salesforce app. This component enables you to nest more than one scroller inside the container. Use the class attribute to define the height and width of the container. To enable scrolling, specify a height that’s smaller than its content.
    This example creates a scrollable area with a height of 300px.

    <aura:component>
    <ui:scrollerWrapper class=”scrollerSize”>
    <!–Scrollable content here –>
    </ui:scrollerWrapper>
    </aura:component>

    /** CSS **/
    .THIS.scrollerSize {
    height: 300px;
    }

    #39444
     Prachi #6
    Forcetalks

    hi,

    A ui:scrollerWrapper creates a container that enables native scrolling in the Salesforce app. This component enables you to nest more than one scroller inside the container. Use the class attribute to define the height and width of the container. To enable scrolling, specify a height that’s smaller than its content.

    thanks.

    #39587
    Salesforce | Parul Parul #2
    Forcetalks

    Adding some points:

    If you’re developing for Lightning Experience, this badge indicates a component that can be supported on mobile through the use of the ui:scrollerWrapper component. More information about ui:scrollerWrapper can be found in the Lightning Developer Guide. The Lightning Design System scrollable class does not bypass the “Pull to Refresh” scrolling behavior on mobile devices, so using ui:scrollerWrapper allows you to set up scrollable content areas on mobile devices that don’t interfere with other behavior.

     

    Thanks

    #39588
    Salesforce | Parul Parul #2
    Forcetalks

    Here’s an example of how you might use ui:scrollerWrapper to make a tab’s content scrollable using the lightning namespace:

    <aura:component>

    <lightning:tabset>

    <lightning:tab label=”Item One”>

    <ui:scrollerWrapper> <div> Tab Content Goes Here </div>

    </ui:scrollerWrapper>

    </lightning:tab>

    <lightning:tab label=”Item Two”> Sample Content Two </lightning:tab>

    </lightning:tabset>

    </aura:component>

     

    Thanks

    #39652
    Salesforce | shariq shariq #1
    Forcetalks

    <aura:component>
    <ui:scrollerWrapper class=”scrollerSize”>
    <!–Scrollable content here –>
    </ui:scrollerWrapper>
    </aura:component>

    /** CSS **/
    .THIS.scrollerSize {
    height: 300px;
    }

    #41778
    Forcetalks

    Hi Shradha,

    A ui:scrollerWrapper creates a container that enables native scrolling in the Salesforce app. This component enables you to nest more than one scroller inside the container. Use the class attribute to define the height and width of the container.If you’re developing for Lightning Experience, this badge indicates a component that can be supported on mobile through the use of the ui:scrollerWrapper component. More information about ui:scrollerWrapper can be found in the Lightning Developer Guide.

     

Viewing 7 posts - 1 through 7 (of 7 total)

Please to reply to this topic.

CONTACT US

We're not around right now. But you can send us an email and we'll get back to you, asap.

Sending

About Us

Forcetalks is a Salesforce collaboration platform for coders & developers, geeks & nerds, consultants & business heads, admins & architects, managers & marketers and of course the business owners. A community where you can learn from, where you can contribute to. For you. For Salesforce. Read More...

Copyright 2019 Forcetalks. All Right Reserved.

Log in with your credentials

or    

Forgot your details?