Telerik Forums
Kendo UI for Angular Forum
0 answers
103 views

Hello,

Many thanks for such a wonderful solution. I am however facing a problem. We are having a full screen use case in our application and have a groupable table. When I drag table headers to top the draggable element is visible when screen is not full screen but not visible while in full screen. 

I checked one more thread mentioning about, Where popup element is appended to a div rather than to body.

providers: [{
      provide: POPUP_CONTAINER,
      useFactory: () => {
         //return the container ElementRef, where the popup will be injected
         return { nativeElement: document.querySelector('.fullscreenDiv') } as ElementRef;
      }
    }]

But This solution is applicable to popup element. In my case Drag element is getting appended to body tag and hence being invisible. If somehow I can append it to internal div then it will work. 

Samir
Top achievements
Rank 1
 asked on 10 Feb 2021
2 answers
992 views

Hello, 

I need to programmatically expand and collapse a row (maybe by id). Can it be done somehow?

Also is it possible to expand and collapse the tree completely programmatically?

 

Thanks,

B

ICT
Top achievements
Rank 1
Iron
 answered on 10 Feb 2021
1 answer
1.6K+ views

Is there a way to select the next row when we hit keydown or keyup using the keyboard?

 

I tried setting the navigable property to true but in that case we have to hit enter to explicitly select a row. I want to select the next row on the keydown and keyup event.

Dimiter Topalov
Telerik team
 answered on 10 Feb 2021
2 answers
85 views

Hello, 

Hello, I rewrite the thread because it was deleted.

I'm trying to translate window action buttons using the WindowService.

Unfortunately they are not translated and I have an error in the console:

preview-c9f765cddfc622204e06b.js:1 ERROR TypeError: Cannot set property 'closeTitle' of undefined

Is this a known issue?

Here you can replicate the issue;

https://stackblitz.com/edit/angular-hvvwkt

Thanks,

B

ICT
Top achievements
Rank 1
Iron
 answered on 09 Feb 2021
2 answers
741 views

Hi!

I try to use drawer component as a menu. So I configured the items as in example https://stackblitz.com/run/?file=app%2Fproducts.component.ts .

If I try to use a link like <a [routerLink]="['/']">to home</a> in product.component.ts it redirect me to home page. But in drawer component the active item isn't change. It stays at Products.

Shouldn't the Home item be active? Are my expectations wrong?

Thank you in advance.

Jose Wilson
Top achievements
Rank 1
 answered on 08 Feb 2021
2 answers
173 views
One of our products has a numeric field for navigating page numbers. The input paging works fine on chrome, firefox, and EDGE, but it doesn’t work on IE 11. Is there a workaround for this issue, or is this a defect with the control?
Dina
Top achievements
Rank 1
 answered on 08 Feb 2021
2 answers
411 views

Hi,

 

There is a requirement that I need to close the button dynamically when one of the dropDown is clicked. How do I close the drop down programatically? We need this asap and the document is not clear on how to achieve this. 

Regards.

Jyothi

Jyothi
Top achievements
Rank 1
Iron
Iron
Veteran
 answered on 05 Feb 2021
2 answers
521 views

Hi,

I need to be able to enable/disable dynamically. This is easy when there is a paren child relationship. I can use ViewChild to get access to the disabled variable of the child and that works.

     Example: MySplitButton component have a method to set the flag to true or false

                      setButtonStatus(flag : boolean){
                                  this.isButtonDisabled = flag }

In parent I can access the child and call the method.

 @ViewChild(MySplitButton) splitComponent : MySplitButton;

                     this.splitComponent.setButtonStatus(true);

 

When the MySplitButton component is not the direct child, how do I set access to the this component from lets say grand parent component?

Regards,

Jyothi

Jyothi
Top achievements
Rank 1
Iron
Iron
Veteran
 answered on 05 Feb 2021
0 answers
368 views

I would like to format the numerical value of the labels and the tooltip with the Italian monetary value, with 2 decimal digits separated by commas and the thousands separated by a point.
something like this:

125.500,45 €

<kendo-chart
            renderAs="canvas"
            [pannable]="{ lock: 'y' }"
            [zoomable]="{ mousewheel: { lock: 'y' } }"
            (seriesClick)="onSeriesClick($event)">
        <kendo-chart-series>
          <kendo-chart-series-item
                  type="pie"
                  [data]="datasource"
                  field="valTot"
                  categoryField="category" [overlay]="{gradient: 'roundedBevel'}">
                 <kendo-chart-series-item-labels
                     [format]="'c2'"
                     color="#000000" background="none">
                 </kendo-chart-series-item-labels>
            <kendo-chart-series-item-tooltip>
           <ng-template let-value="value" let-category="category" let-series="series" let-dataItem="dataItem">
                <div>{{category}}: {{value.toLocaleString('it-IT', {minimumFractionDigits: 2, maximumFractionDigits: 2})}} €</div>
                   </ng-template>
           </kendo-chart-series-item-tooltip>
        </kendo-chart-series-item>
      </kendo-chart-series>
 </kendo-chart>
alex
Top achievements
Rank 1
Iron
Veteran
 asked on 05 Feb 2021
2 answers
201 views

The Multiselect box does not show selected item if the id is 0.

See stackblitz https://stackblitz.com/edit/angular-kpxq67?file=app/app.component.ts.

Is this by design?

 

Thanks,

Paul

schakravarty
Top achievements
Rank 2
Iron
Iron
 answered on 04 Feb 2021
Narrow your results
Selected tags
Tags
+? more
Top users last month
Hiba
Top achievements
Rank 1
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Max
Top achievements
Rank 1
Veteran
Iron
Alina
Top achievements
Rank 1
Rakhee
Top achievements
Rank 1
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Hiba
Top achievements
Rank 1
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Max
Top achievements
Rank 1
Veteran
Iron
Alina
Top achievements
Rank 1
Rakhee
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?