Hi Igor, thanks for sharing. The new custom element is such a powerful and easy-to-use element. If you have other useful use-case, we would appreciate it if you would share them with us. Cheers!
Subscribed! Very helpful video. Typical that i saw this the day after i added over 100 industries to a select field 🥴 Can you create this with a multi select field?
This is Amazing Igor, thank you very much. Maybe you can help me with this: I'm trying to create options first for countries, and once the country is selected, the option to choose cities should appear. That is, the city options will be a condition depending on the country that was chosen. Do you think this can be done with this structure and with CMS? Thank you very much
Hello! Thank you for the question. I think it can be done with Jetboost somehow. Otehrwise Webflow is not that good at front-end dynamic filtering. Also you would spend a lot of CMS records on those cities, which in my opinion is not efficient. Maybe it's better to come up with some JS solution to do it.
Buenos Aires City of Buenos Aires Córdoba Salta Santa Fe
And the JS: document.addEventListener("DOMContentLoaded", function() { var provinceSelectDiv = document.getElementById("provinceSelect"); var provinceSelect = provinceSelectDiv.querySelector("select"); provinceSelect.addEventListener("change", function() { var selectedProvince = provinceSelect.value; // Hide all city containers var cityContainers = document.querySelectorAll(".city-container"); cityContainers.forEach(function(container) { container.style.display = "none"; }); // Show the container corresponding to the selected province var selectedCityContainer = document.getElementById(selectedProvince + "-content"); if (selectedCityContainer) { selectedCityContainer.style.display = "block"; } }); });
Awesome Video! Curious How can more than 200 CMS Items be rendered into this custom select element? I tried adding it with finsweet CMS load infinite and render-all attribute..but it does not seem to work :( Can you please share a solution for this? I want to render 200+ countries in the select input element.
Hey thank you for the comment! I made a video explaining my solution for 100+ items as select options. Please check out this tutorial: ruclips.net/video/XRJEyM7L-HA/видео.html
Hi, very nice, it just seems that you are missing the most important part of the explanation, which is the data collection in the email of the form, which seems to be missing some code to accept the selection, when it comes to the email it does not show which field is selected
Hey! Thanks for the comment. I actually tested it after receiving the comment and it seems to be working, I can see my chosen option in Webflow form submission notification email. To have your data submitted you need to specify "value" attribute. So could you please double check if you have that in your setup? Let me know if you still need a help.
Круть! Тоже делаю webflow сайты, для англоязычных. Да вы еще и в Японии 👍 Интересно, есть ли у вас вакансии на удалёнку без японского? Знаю может сотню кандзи только и чуть базовой грамматики.
Спасибо! Рад слышать. Да, мы в Японии в основном работаем. У нас своя команда разработчиков, иногда привлекаем фрилансеров, если резко слишком много работы. Будет здорово посмотреть на твой профиль и портфолио.
Very useful, looks cleaner than FS solution, thanks!
Thanks!
Thanks a lot, very usefull tutorial !
Hi Igor, thanks for sharing. The new custom element is such a powerful and easy-to-use element. If you have other useful use-case, we would appreciate it if you would share them with us. Cheers!
Thank you! I also think the same way. I have some use cases in mind. Some of them may be quite obvious but I still will share them in new videos.
Wow! Never thought of this! Thanks Igor! Super helpful tutorial.
Thanks! Glad you liked this one
Great video. Just what I was looking for. Thank you for sharing, Igor.
Glad it helped you!
Just what I needed, thanks Igor!
Glad you found it helpful! Thanks you
Thank you for the useful tutorial, looking forward to more !
Thank you! Glad you find it helpful. Stay tuned!
great one, thanks.
Thank you!
Is it the same to do a Multi Select field? Thanks for the video… very helpful
I believe it should work with multiselect too. Just need to add an attribute to the input element.
This is genius
Subscribed! Very helpful video. Typical that i saw this the day after i added over 100 industries to a select field 🥴 Can you create this with a multi select field?
Thanks! Glad it helped you. I think you can make it multiselect by adding an attribute to the select element.
Super useful!! Thanks for sharing this hack
Glad you find it useful! Thank you
This is Amazing Igor, thank you very much. Maybe you can help me with this: I'm trying to create options first for countries, and once the country is selected, the option to choose cities should appear. That is, the city options will be a condition depending on the country that was chosen. Do you think this can be done with this structure and with CMS? Thank you very much
Hello! Thank you for the question. I think it can be done with Jetboost somehow. Otehrwise Webflow is not that good at front-end dynamic filtering. Also you would spend a lot of CMS records on those cities, which in my opinion is not efficient. Maybe it's better to come up with some JS solution to do it.
@@igorvoroshilovI did it!
Province
Buenos Aires
City of Buenos Aires
Córdoba
Salta
Santa Fe
And the JS:
document.addEventListener("DOMContentLoaded", function() {
var provinceSelectDiv = document.getElementById("provinceSelect");
var provinceSelect = provinceSelectDiv.querySelector("select");
provinceSelect.addEventListener("change", function() {
var selectedProvince = provinceSelect.value;
// Hide all city containers
var cityContainers = document.querySelectorAll(".city-container");
cityContainers.forEach(function(container) {
container.style.display = "none";
});
// Show the container corresponding to the selected province
var selectedCityContainer = document.getElementById(selectedProvince + "-content");
if (selectedCityContainer) {
selectedCityContainer.style.display = "block";
}
});
});
🔥🔥🔥
Glad you liked it!
Awesome Video! Curious How can more than 200 CMS Items be rendered into this custom select element? I tried adding it with finsweet CMS load infinite and render-all attribute..but it does not seem to work :(
Can you please share a solution for this?
I want to render 200+ countries in the select input element.
Hey thank you for the comment! I made a video explaining my solution for 100+ items as select options. Please check out this tutorial: ruclips.net/video/XRJEyM7L-HA/видео.html
Hi, very nice, it just seems that you are missing the most important part of the explanation, which is the data collection in the email of the form, which seems to be missing some code to accept the selection, when it comes to the email it does not show which field is selected
Hey! Thanks for the comment. I actually tested it after receiving the comment and it seems to be working, I can see my chosen option in Webflow form submission notification email. To have your data submitted you need to specify "value" attribute. So could you please double check if you have that in your setup? Let me know if you still need a help.
Круть! Тоже делаю webflow сайты, для англоязычных. Да вы еще и в Японии 👍
Интересно, есть ли у вас вакансии на удалёнку без японского? Знаю может сотню кандзи только и чуть базовой грамматики.
Спасибо! Рад слышать. Да, мы в Японии в основном работаем. У нас своя команда разработчиков, иногда привлекаем фрилансеров, если резко слишком много работы. Будет здорово посмотреть на твой профиль и портфолио.
@@igorvoroshilov Написал в Linkedin, надеюсь туда можно
how to add Multi Select field?
add one more attribute multiple="true"
no it not working