MultiSelect and responsive placeholder value

2 posts, 0 answers
  1. Chris
    Chris avatar
    18 posts
    Member since:
    Nov 2009

    Posted 11 Jul Link to this post


    I'm using AngularJS and with the Kendo MultiSelect control.

    I am setting the placeholder via the selectOptions like the following

       $scope.selectOptions = {
                placeholder: "Search for workitem by reference or property",
                dataTextField: "title",
                dataValueField: "reference",
                valuePrimitive: true,

    However, I would like the placeholder value to be responsive. i.e.

    if @media (min-width: 480px) then text is "Search for workitem by reference or property"

    if @media (max-width: 480px) then text is "Search for workitem"

    What would be the correct way of achieving this?

  2. Dimitar
    Dimitar avatar
    176 posts

    Posted 13 Jul Link to this post

    Hello Chris,

    I have provided an answer in your support ticket and I suggest that we continue our communication there in order to prevent thread duplication.

    I am also sharing the solution suggestion provided. You can find it on the following Dojo.

    Progress Telerik
    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.
Back to Top