site.js | secure static or dynamic personal web site | Encryption library

I'm using bootstrap v4.3.1 in a ASP.NET MVC core website. I have a navbar where I have the .active class on the a tag on the first li:

I hope that I've got the right corner for my question. If not i will delete it and post it in the right place.

Well after fighting for hours I’m asking you guys….

I’m playing a little bit around with asp.net core and the AzureAD authentication with a microsoft account. I’ve created a demo project with VS2019 and followed everything in this example: (I didn't change anything on the project except installing Microsoft.Identity.Web and Microsoft.Identity.Web.UI via NuGet; and making those changes in the tutorial).

https://docs.microsoft.com/en-us/azure/active-directory/develop/scenario-web-app-sign-user-app-configuration?tabs=aspnetcore

I’ve registered the app on the azure portal When im running the app everything is working. I’ve been redirected to microsoft; typed in my credentials and i was logged in. worked like a charm.

The only thing that i’m facing: the SignIn and SignOut buttons aren’t working.

When i run the app and looked at the raw html source i’ve noticed that

I am trying to add body styles to my template in Nuxt, but I am running into issues.

I am trying to use the beforeCreate call, but when I do, I run into the error: document is not defined.

I would like to maintain SSR. How can I add styling on the body element?

I have an ASP.Net Core web form with many groups of input items that can be hidden or displayed, depending on values entered by the user and stored in the database.

This is the callback that "shows" or "hides" submenus whenever a user changes the value in the dropdown menu, it works fine:

I have with log-messages. And if I want to go to the detailpage. The Id returns always as the value "1".

What do I wrong?

The html-page (view).

I have a form that displays a persons title and name.It shows a lot more than that, but this is the bit I am asking about.

I have a person table.

If the user wants to change the person details, is it possible to open up a pop up modal form that lists all the persons in the person table, so that the user can either select an existing person, or insert a new person and when the user closes the pop up, the main form is populated with the selected/new persons details?

I am using ASP.NET Core MVC 5 and EF Core 5.

Any help or pointing to a tutorial would be a great help, thanks.

UPDATE -

I have tried the following -

I have created a modal partial view -

I am very lost on how I can send data from server to client. I need the client javascript to access the array in the server, but I have no idea how I can do that.

index.js

I need to change the navbar link color when I'm navigating through my Razor-Pages. I tried to use JavaScript, but it seems that the pages are getting rerendered every time when I go to another page and I'm not able to toggle my elements.

Here is what I have tried so far:

Nav bar links

I'm using Glightbox to create gallery with images description. I would like to update text of button on click. When button is clicked and lightbox is reopened text on button is changed. How to change text on button without reopening a lightbox?

Glightbox documentation can be found here