Rank 1
Hi, I tried to add the Hello String recipe to a blazor app and it partially worked. While the button was (Say Hello), when clicked, nothing happed.
Furthermore, I could not debug within the code. Eventually, I tried to throw an exception from the code and that did not work.
The code was copied and pasted in the Home.razor page of Hell World blazor template.
1 Answer, 1 is accepted
Hello Matt,
When you are configuring an application to use Telerik UI for Blazor, there are a number of configuration steps you must complete. See the guidelines here: https://www.telerik.com/blazor-ui/documentation/getting-started/workflow-details
If you've gone through all the steps and you still don't get the Button's click handler to work, the issue likely is the Telerik UI for Blazor JavaScript not being loaded properly. Review the App.razor file content and ensure that you are not deferring the telerik-blazor.js file and blazor.web.js is loaded as shown below:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<base href="/" />
<ResourcePreloader />
<link rel="stylesheet" href="_content/Telerik.UI.for.Blazor/css/kendo-theme-default/all.css" />
<link rel="stylesheet" href="@Assets["lib/bootstrap/dist/css/bootstrap.min.css"]" />
<link rel="stylesheet" href="@Assets["app.css"]" />
<link rel="stylesheet" href="@Assets["BlazorApp4.styles.css"]" />
<script src="_content/Telerik.UI.for.Blazor/js/telerik-blazor.js"></script>
<ImportMap />
<link rel="icon" type="image/png" href="favicon.png" />
<HeadOutlet @rendermode="InteractiveServer" />
</head>
<body>
<Routes @rendermode="InteractiveServer" />
<ReconnectModal />
<script src="_framework/blazor.web.js"></script>
</body>
</html>A quicker alternative to manually setting up a new application with Telerik UI for Blazor is to use the Telerik CLI tool: https://www.telerik.com/blazor-ui/documentation/getting-started/web-app
Regards,
Ivan Danchev
Progress Telerik
Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.
Hi Ivan,
Thanks for the reply. I re-read the instructions and was able to finally get it to work. I think it was the InteractiveServer render mode that was missing. It also could have been the TelerikContainer as well. After adding the proper render mode, a couple of other things started to work as well..
Secondary question. Will the demo mode continue to work after 30 days? We are in the process of trying to determine the feasibility of porting our web forms app to Blazor. The code base is over a million lines of code so we have to take this step by step making sure we can port this before jumping in. Since there isn't much guidance in porting a web forms app to Blazor (especially the web forms), we want to try porting specific pages over. I don't think we will be able to do page by page migration because your Blazor UI for some of the controls doesn't match the web forms AJAX controls. I am not sure if our customers are going to have issues with a mixed UI or not.
Matt,
See these documentation sections which explain in detail what happens when a license expires:
https://www.telerik.com/blazor-ui/documentation/installation/license-key#does-the-license-key-expire
https://www.telerik.com/blazor-ui/documentation/installation/license-key#will-telerik-ui-for-blazor-work-with-an-expired-license-key
You may talk to our Sales representatives with regard to trial extension (or other available options): https://www.telerik.com/contact