Sign Up ›

Browse by Topic
ShowAll Questionssorted byDate Posted
+ Start a Discussion
Nayana KNayana K 

I am facing a different issue as when I use bootstrap css in salesforce lightning

Here is my code below:

<ul id="insideScroller" class="scrollable-menu scrollbar list-group" style="-webkit-overflow-scrolling: touch;" >
<aura:iteration var="sobj" items="{!v.SobjectRecords}">
<!-- Navigation to record detail page works only SF1-->
<li class="list-group-item" id="{!sobj.SId}" onclick="{!c.navigateToRecord}" >
<aura:renderIf isTrue="{!0 lt v.fieldsToDisplayCount}"> {!v.lstFldDisp[0]} : {!sobj.f1}<br/>
</aura:renderIf>
<aura:renderIf isTrue="{!1 lt v.fieldsToDisplayCount}"> {!v.lstFldDisp[1]} : {!sobj.f2}<br/>
</aura:renderIf>
<aura:renderIf isTrue="{!2 lt v.fieldsToDisplayCount}"> {!v.lstFldDisp[2]} : {!sobj.f3}<br/>
</aura:renderIf> </li>
</aura:iteration>
</ul>
I am using bootstrapcss in which I am able to see scrollbar in SF1 and even on the desktop.But when I load the same page in mobile the scrollbar disappears.

Any workarounds over this?
RishavRishav
Hi Nayana,
Have you used this line
 <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no"/>

once it worked for me .  

Thanks
Rishav
Idan EshelIdan Eshel
Hi - I was hoping @Rishav idea will work for me ... but it didn't.
Am abit novice with BS - Couple of Qs please - I created a lightning component:

1. when I use sf1BS css the navigation menu icon [bar] get distorted and shirnks. How can I avoid this?
2. If I have couple of tabs that I want to be able to 'swipe' between?


Kind regards Idan
Suraj PSuraj P
Try enclosing your 'ul' in a 'div' container and add the "-webkit-overflow-scrolling: touch;" style to the div. You may also add "overflow: scroll" for good measure.