This is a migrated thread and some comments may be shown as answers.

Validation Dropdown List Style/Class

7 Answers 93 Views
Spreadsheet
This is a migrated thread and some comments may be shown as answers.
Marc
Top achievements
Rank 1
Marc asked on 18 Jan 2017, 08:15 AM

Is there a way to increase the width of the cell dropdown list, which appears when you do range.validation({ my list here });

Thanks!

7 Answers, 1 is accepted

Sort by
0
Boyan Dimitrov
Telerik team
answered on 20 Jan 2017, 07:59 AM

Hello Marc,

I am not sure that I understand correctly, but in general the width of the cells can be set using the columns property of a sheet. Please refer to the Spreadsheet / Custom cell editors demo. 

Regards,
Boyan Dimitrov
Telerik by Progress
Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
0
Marc
Top achievements
Rank 1
answered on 20 Jan 2017, 08:03 AM

Hi Boyan,

I have a number of cells with validation on (range.validation({ 'list', 'of', 'values' });

When the user clicks the down arrow button for the cell, they see the possible list of values, however, I'd like to increase the width of this popup list.

I have attached a screenshot where you can see some of the items in the list have wrapped the text, and spanned over 3 lines.

Thanks

Marc

0
Boyan Dimitrov
Telerik team
answered on 23 Jan 2017, 03:38 PM

Hello Marc,

Thank you for the provided image. 

The easiest way to achieve such behavior is simply to change the width of the popup container. Please refer to the http://dojo.telerik.com/EdiRU example. As far as I see all custom editors are lists and probably the ultimate goal is to increase the width of all list containers. 

Regards,
Boyan Dimitrov
Telerik by Progress
Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
0
Marc
Top achievements
Rank 1
answered on 23 Jan 2017, 06:49 PM

Hi Boyan 

That is perfect, thank you!

Marc 

0
Marc
Top achievements
Rank 1
answered on 14 Feb 2017, 12:03 PM

Hi Boyan, Is there a way to differentiate between the lists used for spreadsheet validations, and the lists used for comboboxes/menus etc. I have increased the width, as you suggested, but now my dropdowns and menu widths have also changed.

Thanks

Marc

0
Accepted
Boyan Dimitrov
Telerik team
answered on 16 Feb 2017, 09:31 AM

Hello Marc,

I am afraid that there are no specific classes applied to the popup element in order to differentiate between menu or drop down list. 

Regards,
Boyan Dimitrov
Telerik by Progress
Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
0
Marc
Top achievements
Rank 1
answered on 16 Feb 2017, 09:35 AM

Hi Boyan!

Thanks - it might be worth for a future release to possibly include a way to differentiate. I changed the container width to 250px, and it changed the dropdown width in the spread, the menu item width in the menu, and the dropdown list (kendo combobox & multiselect widths). I can see a case where someone (including me) would want to change one or more of those widths, but not all of them.

Thanks for your help with this issue. 

Marc

Tags
Spreadsheet
Asked by
Marc
Top achievements
Rank 1
Answers by
Boyan Dimitrov
Telerik team
Marc
Top achievements
Rank 1
Share this question
or