quicksand | Reorder and filter items | Plugin library

I'm making this Bootstrap 5 navbar, which should collapse at md breakpoint. After the collapse, it should show navlinks in two columns. When I hit the breakpoint, my navbar is expanded and toggle button doesn't work. It changes, when I switch off the display: flex property for the navbar - the collapse function works, but my ul's (in which I group li's) are in one column. How can I reach my goal here - navbar with six elements collapses at md breakpoint and breaks the links into two columns?

I have a HTML template that lets the user add rows to a table. But when I delete a specific row from the table, and I click on the welcome to our website button, it still shows the deleted records in the array variable. How can I make it to also delete the array entry that corresponds to the delete-action, so the array corresponds to what is being shown in the table?

As you can see in this image, I added two records which are "Subject,Contain,1" and "Subject,Contain,2":

But whenever I delete the first record, which is "Subject,Contain,1", the array is still showing that record:

I have a form that will ask for user input and it included drop down list and entry box. After user inserted the value and press on "OK", those value should be appear on my html table based on their category. The html table row will be add automatically when it detect a second value inserted by the user. Currently I have created the html form and it will automatically added when I pressed on add new header, but how can I add the row by knowing there is a new input by the user? All the value should be store in the respective column.

When user input a new value and press OK, the system will check whether the first row value is exist or not, if its exist it will display the new value (Event parameter, type of condition and Value to match) to the next row.

1. A form will pop up for user to enter the value

2. After user click on OK, all the value will store at the first row

1. When user add another input and click OK, a second row will automatically appear and display the second input at second column.

Another input entered by user

My html

Issue

Content of h1 is overlapping navbar component that has the position fixed property, instead of going "under" and disappearing.

Information

I have a Navbar.vue component that looks like this:

Im passing three parameter from my html template to django view.py. But whenever i click on submit it show me Page not found ,. I'm still new in programming and Django. Does anyone know how can I fix this issue? The expected result is the webpage able to display all the input from the user. The result should display on the same page and not on the other pages.

my template

Hi is there any way to pass jsx component to bindPopup function so I can push redux commands on button click?

I have a python script that will be triggered to read an inbox and send email to an gmail account when some condition is meet. In order to send , the script will filter through subject or text of the incoming email. Currently the script is just hard-coded format and I prefer the condition is dynamically set by the user. I created a django website and let user to input their condition, but I do not know how can I pass the parameter from the web to my python script. I already do my researched on the internet but couldn't found any useful source, does anyone can help me or send my any related article for me to read ? Thanks

My py script

Issue

The content of my h1 is going on top of my navbar.

Attempts at a solution

I saw other threads where they changed the z-index of the nav element to 1, but that didn't work. I also tried adding margins to both the container that has the h1 and the nav element to push them away from eachother, but that had no effect.

Information

I am using NUXT where I have a default.vue in my layouts folder that looks like this:

THERE ARE 2 ERRORS IN THIS PROGRAM WHICH HAVE BEEN SHOWN IN THE IMAGES ABOVE

Main.dart file