MultiSelect and responsive placeholder value

[Chris]

Hi,

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?

[Dimitar]

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.

Regards,
Dimitar
Progress Telerik