simplemodal | A modal dialog framework for jQuery | Frontend Framework library

So I'm trying to scrape some information from a website and can't get through a pop-up window. I've tried using short and full Xpath of the X button but it doesn't close.

here is my code

I would like to show modal when the user enabled the switch or disabled. what should i do to achieved what i want? this is my current code. I am new in this technology, I hope you all understand , Please bear with me. thanks

I need to add div with three text box, and this div need to be added again and again when add branch button is clicked, Like wise how to do it and get value from it ?

my code:

I am trying to learn React Hooks with a Bootstrap Modal example. I have the following Modal (from the react bootstrap website).

I have a dashboard page that shows a table list of all the posts, for each post I have and an edit button.

I'm trying to pop a modal when the edit button is clicked. So I created a Modal component, which is rendered by the Dashboard component (this is a high order component equal to the App compo) and I added a modal slice with redux toolkit and I successfully managed to change the modal state when the edit button is clicked but the modal doesn't show up. I hope that I was thorough enough with what I'm trying to achieve, I also hope that you will help me guys, and now I'll share with you some of the code.

EditPostModal.jsx

Can't resize React Player Video. I change the width to any number and the video stays unchanged. I am trying to optimize it for computer view and then add breakpoints to resize for smaller screens like phones.

I'm creating a custom policy and I'm trying to customize the behavior when the policy is loading between different pages. Currently, the behavior is that the screen darkens and some text is displayed that overlaps with the rest of the UI. If possible, I'd like to display some completely different HTML content during loading. So far, I've been unable to affect the loading content in the same way that I've been able to affect the rest of the UI.

I have been able to see that a couple divs do appear during loading with IDs "simplemodal-overlap" and "simplemodal-container", and I've attempted to modify these divs using JQuery in the HTML file I've provided to Azure for the custom policy, but nothing I've done seems to have affected those divs in any way.

Has someone customized the loading UI for a custom policy before and can they give me advice on how I can affect its behavior?

I currently have a functionality where the user can upload and display multiple images at once as a preview on top of a modal. Ideally, I would like to allow the user to click on one of the displayed images and add it to an array on a click event so that they can then hit a button to submit the images for processing somewhere. I've tried for a few hours trying to code this out but have hit a brick wall and wouldn't mind some guidance on the matter! I'd love to be able to implement only HTML, CSS and vanilla JS... any suggestions or offerings of help would be appreciated! I searched online a fair bit but couldn't really grasp many of the concepts offered...

I am currently working on designing a modal where the user can upload multiple images at a time from their system, and have them displayed in the pop-up modal. One of the requirements is to add a functionality where the user can hit a button to delete all rendered images that were uploaded.. My reset button currently just clears the information, but does not delete the image. Does anybody have any ideas? My HTML, CSS and JS are all below:

In future, I will need to change this to be able to allow a user to call an API which gets images from an AWS S3 server to then render back to the screen... not sure if vanilla JS is the best for this? We are limited to using only HTML, CSS, and JS.