Telerik Forums
Kendo UI for Angular Forum
2 answers
237 views
We are noticing these characters "â€<" showing up intermittently after updating our kendo-angular dependencies to 15.5.0.
It's not an issue we are able to reproduce every day, and sometimes reloading will fix it, but it will appear at the beginning of kendo window headers, and options in kendo dropdowns. We have not changed anything about our code, nor are we using any special characters ourselves in these locations.

Our angular version is 17.3.12

Is this a known issue? What would the fix be?

Thanks.


Bhavika
Top achievements
Rank 2
Iron
Iron
Iron
 answered on 02 Oct 2024
0 answers
250 views

Hi, in our team we had issues with a tricky bug that we discovered in Safari for Kendo UI for Angular.

Steps to reproduce

1. In Safari, make sure that content is scrollable by having content that does not fit in the current size of the browser window. 

2.  Open a kendo window over the content, with a kendo datepicker inside.

3.  Possibly make the browser window smaller in height (depending on the screen resolution).

4. Open the datepicker popup.

Expected behaviour

Kendo window along with its content stay were it is. 

Actual behaviour

The kendo window jumps upwards and is partially out of view. 

If the page is still scrollable the user can scroll back to see all of the kendo window. For my team the problem was that we have an "overflow: hidden" css style on the body to prevent scrolling outside the kendo window when it is opened. This is problematic for the user since they cannot scroll back to see all the content of the kendo window. This problem only happens in Safari.

Solution

To solve it we set "position: fixed" on the wrapping element of the kendo window.

Stackblitz

https://stackblitz.com/edit/angular-p1tgbe-u8g3ff

 

Henrik
Top achievements
Rank 1
 updated question on 28 Feb 2024
0 answers
156 views

I am using the WindowService to open a window and passing in a template for the content. Once the user performs their action within the window, I want to close it.

I tried adding

public window : WindowRef

to my constructor, but this threw an error, 'No provider for WindowRef'

Clifford
Top achievements
Rank 1
 asked on 21 Dec 2023
1 answer
81 views

Hi -

I would like to add a maximize and close buttons to my kendo-toolbar (I don't want to use kendo-window)

How can I do this?

Thanks

Yanmario
Telerik team
 answered on 08 Nov 2023
1 answer
152 views

Hi -

I've been trialing kendo UI for angular and it is pretty powerful

I would like to use the kendo-window toolbar as my kendo-tile "toolbar"

The main feature I want to leverage from the kendo-window doing so is the "Maximize" and "Close" features ("Minimize" should be disabled or better yet not visible)

I do want to use kendo-tile to leverage dragging and autoflow repositioning

Is there any way to do this?

Would greatly appreciate your help

Thanks

 

 

Yanmario
Telerik team
 answered on 06 Nov 2023
1 answer
136 views

Hello!

Is there any option to pin window to some DOM element, so that when i am scrolling whole page the window could scrolls together with it? I saw similar option in Kendo UI for jQuery. Or maybe you can suggest some workaround?

I also tried to use specifying custom window container but it is actually now working as I expected.

Thank you in advance!

Tsvetelina
Telerik team
 answered on 12 Sep 2023
1 answer
728 views

Hi there,

I'm using a Kendo Window for a form and when a vertical scrollbar is necessary, the action buttons (save, cancel) are not visible because you have to scroll to the bottom to see them. How could I get them to stay fixed?

Thank you

Hetali
Telerik team
 answered on 08 Aug 2023
1 answer
73 views

I have an app that is launching a window via the WindowService open method and I want to set the "themeColor" for the window.  There is no themeColor property available in the WindowsSettings.  I did try setting it via htmlAttributes, but that didn't have any effect. 

Am I just missing something?

 


    const windowRef = this.windowService.open({
      title: appointment.event?.name, 
      content: AppointmentModalViewComponent,
      width: 500,
      minWidth: 450,
      htmlAttributes: {
        "themeColor": "primary"
      }
    });

Tsvetelina
Telerik team
 answered on 28 Jul 2023
1 answer
160 views

I am trying to utilize the WindowService to dynamically create a Window instance from another component. The kendoWindowContainer lives in my app.component.html, but I am using the WindowService to create a window instance in a child component. 

Right now, when our app times out, and a log out is triggered, the window stays opens.

I've tried to use the WindowRef as a constructor parameter, also with the @Optional() decorator, and as a ViewChild, and window is always undefined. Not sure what I am doing wrong when trying to get the WindowRef reference.

Simeon
Telerik team
 answered on 20 Jul 2023
0 answers
163 views

Hi, 

I am making a standalone component using window, and I would like to make it modal - to prevent people clicking around while this window is open.

Is there any predefined way for making the window modal, or I have to explicitly use dialog for this?

 

Thank you

Regards,

Vedad

Vedad
Top achievements
Rank 3
Bronze
Bronze
Iron
 asked on 23 Jun 2023
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
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
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?