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

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

Hi Team I need help with my div card it is centred but the button is not properly inline with the div card. Also reducing the container its wide open $htmlForm = '<div class="card text-center"> <div class="card-body"> <div class="col-lg-6 mx-auto"> <div class="blog-3-each mb-30 transition-4"> <div class="blog-date text-left text-sm-center"> <img src="img/payfast.png" alt="Icon"> </div> <div class="blog-content"> <h5 class="fs-19 f-700 mb-10"> </h5> <div class="hr-1 opacity-1 mt-10 mb-10"></div> <p><b> You can easily make an online payment below using PayFast.</b></p> <input required type="hidden" name="cmd" value="_paynow"> <input required type="hidden" name="receiver" pattern="[0-9]" value="' . $data['merchant_id'] . '"> <input required type="hidden" name="item_name" maxlength="255" value="Pay Now"> <input required type="amount" name="amount" value="'. $data['amount'].'"> <input required type="hidden" name="merchant_id" value="' . $data['merchant_id'] . '"> <input required type="hidden" name="merchant_key" value="' . $data['merchant_key'] . '"> <input required type="hidden" name="return_url" value="' . $data['return_url'] . '"> <input required type="hidden" name="cancel_url" value="' . $data['cancel_url'] . '"> <input required type="hidden" name="notify_url" value="' . $data['notify_url'] . '">

Hi All, Bootstrap 5 I want to display multiple bootstrap modal one by one with showing previous modal in the background, Ex: there are 3 models in that screen .while clicking button firtst modeal will display after that in first modal having button to open 2nd modal , while opening the second modal first modal popup needed to display on the background of 2nd popup

siva nathanJun 9, 20231,30110

In dev server the loaderalignment is center comming into mobile view alignments has been changed then how i can get both alignment as center could you please send me the code?

any check box values

Hi Team I need some help with my div card, i want to move them side to side using d-flex adjust-content between, but they appear to move side to side. // css file .cards-container { display: flex; flex-wrap: wrap; justify-content: center; } .card-container { margin: 10px; } .cards-container_0 { display: flex; flex-wrap: wrap; justify-content: center; } .card-container_0 { margin: 10px; } .card-body { display: flex; flex-direction: row; align-items: center; height: 30px; } .icon { font-size: 24px; margin-right: 5px; } h3 { margin: 0; font-size: 14px; } // Bootstrap div cards <div class="cards-container d-flex justify-content-between"> <div class="card-container"> <div class="card" style="width: 120px; height: 120px;"> <div class="card-body"> <div class="row flex-wrap"> <div class="col-12"> <span class="icon">📖</span> <h3>Health and Beauty</h3> </div> </div> </div> </div> </div> <div class="cards-container d-flex justify-content-lg-center"> <div class="card-container"> <div class="card" style="width: 120px; height: 120px;"> <div class="card-body"> <div class="row flex-wrap"> <div class="col-12"> <span class="icon">👕</span> <h3>Clothing & Accessories</h3> </div> </div> </div> </div>

Hi Team I need some examples in bootstrap using front end, where it shows similar for login to C# corner shows user profile and navbar tab, need it for my ecommerce project