Validation Dropdown List Style/Class

8 posts, 1 answers
  1. Marc
    Marc avatar
    171 posts
    Member since:
    Sep 2016

    Posted 18 Jan 2017 Link to this post

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

    Thanks!

  2. Boyan Dimitrov
    Admin
    Boyan Dimitrov avatar
    2062 posts

    Posted 20 Jan 2017 Link to this post

    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.
  3. Marc
    Marc avatar
    171 posts
    Member since:
    Sep 2016

    Posted 20 Jan 2017 in reply to Boyan Dimitrov Link to this post

    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

  4. Boyan Dimitrov
    Admin
    Boyan Dimitrov avatar
    2062 posts

    Posted 23 Jan 2017 Link to this post

    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.
  5. Marc
    Marc avatar
    171 posts
    Member since:
    Sep 2016

    Posted 23 Jan 2017 in reply to Boyan Dimitrov Link to this post

    Hi Boyan 

    That is perfect, thank you!

    Marc 

  6. Marc
    Marc avatar
    171 posts
    Member since:
    Sep 2016

    Posted 14 Feb 2017 in reply to Boyan Dimitrov Link to this post

    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

  7. Answer
    Boyan Dimitrov
    Admin
    Boyan Dimitrov avatar
    2062 posts

    Posted 16 Feb 2017 Link to this post

    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.
  8. Marc
    Marc avatar
    171 posts
    Member since:
    Sep 2016

    Posted 16 Feb 2017 in reply to Boyan Dimitrov Link to this post

    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

Back to Top