21
Views
4
Comments
Solved
How to abbreviate selected dropdown value
Question

Hi community!

A question, I have a overview screen with alot of inputfields and dropdowns.

If I open the dropdownlist I see all the values as expected.  And some of them are pretty "lengthy" but are correctly displayed.

When a value is selected, in some cases the label is cutted. See sceenshot below:

All values:


When a value is selected:


Of course there are several solutions of "solve" this.

Im looking for a solution to cut it off in a more user friendly way. Like for example :if the selected value consists more than 10 characters make it like "Weggenomen.."

Can someone tell me how I can achieve this?

Kind regards,


2018-10-29 08-31-03
João Marques
 
MVP
Solution

Hi Joao,


You can achieve this very simply by adding the following CSS snippet to your theme, like in the image below:



Kind Regards,
João

UserImage.jpg
Joao Vizela

Hi João,


Thank you for your time!

Well I managed to implement your solution. But still the behavior is not as expected. See screenshots below:


Any idea?

Kind regards,

João



2023-10-21 19-42-11
Tousif Khan
Champion
2023-10-21 19-42-11
Tousif Khan
Champion

Hello @Joao Vizela 

You can take dependency of ellipse action and apply this



You have to add the dependency and then you will be able to use it as a function.

There are some other ways as well where a solution is give to a similar issue you can refer to the below links

Another way is using Substr to your calc attribute -


I hope this will help you.

Thanks
Tousif Khan

2018-10-29 08-31-03
João Marques
 
MVP
Solution

Hi Joao,


You can achieve this very simply by adding the following CSS snippet to your theme, like in the image below:



Kind Regards,
João

UserImage.jpg
Joao Vizela

Hi João,


Thank you for your time!

Well I managed to implement your solution. But still the behavior is not as expected. See screenshots below:


Any idea?

Kind regards,

João



2023-10-21 19-42-11
Tousif Khan
Champion
Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.