Telerik Forums
Kendo UI for Angular Forum
1 answer
994 views

I have imported a google font that I want to use as the default font for my application

@import url('https://fonts.googleapis.com/css2?family=Arimo:wght@400;700&display=swap');

I am also using tailwindcss to style a majority of the application so I have tried to set it as
default in many different ways.

@layer base {
  html {
    font-family: Armio, system-ui, sans-serif !important;
  }
}
$kendo-font-family-sans-serif: Armio, system-ui, sans-serif !important;
$font-family-monospace: Armio, system-ui, sans-serif !important;


curious what I am doing wrong - I have been able to manually override in the .appbar component
but for the kendo dialogs it is not taking effect and using the Roboto font instead?

Martin Bechev
Telerik team
 answered on 18 Aug 2023
1 answer
440 views

I'm trying to change the "sticky" columns dynamically in my project, but if I add a column with sticky true dynamically, the other column "rises" on top of the other, it's like the recalculation is not redone to leave more than one column with "sticky".

I made an example on "stackblitz" of the error, it starts with column 2 (ProductName) starting with "sticky" as "true", but if you click to column 1 (ProductID) and column 3 (Category.Category) it gets fixed, column 3 is on top of the other fixed columns.
The three columns with styck only work if I start the kendo grid with both true.

To test, keep the screen small to generate horizontal scrolling



example:

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

Martin Bechev
Telerik team
 answered on 18 Aug 2023
1 answer
228 views

Hi, as described here https://www.telerik.com/kendo-angular-ui/components/dropdowns/multiselect/summary-tag-mode/#toc-basic-usage iam creating a MultiSelect component with a summary tag using the kendoMultiSelectSummaryTag directive and a custom kendoMultiSelectGroupTagTemplate .

But the summary tag is only visible, when  there is atleast one item selected.

Is it possible to show the summary tag even when there are no items selected?

E.g. somethink like "0 items selected"?

Tsvetelina
Telerik team
 answered on 17 Aug 2023
0 answers
117 views

When trying to download from a large dataset, this blocks the UI and the browser throws the message "wait".

 

kendoGridExcelCommand has no such limitation.

 

 

How do I get it to not block the UI on PDF export?

Steven
Top achievements
Rank 1
 asked on 16 Aug 2023
1 answer
612 views

I'm currently implementing the kendo-drawer for navigation in my application. I have most things working but am running into an issue with styling.

I have tried setting a custom width of 300px for the drawer but the element itself always has a flex-basis of 240px on it, overriding the value in the scss. I have looked at the utils included with the theme but am unsure how to use them.

Is there a way that I can set the flex-basis to be the value that I am wanting? Changing it in DevTools gives me the result that I want.

Thanks in advance.

Joe
Top achievements
Rank 2
Iron
Iron
 answered on 15 Aug 2023
5 answers
1.3K+ views

Hi

I'm trying to create a grid which has a mixture of multi-column headers and normal headers. I don't know the number / type of columns at design time so I'm using an array and trying to loop round the columns using a recursive template shown below.

 

<kendo-grid #grid [data]="result.rows"
      [navigable]="true">
    <ng-container *ngTemplateOutlet="recursiveColumns; context:{ columns: result.columns }">
    </ng-container>
</kendo-grid>
 
<ng-template #recursiveColumns let-cols="columns">
  <ng-container *ngFor="let c of cols">
      <kendo-grid-column
          *ngIf="!c.isGroup"
          field="{{c.field}}"
          title="{{c.title}}"
          [locked]="c.isLocked || false">
      </kendo-grid-column>
      <kendo-grid-column-group
          *ngIf="c.isGroup"
          title="{{c.title}}">
          <ng-container *ngTemplateOutlet="recursiveColumns; context:{ columns: c.columns }"></ng-container>
      </kendo-grid-column-group>
  </ng-container>
</ng-template>

Unfortunately the columns / groups do not get rendered. As far as I can tell my template is correct - everything is displayed correctly if I change the page to write out nested divs instead.

Please can you let me know if what I'm trying to achieve is possible? and if so,what changes I need to make to get it to work.

 

Thanks

Keith

Martin Bechev
Telerik team
 answered on 15 Aug 2023
1 answer
232 views

I have update the kendo ui angular to 13.2.1  the scheduler throw this  error "the required europe/london time zone not provided"

when I remove the timezone='europe/london' then it working fine.

any solution for fix timezone ?

i have attached the screenshots

 

 

Martin Bechev
Telerik team
 answered on 14 Aug 2023
1 answer
152 views

I have a button for my grid that serves to toggle the column position.

However, after I change the position by moving them with the 'reorderable' property, my button doesn't work.

I created an example to make it clearer:

https://stackblitz.com/edit/angular-jcbhse-m3a9zm?file=src%2Fapp%2Fapp.component.ts,src%2Fapp%2Fproducts.ts

Tsvetelina
Telerik team
 answered on 14 Aug 2023
2 answers
293 views

I have tabular data in DIV elements. The data being displayed in table is from rich textbox, so some columns have longer content than other, due to which kendo pdf automatically break the page (which is fine) and remaining content displayed on second page.

The issue is content on 2nd page shift to the left columns since those columns doesn't have any data on second page.

How to make sure kendo respect the columns and keeps the data in same column after page break.

https://angular-kendo-export-pdf-svacsk.stackblitz.io/

 

 

Martin Bechev
Telerik team
 answered on 14 Aug 2023
1 answer
349 views
My users will enter a date and time in UTC and this data will be stored in a form. However, the component uses local time instead of UTC.

If the user enters  2023-08-09 15:00:00, I want it to be save as 2023-08-09T15:00:00.
Yanmario
Telerik team
 answered on 14 Aug 2023
Narrow your results
Selected tags
Tags
+? more
Top users last month
Jake
Top achievements
Rank 1
RBarnes
Top achievements
Rank 1
Iron
Iron
Rami
Top achievements
Rank 1
Iron
Veteran
Nathan
Top achievements
Rank 1
Kumeri
Top achievements
Rank 1
Iron
Veteran
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Jake
Top achievements
Rank 1
RBarnes
Top achievements
Rank 1
Iron
Iron
Rami
Top achievements
Rank 1
Iron
Veteran
Nathan
Top achievements
Rank 1
Kumeri
Top achievements
Rank 1
Iron
Veteran
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?