Telerik Forums
Kendo UI for Angular Forum
0 answers
179 views

Hi Kendo Team,

I want to ask that currently Kendo has any feature by which I can create pdf on server side (specially java).

 

Q. What can I do ?

 -- I can create a DOM with my styling and send the whole DOM to server for creating PDF.

 

Or you can guide me any other feasible solution

 

Q. What I basically want to Achieve.

-- Our Problem is : We have two platform and we want to Build Similar PDF from both platforms

A. Web Application (Angular )

B. Mobile Application (Reactive Native ) -- Do your library PDF Export Supports our Mobile Technology or any work around we can do ?

 

Pritpal
Top achievements
Rank 1
 asked on 02 Nov 2021
1 answer
344 views

I think the Kendo UI DatePicker is a great component however I am having issues with the Angular version. It seems you have decided to try to save the user typing a / in some circumstances. If my date format is UK (en-GB) dd/mm/yyyyy and I type 8 you auto skip to the month but if I type 1, 2 or 3 then you can't be sure if I intend to type another digit for the day so in this case for days 1, 2 or 3 I must manually type the / to progress to the month entry.

This drives me and other test users of our application crazy. It also seems far less accessible. If the user has multiple dates to enter it is far easier for them to apply the same pattern every time, always enter a slash between day, month and year. Your solution may save a key stroke or two in some circumstances but it also requires greater thought by the user to remember the rules and switch behaviour when the initial digit of the day/month cannot have a valid second digit.

If you do insist on supporting these please can you make it optional, add a setting so it can be disabled.

Svet
Telerik team
 answered on 02 Nov 2021
1 answer
178 views

Hi

 

Do i need to add bootstrap_min.css in angular.json to having bootstrap5 or just adding in package.json is enough ?

Regards

"@progress/kendo-theme-bootstrap": "^4.42.0",
"@progress/kendo-theme-default": "^4.42.0",
"bootstrap": "^5.1.3"
Ivo
Telerik team
 answered on 02 Nov 2021
0 answers
141 views

Hi,

I have an grid with ng-template on position top. My ng-template contains two checkbox

Couls each checkbox exclude another ?

 

Regards

ixen
Top achievements
Rank 1
Iron
Iron
Iron
 updated question on 02 Nov 2021
0 answers
232 views

When I use filtering with multi-checkbox, pagination does not work. How can I use both in the same grid?

Reference: https://www.telerik.com/kendo-angular-ui/components/grid/filtering/reusable-filter/#toc-multi-checkbox-menu-filtering

Vivek
Top achievements
Rank 1
 asked on 02 Nov 2021
1 answer
24.4K+ views

I tried looking through various resources to see if this has been covered anywhere but was unable to find anything that solved this particular problem for Angular. My use case is that I have a date picker being used to enter a user's birth date. For this use case, time does not matter; it should be recognized as 10/27/2021 no matter where they are in the world. My problem is that if the user that initially creates this birth date lives in the Eastern US time zone, and then a second user that lives in the Central US time zone (1 hour behind), the date is shown as 10/26/2021 to them.

I understand the reason behind this. The javascript date type automatically adjusts to the user's local time. When the date was created, the date value was set as 10/27/2021 at midnight in the creating user's local time zone. Therefore when the viewing user retrieves it, its automatically adjusted 1 hour before that to 10/26/2021 11:00pm.

Nevertheless, this behavior makes the date input / date picker useless for calendar dates such as these, where time should not matter. My current preferred solution (although I am open to others if you have any) is to have the date be UTC time from front to back end. It gets created as a UTC (so 10/27/2021 at midnight in the UTC timezone, not local), sent to the back end server and stored as UTC, and then when retrieved, its displayed as UTC, not the user's local time.

I know that both UTC midnight date creation and date -> UTC string is possible with native javascript. Angular even has a native date pipe that accepts a parameter to denote which time zone you want the date to be adjusted to before creating the output string. I can't however find any sort of option for the date input component. The date being created at midnight UTC rather than midnight local time isn't a big deal; I could manually change that myself after creation by the component (although an optional parameter would be nice to avoid that). What I don't know how to do is get the date input to display the date after adjusting to UTC (similar to the date pipe example I mentioned). I would have expected it to maybe be some sort of option on the "format" input, but I wasn't able to find anything relating to timezone in the documentation. I also can't see any way to customize this myself as I only see the "date" type value exposed on the date picker component. While I could definitely manipulate this to get the output I want, it would completely trash the date value's integrity for any other usage.

Do you have any guidance for this issue? What do you recommend for proper "calendar date" usage when using these date components?

Svet
Telerik team
 answered on 01 Nov 2021
1 answer
96 views
Hey everyone, starting from Knowledge Base - Row Reordering, I copied the handler function to my project and I got it to work almost perfectly. 
I have however an extra need: when I reorder the row I'd like the Order field to change for all the previous fields if needed. Starting from a example like this:



Example: I move 1 to 5 and the other rows see their order field changed to reflect the previous status:
1 --> 5
2 --> 1
4 --> 2
5 --> 4

Link to a Stackblitz that you can use
Missing User
 answered on 29 Oct 2021
1 answer
151 views

Hello.

In kendo-grid I need to switch off filters on columns that user is hiding.

I tried to get field names from columns in ColumnVisibilityChangeEvent and then find them in grid filter. But there can be situations when in column and in filter there are different fields. For example - in column "StatusName" and in filter - "StatusId". Is there a way to solve this problem? How can I know filter field name in columnVisibilityChange?

Martin Bechev
Telerik team
 answered on 29 Oct 2021
1 answer
169 views

Hi,

it seems, that the boundary detection is not working for popups without an anchor but with an absolute position (offset).

this.popupService.open({
	offset: {
		left: clickArgs.point.x,
		top: clickArgs.point.y,
		},
    	collision: { horizontal: 'flip', vertical: 'fit' },
        content: MyComponent
});

The collision settings have no effect.

Best regards,
Thomas

Martin Bechev
Telerik team
 answered on 28 Oct 2021
1 answer
1.7K+ views

How to set the position of the chart tooltip. the problem is that the tooltip is shown by default next the cursor (on the right), so when we move to the right the mouse will be on the tooltip thus the value will not be changed

Thanks

<kendo-chart>

...

<kendo-chart-tooltip >
<ng-template kendoChartSharedTooltipTemplate>

..
</ng-template>
</kendo-chart-tooltip>

</kendo-chart>

 

Stoyan
Telerik team
 answered on 27 Oct 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?