Forums

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

1. Missing user

   
   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. Missing user

   
   02 Feb 2022 in reply to Missing user

   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. Missing user

   
   02 Feb 2022 in reply to Missing user

   Link to this post

   Will try it out. Thanks a lot!