Telerik Forums
Kendo UI for Angular Forum
1 answer
283 views
Hello, 

I am trying to put a max length on the angular autocomplete component to only allow a certain amount of characters to be typed. So far I have had no luck trying to use autocomplete api documentation. 

Hopefully someone is able to help. Thank you in advance.
Veselin
Telerik team
 answered on 24 Feb 2023
1 answer
135 views

Hi,

this is a bug report. The treeview cant' be filtered, if the drag&drop directive is used.

Veselin
Telerik team
 answered on 22 Feb 2023
0 answers
87 views
I'm trying to add Kendo-grid with kendo-popup but am not ably and based on cell click popup will appear 
Tamilvanan
Top achievements
Rank 1
 updated question on 21 Feb 2023
1 answer
119 views
Hi,

I'm having a kendo grid with grouping rows with expand collapse buttons.

When scanned for WCAG, the header column gives an error since it has an empty header without any labels.

Any workaround to fix this?



Thanks & Regards,
Milinda 
Dimiter Topalov
Telerik team
 answered on 21 Feb 2023
1 answer
99 views

I have a grid with both its pageable and navigable settings turned on.  This grid works fine but appears to oddly affect another grid on the page that is added dynamically when a button is clicked.

The dynamically created grid has selectable set to true and it has a checkbox column.  The checkbox can be checked but not unchecked.

When either pageable or navigable is turned off for the first grid, the checkbox in the dynamic grid works as expected.

Here is a stackblitz project demonstrating the issue: (tested in Chrome and Edge)

https://stackblitz.com/edit/stackblitz-webcontainer-api-starter-lqeqyu

This project uses older versions of Angular and Kendo, and I have tested with the latest versions and the bug is fixed.

Is there a temporary workaround for this issue until I am able to upgrade?

Thanks!

Marvin

 

 

 

Marvin
Top achievements
Rank 2
Iron
Iron
 answered on 20 Feb 2023
0 answers
103 views
Aşağıda belirttiğim kodlarda grid panele yeni bir sütun ekleyip modelde var olan 2 sütunun çıkarma işlemini yapmak istiyorum.

Kırmızı olarak belirttiğim "Sağlama 1" sütununa "Son Sayaç - İlk Sayaç" işlemini yapmak istiyorum.

Kırmızı olarak belirttiğim "Sağlama 2" sütununa "Verilen Yakıt - Sağlama 1" işlemini yapmak istiyorum.

Destekleriniz için teşekkür ederim.


c.ColumnFor(c1 => c1.TuruIsim).Width(50).Text("Turu").Renderer("girisRenk");
c.ColumnFor(c1 => c1.DepoIdIsim).Width(140).Text("Yakıt Deposu");
c.ColumnFor(c1 => c1.FisNo).Width(60).Text("Fiş/Ft No").Align(ColumnAlign.Center);
c.ColumnFor(c1 => c1.AracPlaka).Width(70).Text("Araç Plaka").Align(ColumnAlign.Center);
c.ColumnFor(c1 => c1.Tarih).Width(100).Text("Tarih").Renderer(new Renderer("return Ext.util.Format.date(value,'d-m-Y H:i');"));
c.ColumnFor(c1 => c1.TalepEdenIsim).Width(180).Text("Talep Eden");
c.ColumnFor(c1 => c1.TeslimEdenIsim).Width(180).Text("Teslim Eden");
c.ColumnFor(c1 => c1.TeslimAlanIsim).Width(180).Text("Teslim Alan");
c.ColumnFor(c1 => c1.AlinanYakit).Width(85).Text("Alınan Yakıt");
c.ColumnFor(c1 => c1.VerilenYakit).Width(85).Text("Verilen Yakıt");
c.ColumnFor(c1 => c1.SayacDegeri).Width(80).Text("İlk Sayaç");
c.ColumnFor(c1 => c1.SonSayacDegeri).Width(80).Text("Son Sayaç");
c.ColumnFor(c1 => c1.??).Width(80).Text("Sağlama 1");
c.ColumnFor(c1 => c1.??).Width(80).Text("Sağlama 2");
c.ColumnFor(c1 => c1.Onay).Text("Onay").Renderer("Durum");
c.ColumnFor(c1 => c1.Durum).Text("Kontrol").Renderer("Kontrolrn");
Murat
Top achievements
Rank 1
 asked on 20 Feb 2023
1 answer
214 views

Hi everyone,

I got errors on "ng build" regarding a function in the all.scss after upgrading the upgrading kendo-theme-default to 6.1.0.

the error is:

./src/styles.scss - Error: Module Error (from ./node_modules/postcss-loader/dist/cjs.js):
C:\Perforce\Noorollah.Malek_LINW-DMALEK_QA_Reporting_Dashboards_Dev_856\QAReportingDashboard\QAReportingDashboard\ClientApp\src\styles.scss:26468:3: Can't resolve 'null' in 'C:\Perforce\Noorollah.Malek_LINW-DMALEK_QA_Reporting_Dashboards_Dev_856\QAReportingDashboard\QAReportingDashboard\ClientApp\src'

and is related to @progress/kendo-theme-default/dist/all.scss.

I figured out this is because of below function in the all.scss file which followed by ToDo comment since when I remove it the build goes successfully.


// TODO: Remove this function or rethink the logic
@function k-true-mix( $color1, $color2, $weight: 50% ) {
    @return k-color-mix( rgba( $color1, 1 ), rgba( $color2, 1 ), $weight );
}

if you remove this, still needs to make some other changes in other parts of the file.

Is there any other solution for that or is it fixed currently?

Thanks

Ivo
Telerik team
 answered on 20 Feb 2023
0 answers
87 views

Hi,

this is a bug report, not a question.

If we change the size of a treeview with checkboxes to large or small, the size of the checkboxes doesn't change, it remains as medium.

Other "bug" in the documentation: the large size of a checkbox is 20px and not 24px.

horváth
Top achievements
Rank 2
Iron
Iron
 asked on 19 Feb 2023
2 answers
831 views

I have seen that this has been asked a couple of times but I cannot get it working in Angular using the bootstrap theme, maybe somebody could help me here? 

I would like a clear button that is inside the kendo-datepicker component (see attached image). The code is working correctly, only the CSS/HTML is the problem. Here is the snippet of HTML that I am using: 

<div class="row">
    <div class="col-sm">
      <div class="form-group">
        <kendo-label for="actTime">{{customMessageService.translate('formCardActivationTime')}}</kendo-label>
        <kendo-datepicker [(ngModel)]="actDate" (valueChange)="onActChange($event)">
        </kendo-datepicker>
        <button kendoButton fillMode="clear" icon="close" (click)="clearActDate()"></button>
      </div>
    </div>
    <div class="col-sm">
      <div class="form-group">
        <kendo-label for="dactTime">{{customMessageService.translate('formCardDeactivationTime')}}</kendo-label>
        <kendo-datepicker [(ngModel)]="dactDate" (valueChange)="onDactChange($event)">
        </kendo-datepicker>
        <button kendoButton fillMode="clear" icon="close" (click)="clearDactDate()"></button>
      </div>
    </div>
  </div>

there is no additional CSS at the moment. I have tried to move the button within the datepicker and a lot of other things but I just cannot seem to get it to work 🙁 

Thank you for any help given.

Cheers

Ursus

 

Novak
Top achievements
Rank 1
Iron
 answered on 19 Feb 2023
0 answers
95 views

Is it possible to have the date range with calendar icons? 

Like the below image:

Thanks!

Alexis
Top achievements
Rank 1
 asked on 16 Feb 2023
Narrow your results
Selected tags
Tags
+? more
Top users last month
Boardy
Top achievements
Rank 2
Veteran
Iron
Benjamin
Top achievements
Rank 3
Bronze
Iron
Veteran
ivory
Top achievements
Rank 1
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
ClausDC
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Boardy
Top achievements
Rank 2
Veteran
Iron
Benjamin
Top achievements
Rank 3
Bronze
Iron
Veteran
ivory
Top achievements
Rank 1
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
ClausDC
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?