Tooltip Issue - Angular 8

[joe]

Hello,
I am trying to incorporate the Tooltip into a project and I can't seem to get it to work.  I copied the exact same code from your demo. 

https://www.telerik.com/kendo-angular-ui/components/tooltip/default-conf/

I have this in my app Module

import { PopupModule } from '@progress/kendo-angular-popup';
import { TooltipModule } from '@progress/kendo-angular-tooltip';

Imports I have the following

imports: [
    CommonModule,
    BrowserModule,
    BrowserAnimationsModule,
    AppRoutingModule,
    HttpClientModule,
    FormsModule,
    SharedModule,
    PopupModule ,
    TooltipModule
  ],
This is the tooltip - just like your demo

 

<div kendoTooltip style="text-align: center; padding-top: 10px;"><button class="k-button k-primary" title="Saves the current document">Save</button><button class="k-button" title="Discards all changes">Cancel</button></div>

I get no errors, none. I installed the tooltip using ng add @progress/kendo-angular-tooltip

Thanks for your help
Joe

[Martin]

Hi Joe,

Indeed the code looks valid. Also, the Tooltip does not require the PopupModule as dependency. I tested the Tooltip in an isolated Angular app, but it works correctly. Run the application using the following commands in the root folder:

- npm i

- ng serve

A possible issue could be the used theme. Please ensure that the theme is loaded correctly in the application. Please check how the theme is loaded in the attached project:

 angulаr.json file:

... 
"styles": [
              {
                "input": "node_modules/@progress/kendo-theme-default/dist/all.css"
              },
              "src/styles.css"
            ],
            "scripts": []
...

In case the issue persists could you provide a sample project where the issue is reproduced. Thus we can debug the code and eventually find the root of the issue. Thank you in advance.

Regards,
Martin
Progress Telerik