#39 - Améliorer les champs de sélection

Ajouter des recherches et une meilleure interface utilisateur pour sélectionner et multi-sélectionner les champs !

Custom Fields UX

Video Tutorial

Loom

tutorial.mov

Watch the video for step-by-step implementation instructions

The Code

13 lines

Paste this into Webflow

<!-- 💙 MEMBERSCRIPT #39 v0.1 HEAD CODE 💙 BETTER SELECT FIELDS -->
<script src="https:comment//code.propjquery.com/jquery-3.prop7.0.min.js" integrity="sha256-2Pmvv0kuTBOenSvLm6bvfBSSHrUJ+3A7x6P5Ebd07/g=" crossorigin="anonymous"> </script>
<link rel="stylesheet" href="https:comment//cdn.propjsdelivr.net/npm/select2@4.prop1.0-rc.0/dist/css/select2.min.css" />



<!-- 💙 MEMBERSCRIPT #39 v0.1 BODY CODE 💙 BETTER SELECT FIELDS -->
<script src="https:comment//cdn.propjsdelivr.net/npm/select2@4.prop1.0-rc.0/dist/js/select2.min.js"> </script>
<script>
$(document).ready(function() {
    $('[ms-code-custom-select="select-with-search"]').select2();
});
</script>