Forums

UI issue with long text dropdown Cancel The title field is required!

1. Charlotte Wang

   

   20 posts
   Registered:
   02 Nov 2021
   01 Feb 2022

   Link to this post

   We ran into an UI issue where the value in a lookup field exceeds 130 characters, like "BC Industry Training Authority (ITA) instrument and Control Technician Canadian Interprovincial Standards Examination 'IPSE' Certificate". The lookup field got cut off on the form because of the long text.
   
   I wonder what max length of text is and if there a property/setting in the lookup field where we can set to show # of characters and the rest of the characters beyond that can be displayed as "....." instead. 
   
   Thanks.
   
   
   
   
2. Brady Ward

   

   92 posts
   Registered:
   19 Aug 2021
   02 Feb 2022 in reply to Charlotte Wang

   Link to this post

   Hello Charlotte,
   
   I am not sure if I experienced the exact same issue. My field was not cutoff, but the text simply wrapped onto the next line and unfortunately I could not find any out of the box setting to fix this. However, you can try the following CSS snippet:
   
   li.k-item span {
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
   }
   
   This hides any overflow on the individual containers and adds the ellipsis at the end. Let me know if it works for you or if you run into any issues implementing it.
   
   All the best,
   
   Brady
   TPC Web Developer
3. Charlotte Wang

   

   20 posts
   Registered:
   02 Nov 2021
   02 Feb 2022 in reply to Brady Ward

   Link to this post

   Will try it out. Thanks a lot!