Telerik Forums
Kendo UI for Angular Forum
0 answers
137 views

Using formBuilder to create a reactive form when I noticed that it turns array properties in to the first object in the array. This is breaking my multiselect drop down as it is expecting an array.

I create a stack blitz demonstration. 

https://stackblitz.com/edit/angular-bnet6z?file=src%2Fapp%2Fapp.component.ts

This is based off of you https://www.telerik.com/kendo-angular-ui/components/dropdowns/multiselect/forms/#toc-reactive-forms demonstration where I changed the form building to use the form builder.

Multiselect then reports these errors.

  • ERROR
    1. Error: values.reduce is not a function
    2. ERROR
      1. Error: Expected values of array type. See https://www.telerik.com/kendo-angular-ui/components/dropdowns/multiselect/value-binding
      2. The workaround is to build the form manually, but it really feels like a bug in formBuilder. Is there something else that will work to prevent formBuilder from reducing arrays?

      3. John
        Top achievements
        Rank 1
        Iron
         asked on 21 Dec 2023
        7 answers
        560 views

        Hello,

        I need to highlight using a css the filtered strings in a kendo ui multiselect for angular.

        Is there an option for this?

        Thanks

        John
        Top achievements
        Rank 1
        Iron
         answered on 21 Dec 2023
        0 answers
        109 views

        I want to hide the toolbar that is framed in red. How can it be done?

         

        Alisa
        Top achievements
        Rank 1
         updated question on 20 Dec 2023
        1 answer
        367 views


        <kendo-drawer-container>
            <kendo-drawer
              #drawer
              [items]="drawerItems"
              [mode]="'push'"
              [mini]="true"
              [expanded]="false"
              (select)="onDrawerSelect($event)"
        
        
        drawerItems: DrawerRoutingItem[] = [
            {
              svgIcon: ?????????,
              text: "Chargements",
              path: "",
              selected: window.location.pathname==="/"
            },
            {
              svgIcon: ????????????,
              text: "Horaire des reprises",
              path: "horaire",
              selected: window.location.pathname==="/horaire"
            }
          ];

         

        I have a chargements.svg file in an Assets directory however the svgIcons in drawerItems will only take SVGIcon object  from @progress/kendo-svg-icons

        How can I use my own svg files inside the drawerItems array?

         

        Hetali
        Telerik team
         answered on 13 Dec 2023
        0 answers
        768 views

        I am trying to get rid of the current ng-deep use cases in our app.

        The class that being override is as follows:

        css:
        ::ng-deep .k-chat.k-selected {
        margin-bottom: 0px !important;
        };

        html:
        <kendo-chat class="chatbox" [messages]="messages" [user]="user">

        <ng-template kendoChatMessageTemplate let-message>

        <div [innerHTML]="message.text | sanitizeHtml"></div>

        </ng-template>

        </kendo-chat>

        Eros
        Top achievements
        Rank 1
         asked on 13 Dec 2023
        1 answer
        511 views

        Hi I am trying to style default item select in my project but when i inspect select item in browser through element it is showing Kendo-popup k-animation-container k-animation-container-shown but it is not showing default item elements select to change the styling for the default item select can you please let me know what class will be for default item select to change styling

        https://www.telerik.com/kendo-angular-ui/components/dropdowns/dropdownlist/default-item/

        Hetali
        Telerik team
         answered on 13 Dec 2023
        1 answer
        743 views

        Hi,

        can i use format = "mm/dd/yyyy" mm in short format i used like this in my project but it is not taking month correctly only if i use as below

        format="MM/dd/yyyy"
        it is working but as per our design styles it should be 

        format="mm/dd/yyyy"

        please let me know if i can use this format and achieve month working correctly i am referring to placeholders as per below

        https://www.telerik.com/kendo-angular-ui/components/dateinputs/datepicker/placeholders/

        Hetali
        Telerik team
         answered on 13 Dec 2023
        1 answer
        122 views

        Hello All,

        I've got a product owner that requires the in-cell editing without needing to press Enter button.  They want the cell to automatically enter edit mode simply by arrowing around the grid.  My dev team is struggling to make this happen.  Any suggestions or samples that would help us accomplish this?  If we aren't able to make this work, we will have to use an entirely different framework (or roll our own) for grids, which I'm hoping to avoid.

        Thanks

        Martin Bechev
        Telerik team
         answered on 13 Dec 2023
        0 answers
        111 views

        Hi everyone,

        We're experiencing a major performance issue with our Kendo MultiColumnComboBox when used alongside Wijmo FlexSheet like opening excel and switching between worksheets or copy pasting cell value. The dropdown becomes incredibly laggy and unresponsive, to the point of freezing the entire browser, making it practically unusable. It is only happening in this scenario. All other dropdown used like mat-select or any text input is working properly in this scenario.

        Here's a breakdown of the problem:

        Symptoms: Kendo MultiColumnComboBox dropdown experiences severe lag and freezing when:
        1. Opening the dropdown.
        2. Scrolling within the dropdown.


        We've tried various solutions to improve performance, including:
        Memory optimization: Tested with limited memory (2GB) to rule out memory leaks, but the issue persisted.
        Virtualization: Implemented virtualization for the dropdown, but it didn't alleviate the lag.

        We're at a loss and would greatly appreciate any insights or suggestions from the community. Has anyone encountered similar issues with Kendo MultiColumnComboBox and Wijmo FlexSheet integration?
        What troubleshooting steps or alternative solutions would you recommend?
        Thanks in advance for your help!
        We're hoping to find a solution that resolves this critical performance issue and improves the user experience for our platform.

        Mutasim
        Top achievements
        Rank 1
         asked on 13 Dec 2023
        1 answer
        182 views

        Hi,

        We have a requirement, where we are using supporting internationalization for only date, numbers and currency. We do not want the calendar months to be displayed in local language. For example, when we set the LOCALE_ID, useValue: 'pt-PT', we don't want the calendar months to be displayed in Portugues. We want it to be SU, MO etc. Is this achievable?

         

        Regards,

        Jyothi

        Martin Bechev
        Telerik team
         answered on 13 Dec 2023
        Narrow your results
        Selected tags
        Tags
        +? more
        Top users last month
        Bohdan
        Top achievements
        Rank 3
        Iron
        Iron
        Iron
        Rob
        Top achievements
        Rank 3
        Bronze
        Bronze
        Iron
        Elliot
        Top achievements
        Rank 1
        Iron
        Iron
        Iron
        Sunil
        Top achievements
        Rank 1
        Cynthia
        Top achievements
        Rank 1
        Iron
        Iron
        Iron
        Want to show your ninja superpower to fellow developers?
        Top users last month
        Bohdan
        Top achievements
        Rank 3
        Iron
        Iron
        Iron
        Rob
        Top achievements
        Rank 3
        Bronze
        Bronze
        Iron
        Elliot
        Top achievements
        Rank 1
        Iron
        Iron
        Iron
        Sunil
        Top achievements
        Rank 1
        Cynthia
        Top achievements
        Rank 1
        Iron
        Iron
        Iron
        Want to show your ninja superpower to fellow developers?
        Want to show your ninja superpower to fellow developers?