Symptom
When long picklist values are used in Data Capture Forms, when viewing the landing page on mobile, line returns do not apply to picklist values that are too long to display entirely on the screen. The values get truncated instead of wrapping.
Note that long labels do show correctly though.
Image/data in this KBA is from SAP internal systems, sample data, or demo systems. Any resemblance to real data is purely coincidental.
Environment
- SAP SuccessFactors Recruiting Marketing
- SAP SuccessFactors Recruiting Management
- SAP SuccessFactors Mobile
Reproducing the Issue
Open landing page created with Data Capture Form fields which use long picklist values on mobile.
Field values in drop down menu are too long to fit on the screen and get truncated.
Cause
Standard behaviour for picklist scroll wheels on mobile devices.
Resolution
This is not an issue with RMK or CSB but an issue with webapps in general.
A workaround for this could be to add an empty optgroup to the end of the select block as per https://stackoverflow.com/questions/19398154/how-to-fix-truncated-text-on-select-element-on-ios7
Adding this hack causes the text of the options in the scroll wheel to be smaller and seems to add a big empty selectable gap to the end of the options list.
Because making this change globally would impact all clients and affect the text and look of existing picklists, we cannot make a system-wide change to wrap the text for picklist values on mobile devices.
Customers have the following options:
- Adjust the picklist options to shorten text
- Modify the landing pages to use different versions of the DCF with the mobile version leaving off questions with longer text that don't present well on mobile
- Attempt to implement some version of the hack on their site via custom javascript (note that any problems with a custom script would not be supported by Successfactors Engineering, Professional Services, or Support). Any partner not confident they can implement this should not attempt it or request assistance from Support to do so as it will not be provided.
Keywords
DCF, CRM , KBA , LOD-SF-RMK-CRM , Data Capture Form, Email Layout, Email Campaign , LOD-SF-RCM-MOB , Mobile Interface, Mobile Apply , Problem