Telerik Forums
Kendo UI for Angular Forum
1 answer
90 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
90 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
194 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
23.5K+ 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
74 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
116 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
109 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.4K+ 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
0 answers
95 views

Hi

Could i migrate an JS/Jquery Kendo CSS to an Angular12 CSS easily ?

Could i use theme Builder to make it ?

Regards

 

ixen
Top achievements
Rank 1
Iron
Iron
Iron
 asked on 26 Oct 2021
0 answers
91 views

Hello,

I'm wondering if there is a possibility to remove focus from "Select font size" option by clicking on "Select font size" dropdown in Editor. At the same time, the focus should remain on keyboard navigation. Is there such a possibility in kendo?

Thanks in advance!

UPD: please disregard, the requirements were changed. The question is not relevant anymore.

Rita
Top achievements
Rank 2
Iron
Iron
 updated question on 26 Oct 2021
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?