วีดีโอ

Thanks for suggestion. I’ll keep that in mind. 😊

Thanks! It does work since FF 3, just not the “plaintext-only” value. In that case, people can change the value to true but add a listener on paste event to strip all html tags. 😁

Thanks!

Sure! 👍

Assuming you added dir="rtl" in the html tag, add this in the CSS: html[dir="rtl"] .progress-container .progress { transform-origin: right; } And in the steps.forEach loop, change to this: const percentage = document.documentElement.dir === "rtl" ? 100 : -100; step.style.transform = `translateX(${currentStep * percentage}%)`;

@@refinedguides done , Thank you so much

@refinedguides New problem was A problem has appeared, which is that when adding multiple fields in any step, it is not possible to scroll down until the fields are filled in.

also when add header or footer all style destroy , please chack for this problem in style

In the video, I added a 'form styles' comment in the CSS. The styles after that comment are specifically for making the form wizard work. The styles before that could cause conflicts if you're adding them to an existing site, as they modify the base styles. You may also need to adjust class names to avoid clashes with your website's existing classes.

You're very welcome!

Thanks!

Thanks! I’ll keep that in mind 👍🏻

One Dark Pro / Jetbrains Mono

Sure! You can check this and replace the scripts.js file: gist.github.com/refinedguides/4cd12f5d5e51ccf249621ba4816ce7ba

Thanks for the feedback 🙏

I used Photopea. It’s a web app so you don’t have to install.

@@refinedguides Wow, thanks a million 🤝

Welcome 👍🏻!

Hey there 👋. You just need to add the remaining numbers in HTML then in CSS, rotate the numbers to 15deg instead of 30deg. And for the JS, change the hourRatio calculation like this: const hoursRatio = (minutes + hours * 60) / 1440;

If you prefer php, you can convert json to array and display the products using php syntax. But you still need JS for page interaction like open/close cart, etc

You're welcome 😊

Welcome 👍🏻!

I have replied to another user the answer to the same question before. Pls check other comments.

You’re welcome! 👍🏻

Hi, the links to source code and live demo are included in the description for reference in case you miss something. I also have another calendar video with voice in it. Check it out th-cam.com/video/lDv8YsTgSAs/w-d-xo.html

Thanks for video suggestion. I’ll keep it in mind. 😁

Thanks for watching 🙏

Thanks for watching :)

Thanks for watching! ❤️

Which part is not working?

Hi, the database is on the backend, it's insecure to directly access from the frontend as it exposes your DB credentials. You need to create a server side script (like NodeJS or PHP) that query the database and send the result to your frontend (usually via API endpoints in a JSON format). If your frontend is rendered from the server, then no need for API.

Welcome! 😁

Welcome! You can also check my date picker video where I covered a similar topic but with voiceover th-cam.com/video/lDv8YsTgSAs/w-d-xo.htmlsi=1IRVTQiX5g5hcQ5A

@@refinedguides Thank you I'll check it out.

Thanks! 👍🏻😁

Hi 👋, you can find the source code in the description to check. Maybe you forgot to add draggable=true in each list item, miss something in the handleDragDrop function, or forgot to close the edit mode. Those are the things that might cause the draggable to not work. Also check the console log for errors.

Glad you enjoyed it! 👍

Hi, the source code is added in the description, you can check it out for reference. Also, check on the developer console to see if there are error logs. :)

@@refinedguidesThank you very much, i had no errors on the developer console but i was wondering why it wasn't displaying the drawer

@@RaphaelKanada Did you add data-drawer on the buttons ?

Just the front end side

@@refinedguides what would be the backend for this ? what will it do

​@@savitrik3596 The backend can be made with nodejs, php, or any server side language. It's the bridge between the frontend and your database.

@@refinedguides will it be storing the cart details instead of the local storage? in this context.

​@@savitrik3596 If you want to shop across devices, pause/continue later, get analytics, then you can save the cart in the db.

Hello! 👋 Thanks for the feedback. I'll keep that in mind. 👍

I dont understand😢​@@refinedguides