Telerik Forums
Kendo UI for Angular Forum
1 answer
170 views
I desperately need the function to print the Gantt. I have managed to hand-make the function to print the table part, but I need to know how I can print the Gantt part, at least until the functionality is available. I'm trying to print the element:

document.getElementsByTagName('kendo-gantt-timeline')[0]

But it gives me size problems and problems with .k-gantt-dependencies-svg.

Can you help me?
Stoyan
Telerik team
 answered on 25 Dec 2023
0 answers
159 views

I am using the WindowService to open a window and passing in a template for the content. Once the user performs their action within the window, I want to close it.

I tried adding

public window : WindowRef

to my constructor, but this threw an error, 'No provider for WindowRef'

Clifford
Top achievements
Rank 1
 asked on 21 Dec 2023
0 answers
104 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
        518 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
        78 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
        291 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
        654 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
        394 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
        544 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
        92 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
        Narrow your results
        Selected tags
        Tags
        +? more
        Top users last month
        Rob
        Top achievements
        Rank 3
        Iron
        Iron
        Iron
        Atul
        Top achievements
        Rank 1
        Iron
        Iron
        Iron
        Alexander
        Top achievements
        Rank 1
        Veteran
        Iron
        Serkan
        Top achievements
        Rank 1
        Iron
        Shawn
        Top achievements
        Rank 1
        Iron
        Iron
        Want to show your ninja superpower to fellow developers?
        Top users last month
        Rob
        Top achievements
        Rank 3
        Iron
        Iron
        Iron
        Atul
        Top achievements
        Rank 1
        Iron
        Iron
        Iron
        Alexander
        Top achievements
        Rank 1
        Veteran
        Iron
        Serkan
        Top achievements
        Rank 1
        Iron
        Shawn
        Top achievements
        Rank 1
        Iron
        Iron
        Want to show your ninja superpower to fellow developers?
        Want to show your ninja superpower to fellow developers?