Bootstrap

Hi Ladies and Guys, I'm new to the forum. I'm working on an ASP.NET Core Razor Pages app. It's a CRUD. I was already able to implement Create and Edit in the same Razor page. I have a list of products (in Index.cshtml) and after the model fields on each row I have buttons for Edit and Delete. What I want is that when I click the Delete button, appears the bootstrap Modal and if I click the Confirm button in it, the C# POST method that is in the same Index page deletes the row (and the row in the DB). I took from Internet some Javascript and the Modal appears, but when I click the confirm button, the C# method is not called and the VS Debugger shows Model.productos in: @foreach (var producto in Model.productos) { // here go the rows } as null (NullReferenceException), only productos, not Model. Here are the relevant files in where the problem is. First, the Index.cshtml.cs namespace CrudProductos.Pages.Productos { public class IndexModel : PageModel { private readonly ApplicationDBContext _context; public IList<Producto> productos { get; set; } public IndexModel(ApplicationDBContext context) { _context = context; } public void OnGet() { productos = _context.Producto.ToList(); } public IActionResult OnPostDeleteConfirm(int id) { Producto Producto = _context.Producto.Find(id); if (Producto == null) { return NotFound(); } _context.Producto.Remove(Producto); _context.SaveChanges(); return RedirectToPage("Index"); } } } And the Index.cshtml @page @model CrudProductos.Pages.Productos.IndexModel @{ ViewData["Title"] = "Lista de Productos"; } <h1>Lista de Product

Hello, I am using botstrap modal on button. but when i click button , the popup does not opn , insteat it # appears in url (for ex : locahost://projectname/edit.aspx#) Same code works on production environment, but gives above issu on local. My porojc is asp.nt projevt Rgards, Sushant T

Bootstrap simplifies front-end development by providing responsive design, pre-designed components, and consistent styling. This article includes a detailed project demonstrating Bootstrap's implementation through code snippets to build a responsive portfolio website.

Subarta RayDec 23, 20241,8831,000Article

This article provides a step-by-step guide on creating a dropdown menu using Bootstrap. It covers dropdown basics, customization options like variations (dropup, dropright, dropleft), setting active or disabled states, and triggering dropdowns via buttons or anchors.

Navaneeth KrishnanOct 4, 202419,6451,000Article

Bootstrap Admin Dashboards streamline back-end management with responsive layouts, pre-designed components, and customization options. They ensure consistency, scalability, and efficiency, integrating seamlessly with plugins for enhanced functionality and data visualization.

Hi Friends, I am using the following code for Popover in the footer menu using bootstrap .net core. <div id="supporticon"> <img src="~/assets/Icons/Menu.png" /> </div> </button> I am trying to redirect to view .cshtml page with @Url.Action("Base","Home") but it is not working. I tried with jquery code and li elements by identifying anchor tag class name and id name, but the redirection to another page is not working. Please tell me how to do this?

i am making an app using aspnet identity in which login page is displayed in a bootstrap modal all the validations are working fine if fields empty.but issue is modal is not closing and other page data is displaying in the same modal, which looks so weired. what i want send data from login page to desired page, if any errors they should be displayed on modal if no errors then modal should close successfully and that page data shows in appropriate manner. and during this process modal should not close or any other barrier which can stop user interaction to my site if i set data dismiss property then modal is closing no submitting happens. please help me

I am callng a partial view by click on bootstarp nav bar(login anchor).that partial view is displaying perfectly but on that partial view validations are not working(in case the fields are blank).how to handle this. that partial view is a login page.displayed under modal using jquery

Bootstrap, a game-changing front-end framework, simplifies web development with responsive grids, pre-designed components, and customization features. This article explores Bootstrap's significance, key features, and diverse applications, emphasizing its role in creating efficient and visually appealing websites.

Subarta RayDec 11, 20232,4091,000Article