Struggle
I bought this theme once I saw that is compatible with Blazor. My goal is to save time. We have a presentation/demo to do for investors. Now I'm losing it all.
Our solution is based on Blazor WebAssembly hosted (Server, Client and Shared projects). The strucutre is completely different than your Blazor version. I tried a lot to initiate things...in vain
The issue is that all UI elements outside index.html are not initiated so they are useless. Documentation even if it looks clean and organized it's a complete mess for the person who needs to buy a theme and run it fast. Is'nt it better to code from scratch in this case?
Now I'm already engaged in this path, so it needs to be finished.
I'm using demo1 html, I splited html code to index.html (contains scripts) and Mainlayout.razor (I wonder how I initiate all elements here).
Thanks
Replies (14)
It sounds like you’re facing significant challenges integrating the Blazor-compatible theme into your Blazor WebAssembly hosted project. Given your upcoming investor demo, the frustration of losing time is completely understandable. Blazor WebAssembly’s architecture, with separate Server, Client, and Shared projects, is quite different from the structure of traditional HTML/JavaScript-based themes, making integration tricky. If you are looking for quality Car for sale Magari Deals is the place to be.
A common issue with themes like this is that UI elements often rely on JavaScript to initialize properly. In a standard HTML environment, these scripts run automatically when the page loads. However, in Blazor WebAssembly, components render dynamically, meaning scripts need to be explicitly re-triggered when new content loads. If your UI elements outside of index.html aren’t being initialized, it’s likely due to missing or improperly loaded scripts.
One possible solution is ensuring that all necessary script files are correctly referenced in index.html. Even if they are present, they may not be executing as expected. Checking the browser console for errors can help identify missing dependencies. Additionally, some themes require an explicit init() function to be called in JavaScript to activate certain UI components.
Since Blazor components load dynamically, JavaScript initialization needs to happen after the page has rendered. You can achieve this using Blazor’s JavaScript Interop. The best place to trigger these scripts is inside the OnAfterRenderAsync method in MainLayout.razor. This ensures that once the Blazor component tree is fully built, you can manually call the necessary JavaScript functions to initialize elements like dropdowns, modals, or sliders. We offer affordable Audi a3 price in Kenya at Magari Deals.
Another important consideration is whether the theme documentation provides clear instructions on manual JavaScript initialization. While the documentation may appear structured, it might assume a different setup than Blazor WebAssembly, making it harder to follow. If no explicit guidance is given, you may need to extract the relevant script calls from the original theme files and invoke them manually within Blazor.
Brick Security Limited is a professional security company in the Nairobi Kenya. Our qualified and experienced professionals are dedicated for excellent service delivery to our customers. Our services include manned guarding, fire marshal, construction site security, alarm response, CCTV system installation, security patrol, concierge services, retail security and event security. Top 20 security companies in Kenya
Great post! Thanks for sharing your insights. If you are looking for a <a href="https://mondaynewswire.com/how-to-write-an-effective-non-profit-press-release/">Non-Profit Press Release<a/> it's a great way to raise awareness, attract donors, and build credibility for your cause. For press release services, visit Monday Newswire for effective PR solutions!
Great post! Thanks for sharing your Thoughts. If you want to Learn, Online Course Geeks is the premier online class help service, offering top-notch support to students who want to achieve their best in their online classes. Whether you need help with you online classe our professional tutors have got you covered.
Thank you for your insights ! If you’re looking for a way to get your press release in front of the right audience, our free distribution service might be just what you need. We help businesses of all sizes expand their reach by distributing news to top media outlets and journalists. It’s quick, easy, and completely free to get started. Let me know if you'd like more details!
Different Structure: Your Blazor WebAssembly project has a unique structure involving Server, Client, and Shared projects, which might not align with the theme’s expectations.
UI Initialization Issues: UI elements outside index.html are not being initialized properly, rendering them ineffective Compact Living.
Documentation Challenges: The documentation for the theme appears clean but is not practical for quick integration, especially for those who need to get up and running rapidly.
I understand your frustration, especially when you're on a tight deadline and things aren't working as expected. Let's break down the problem and work towards a solution that can help you get back on track with your Blazor WebAssembly project.
I find this theme quite good and it suits my current job. You guys can try using the theme tiny fishing
Hi Ania Berthelot,
Our Blazor Starterkit is a Blazor Server app and at the moment we do not provide solutions related to Blazor Webassembly if you can't use Metronic without this feature you can request a refund.
To request a refund please use this form. 100% money back is guaranteed.
Regards,
Lauris Stepanovs,
Keenthemes Support Team
Wouldn't it be easier for you to develop a startkit demo in webassembly, it would help us a lot and since you have a great knowledge it would be much easier and good for metronic
Exp Chart15 is not initiating, also in local hosting default HTML code is not showing flags only text. Help, thks!
For widgets initialization, you can refer to widget files in the default Blazor Starterkit.
For example, we initialize chart widget5 inside Starterkit/Shared/Partials/Widgets/Charts/_ChartsWidget5.razor.
@code{
protected override async Task OnAfterRenderAsync(bool firstRender)
{
if(firstRender){
await JS.InvokeVoidAsync("KTChartsWidget5.init");
}
}
}Above initialization solution should work for Blazor Webassebly project too.
Regards,
Lauris Stepanovs,
Keenthemes Support Team
