• SWPA Swarup Patra
  • NEWBIE
  • 0 Points
  • Member since 2020

  • Chatter
    Feed
  • 0
    Best Answers
  • 0
    Likes Received
  • 0
    Likes Given
  • 1
    Questions
  • 1
    Replies
Hello,

I am trying to create a multiselect picklist in my org. I tried using Dual List box, but scrolling over overflow items do not work in iOS. In Salesforce web version the Dual list box works perfectly fine, however, it is not the best user experience. 

I even tried to implemented jquery, bootstrap but in vain. Please let me know if anyone implemented Multiselect picklist in Salesforce1. 

Thanks in advance.
When implementing the Lightning Web Component Dual Listbox in Salesforce Mobile App and you add a lot of values that would require you to scroll, the scrolling function does not work.

I used the sample code and just put it into a tab for the salesforce moblie app : 
 
<template>
	<lightning-dual-listbox name="languages" label="Select Languages" source-label="Available" selected-label="Selected" field-level-help="Select your preferred languages"
	 options={options} onchange={handleChange}></lightning-dual-listbox>
	<div class="slds-box">
		<p>Selected values are: {selected}</p>
	</div>
</template>


import { LightningElement, track } from 'lwc';

export default class DualListboxSimple extends LightningElement {
    @track _selected = [];

    get options() {
        return [
            { label: 'English', value: 'en' },
            { label: 'German', value: 'de' },
            { label: 'Spanish', value: 'es' },
            { label: 'French', value: 'fr' },
            { label: 'Italian', value: 'it' },
            { label: 'Japanese', value: 'ja' },
        ];
    }

    get selected() {
        return this._selected.length ? this._selected : 'none';
    }

    handleChange(e) {
        this._selected = e.detail.value;
    }
}