Admin LTE in Blazor with buttons - blazor-server-side

I have recently created a Blazor Server application and added the Admin LTE ui. Everything on the ui works as planned except the data grid with the buttons found here:
https://adminlte.io/themes/v3/iframe.html
In Blazor I have added all the js files and the stylesheets as per the downloaded page on github.
https://github.com/ColorlibHQ/AdminLTE/releases/tag/v3.1.0
Here is the problem, when I load the page the buttons appear for a brief moment and then disappear again:
Not at all sure why this happens. When I click fast enough the buttons does work it just does not stay there

Related

Website template popup feature doesn't work after downloading

I am looking at a website template with themewagon. There is a modal feature using magnific-popup that works on the live web version to display a video in a modal.
https://themewagon.github.io/videograph/
However, when I download the template and open the index file from my browser, the video modals do not function properly.
Can anyone explain why this may be the case?
I used the theme online, but when I downloaded it, the functionality was not there.

Triggering Pinned SItes Notifications from an SPA

I have a simple SPA that uses HTML 5 Notifications in Chrome and Firefox, works great. For IE , Pinned sites looks like the best supported options (without a plugin) that I can use. I've seen some literature here and on in the docs about using xml config and metadata for setting this up, just curious if there is a way to have a Pinned Sites notification (icon in task bar) show up when , say, an ajax call finishes that loads new content into the page. I guess a good metaphor would be a chat application that uses ajax to load messages, when a new message comes in, I want to put an icon in the task bar .
Found this library that does all the lifting for you regarding pinned sites :
https://github.com/bsatrom/pinify/blob/master/js/jquery.pinify.js
No metadata needed.

How to navigate to another HTML file without single DOM?

I have created a sample application with login page and home page.
i have loaded the login page as Main Page successfully and i have homePage.html/homePage.js files. What i need to do is, when i click on Login button from loginPage.html file, user should navigate to Home Page. I couldn't see any APIs fro navigate/load to different html files.
i referred some worklight samples it says loading on same HTML using div and pageport commands.
$("#pagePort").load("pages/homePage.html", function(){
alert("Home Page Loaded")
});
Can any one help me to get resolve, how we can load another html on click of login button?
Worklight is a single DOM application, hence the notion of "pages" is an artificial one.
You have 1 singular HTML file and what you need to do is replace content inside it to display different content, or "pages".
There are numerous ways you can accomplish this. None of them relate directly to Worklight, but to the framework you select to work with, be it jQuery, jQuery Mobile, Dojo, Ionic and so on...
The important thing to remember is to never navigate away from the index.html file because you will then "lose" the Worklight context and your application will then fail loading. The reason is because from the index.html file, you load various required Worklight-related files.
In this Worklight 6.2 project I demonstrate, using jQuery Mobile, how to navigate between pages. For your purpose, think of them as a mainpage that is a login page and then some other page that is the home page...
Related:
https://stackoverflow.com/a/25060136/1530814
https://stackoverflow.com/a/22171687/1530814

Live Editing in ASP.NET MVC

Is there a way to live edit ASP.NET in VS2012 the way that you can live edit AngularJS in WebStorm? I saw and installed AutoF5 but the project seems to have been abandoned and isn't working anymore.
I'm currently working with the AngularJS SPA Template and would like to see my changes as I'm learning AngularJS.
P.S. the only view I have in my document is source. And even if I could actually see what it looked like, it still wouldn't be what the user would see when the page is rendered.
There is the Browser Inspector in Visual Studio. You can edit and see as you go...

Issue with rending an MVC 4 website inside an iFrame

We have an existing live MVC 4 website that works exactly as it supposed to, running in an Azure Web Role.
A third party want to embed our site in an iFrame on their site (a small part of it anyway, one form really)
I'm no fan of iFrames but this is what they want to do and our business are happy for them to do it.
Except it doesn't seem to work at all.
So I tested it myself with an html page just running on my machine.=, with just an iFrame and a link to the site.
The default page loads fine. It is a forms login screen, when I submit a login, the site crashes into the exception handing and it doesn't provide much useful information.
I then tried pointing the iFrame at the site running in my dev environment. Submitting the login and debugging into the action, the code flows through correctly, no error and tries to return the correct view, but iframe refreshes to the login screen again.
What could be causing this? What am I missing?