My project is a Blazor server application. The fuctionality I am trying to achieve is I want my accordion header to change to the color red if my validation fails (if there is nothing in my input). enter image description…
I have a link button as shown in the code below: <div class="col-2"> <a type="button" routerLink="auto-generate-schedules/generate" class="btn btn-primary mb-2">Generate Schedules </a> </div> ... which when I click on it, it does not display any border indicating it is selected. But…
I've got the templates folder, in which there is current page. From it I'm trying to get access to .svg files, which are located inside templates/icons folder. My goal is to customize the checkboxes so that they change their apperance…
On a simple static website I'm building (using Bootstrap 5) it has a full screen carousel, and the screen looks like this: I've got some CSS animations running, so the Navbar, Title text & sub text fade in. I'm trying…
I went online and some research on how i could make my sign up modal pop up once someone presses the signup button n my navbar, however i was unable to come across any information on how to do that.…
I have an HTML page created with HTML, Javascript and CSS. There is a left vertical nav-bar on the page but I can't display content (text) in the center of the page (see screenshot - can't get text to be…
I'm trying to create a grid with 100% height and the following appearance: The second row should fill the remaining vertical space, even if contents of cells C & D are too short. Furthermore, if the contents of row D…
I am trying to make a hero container that have a navbar that will looks like part of the hero container, i want the navbar to be sticky so when i scroll it will be on top the whole time…
I am setting margin-right of a div on window resize using javascript. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script> function marginFunction(){ let cardd= document.querySelector(".maincard"); var stle = cardd.offsetWidth; let circle=document.querySelector(".card_circle"); var ml=(400-stle)/10; circle.style.marginRight =…
I want the buttons arranged evenly with more space. Of course in the end it should be responsive. I tried to arrange the buttons with bootstraps "d-flex" but it doesn't work. Oh and if you look at my bootstrap col's…