function readOnly(count){ }
Starting November 20, the site will be set to read-only. On December 4, 2023,
forum discussions will move to the Trailblazer Community.
+ Start a Discussion
Nuevo9763Nuevo9763 

VisualForce - Inputfield -multiselect picklist in SLDS buttons not working

I am converting existing VF pages to LEX using 'lightningStyleSheets' attribute.
I have an input field rendered as multi-select picklist. Upon rendering page right arrow and left arrow buttons do not function. Please note that I am not writing lightning component. Can you suggest solution? Do I have to write slds style tags and/or javascript for this input field? For other controls on the page like select lists, I didn'y have to wrote any code, the lightningStyleSheets="true" took care of everythhing. Any suggestions from  lightning experts?
Best Answer chosen by Nuevo9763
NagendraNagendra (Salesforce Developers) 
Hi Nuevo,

Sorry for this issue you are encountering.

May I suggest you please double check if there is any existing CSS style on the page that's restricting the max width of the pop-up? If yes then I would suggest you please remove it and give a try which should probably do the trick.

Hope this helps.

Kindly mark this as solved if it's resolved so that it gets removed from the unanswered queue which results in helping others who are encountering a similar issue.

Thanks,
Nagendra

All Answers

NagendraNagendra (Salesforce Developers) 
Hi Nuevo,

Sorry for this issue you are encountering.

May I suggest you please double check if there is any existing CSS style on the page that's restricting the max width of the pop-up? If yes then I would suggest you please remove it and give a try which should probably do the trick.

Hope this helps.

Kindly mark this as solved if it's resolved so that it gets removed from the unanswered queue which results in helping others who are encountering a similar issue.

Thanks,
Nagendra
This was selected as the best answer
Nuevo9763Nuevo9763
Thank you Nagendra, there was an existing CSS style restrcting the max width. Picklist is working fine now.
Nuevo9763Nuevo9763
HI Nagendra,
is it possible to achieve the look and feel of multiselect picklist in SLDS when, I am not using lightningStyleSheets="true" attribute? For some reason I am asked not to use the attribute. So just by re-styling the inputFiled with SLDS style class 'slds-dueling-list', is it possible to achieve the same functionality and look & feel?
I tried it and the buttons appear very weird and multiple times.User-added image

My code is as below. I tried applying the dueling list size but did not help. The SLDS example says it's proptotype and no sample code there. Can you please let me know if it's possible and if so, can you please give me code sample?
<div class="slds-col slds-form-element__row slds-size--1-of-1">  
                                           <apex:outputPanel >
                                           <label class="slds-form-element__label">label here</label>
                                           <div class="slds-form-element__control"> <!-- slds-dueling-list slds-dueling-list__column slds-dueling-list__options -->
                                               <apex:inputField value="{!planHelperRef.planRef.Employment_Status__c}" styleClass="slds-input" />
                                           </div>
                                           </apex:outputPanel>
                                       </div>