Déroulement de champs
Transforme une simple liste en un liste de choix.
- Déroulement de champs (actuelle)
- Déroulement de champs avec des configurations de base
- Déroulement de champs avancé
- Alternatives pour le déroulement de champs
Redirection
Trouvez le plugiciel qui répond à vos besoin:
<div class="wb-fieldflow">
<p>Trouvez le plugiciel qui répond à vos besoin:</p>
<ul>
<li><a href="https://wet-boew.github.io/v4.0-ci/demos/data-ajax/data-ajax-fr.html">Insertion de contenu</a></li>
<li><a href="https://wet-boew.github.io/v4.0-ci/demos/lightbox/lightbox-fr.html">Galerie photos</a></li>
<li><a href="https://wet-boew.github.io/v4.0-ci/demos/charts/charts-fr.html?id=myId&something=test&lang=xyz">Dessiner des graphiques</a></li>
<li><!--test comment--><a href="https://wet-boew.github.io/v4.0-ci/demos/details/details-fr.html">Contenu affichable/masquable</a></li>
<li>
<a href="https://wet-boew.github.io/v4.0-ci/demos/equalheight/equalheight-fr.html">Uniformisation de la hauteur</a>
</li>
<li><a href="https://wet-boew.github.io/v4.0-ci/demos/overlay/overlay-fr.html">Afficher un contenu <strong>superposé</strong></a></li>
</ul>
</div>Ajax
Cette fonctionalité dépend du plugiciel Data ajax.
Choisissez du contenu à insérer:
- (Ensemble 1) Nunc sed mauris id nisi molestie porta at quis erat.
- (Ensemble 2) Vestibulum pretium tortor vel facilisis sodales.
- (Ensemble 3) Nunc sit amet dui ut justo efficitur dapibus.
- (Ensemble 4) Praesent at purus ut turpis sollicitudin aliquam.
- (Ensemble 5) Sed eget dui ac nunc mattis consequat in a ex.
Consulter la liste entière des options disponible (Lien bidon)
<div class="wb-fieldflow">
<p>Choisissez du contenu à insérer:</p>
<ul>
<li data-wb-fieldflow="ajax/ajax-1.html">(Ensemble 1) Nunc sed mauris id nisi molestie porta at quis erat.</li>
<li data-wb-fieldflow="ajax/ajax-2.html">(Ensemble 2) Vestibulum pretium tortor vel facilisis sodales.</li>
<li data-wb-fieldflow="ajax/ajax-3.html">(Ensemble 3) Nunc sit amet dui ut justo efficitur dapibus.</li>
<li data-wb-fieldflow="ajax/ajax-4.html">(Ensemble 4) Praesent at purus ut turpis sollicitudin aliquam.</li>
<li data-wb-fieldflow="ajax/ajax-5.html">(Ensemble 5) <em>Sed eget dui ac <strong>nunc mattis</strong> consequat</em> in a ex.</li>
</ul>
</div>
<!-- Fournir des alternative et/ou des façons multiple à accéder au contenu pourrait être requis afin d'être conforme à la norme WCAG et/ou afin de respecter l'approche de l'amélioration progressive -->
<p><em><a rel="alternate" href="#">Consulter la liste entière des options disponible</a> (Lien bidon)</em></p>Regroupement
Trouvez le plugiciel qui répond à vos besoin:
- Mise en page et présentation
- Intéraction
<div class="wb-fieldflow">
<p>Trouvez le plugiciel qui répond à vos besoin:</p>
<ul>
<li>Mise en page <strong>et</strong> présentation
<ul>
<li><a href="https://wet-boew.github.io/v4.0-ci/demos/data-ajax/data-ajax-fr.html">Insertion de contenu</a></li>
<li><a href="https://wet-boew.github.io/v4.0-ci/demos/charts/charts-fr.html">Dessiner des graphiques</a></li>
<li><a href="https://wet-boew.github.io/v4.0-ci/demos/equalheight/equalheight-fr.html">Uniformisation de la hauteur</a></li>
</ul>
</li>
<li>Intéraction
<ul>
<li><a href="https://wet-boew.github.io/v4.0-ci/demos/details/details-fr.html">Contenu affichable/masquable</a></li>
<li><a href="https://wet-boew.github.io/v4.0-ci/demos/lightbox/lightbox-fr.html">Galerie photos</a></li>
<li><a href="https://wet-boew.github.io/v4.0-ci/demos/overlay/overlay-fr.html">Afficher un contenu superposé</a></li>
</ul>
</li>
</ul>
</div>Imbrication Ajout d'un contrôle subséquant
Considerez d'inclure un indice textuel dans chaque items qui affichera une second liste déroulante. Par example, ceci peut ce faire en ajoutant le signe "+" au début de l'étiquette. Veuillez remarquer que les liste déroulante sont identifié par la présence de: <div class="wb-fieldflow-sub">.
Trouvez le plugiciel qui répond à vos besoin:
- + Mise en page et présentation
Et c'est pour?
- + L'apparance
Quel sorte de transformation?
- Insertion de contenu
- Dessiner des graphiques
- + L'apparance
- + Intéraction
Quel type d'intéraction?
<div class="wb-fieldflow">
<p>Trouvez le plugiciel qui répond à vos besoin:</p>
<ul>
<li>+ Mise en page <strong>et</strong> présentation
<div class="wb-fieldflow-sub">
<p>Et c'est pour?</p>
<ul>
<li>+ L'apparance
<div class="wb-fieldflow-sub">
<p>Quel sorte de transformation?</p>
<ul>
<li><a href="https://wet-boew.github.io/v4.0-ci/demos/equalheight/equalheight-fr.html">Uniformisation de la hauteur</a></li>
</ul>
</div>
</li>
<li><a href="https://wet-boew.github.io/v4.0-ci/demos/data-ajax/data-ajax-fr.html">Insertion de contenu</a></li>
<li><a href="https://wet-boew.github.io/v4.0-ci/demos/charts/charts-fr.html">Dessiner des graphiques</a></li>
</ul>
</div>
</li>
<li>+ Intéraction
<div class="wb-fieldflow-sub">
<p class="wb-fieldflow-label">Quel type d'intéraction?</p>
<ul>
<li><a href="https://wet-boew.github.io/v4.0-ci/demos/details/details-fr.html">Contenu affichable/masquable</a></li>
<li><a href="https://wet-boew.github.io/v4.0-ci/demos/lightbox/lightbox-fr.html">Galerie photos</a></li>
<li><a href="https://wet-boew.github.io/v4.0-ci/demos/overlay/overlay-fr.html">Afficher un contenu superposé</a></li>
</ul>
</div>
</li>
</ul>
</div>Bouton aligné, choisisez une options pour allez vers...
Notez: Lorsque le bouton est aligné, sont context dois être clairement défini afin que l'utilisateur comprend le context de sélection d'option. Cette conception est fait pour que ce component soit composé d'un titre représentatif de l'action, une description et un control de déroulement de champs.
Trouvez le plugiciel qui répond à vos besoin:
<div class="wb-fieldflow" data-wb-fieldflow='{"inline": true}'>
<p>Trouvez le plugiciel qui répond à vos besoin:</p>
<ul>
<li><a href="https://wet-boew.github.io/v4.0-ci/demos/data-ajax/data-ajax-fr.html">Insertion de contenu</a></li>
<li><a href="https://wet-boew.github.io/v4.0-ci/demos/lightbox/lightbox-fr.html">Galerie photos</a></li>
<li><a href="https://wet-boew.github.io/v4.0-ci/demos/charts/charts-fr.html">Dessiner des graphiques</a></li>
<li><a href="https://wet-boew.github.io/v4.0-ci/demos/details/details-fr.html">Contenu affichable/masquable</a></li>
<li><a href="https://wet-boew.github.io/v4.0-ci/demos/equalheight/equalheight-fr.html">Uniformisation de la hauteur</a></li>
<li><a href="https://wet-boew.github.io/v4.0-ci/demos/overlay/overlay-fr.html">Afficher un contenu superposé</a></li>
</ul>
</div>Couleur pour bouton aligné
Note: La classe CSS peut être appliquée seulement pour le bouton aligné. La valeur pour l'option btnStyle peut être n'importe quel suffixe d'une classe de couleur valide de Bootstrap 3: default, primary, success, info, warning, danger, link
Trouvez le plugiciel qui répond à vos besoin:
<div class="wb-fieldflow" data-wb-fieldflow='{"inline": true, "btnStyle": "success"}'>
<p>Trouvez le plugiciel qui répond à vos besoin:</p>
<ul>
<li><a href="https://wet-boew.github.io/v4.0-ci/demos/data-ajax/data-ajax-fr.html">Insertion de contenu</a></li>
<li><a href="https://wet-boew.github.io/v4.0-ci/demos/lightbox/lightbox-fr.html">Galerie photos</a></li>
<li><a href="https://wet-boew.github.io/v4.0-ci/demos/charts/charts-fr.html">Dessiner des graphiques</a></li>
<li><a href="https://wet-boew.github.io/v4.0-ci/demos/details/details-fr.html">Contenu affichable/masquable</a></li>
<li><a href="https://wet-boew.github.io/v4.0-ci/demos/equalheight/equalheight-fr.html">Uniformisation de la hauteur</a></li>
<li><a href="https://wet-boew.github.io/v4.0-ci/demos/overlay/overlay-fr.html">Afficher un contenu superposé</a></li>
</ul>
</div>
Affichage d'étiquette pour la liste déroulante (select) avec un bouton aligné
Note: Applicable uniquement pour la liste déroulante avec un bouton aligné. Cette propriété est optionnelle. Par défaut, l'étiquette pour la liste déroulante avec un bouton d'envoi aligné n'est pas affichée. Ajoutez la propriété showLabel avec la valeur true.
Trouvez le plugiciel qui répond à vos besoin:
<div class="wb-fieldflow" data-wb-fieldflow='{"inline": true, "showLabel": true}'>
<p>Trouvez le plugiciel qui répond à vos besoin:</p>
<ul>
<li><a href="https://wet-boew.github.io/v4.0-ci/demos/data-ajax/data-ajax-fr.html">Insertion de contenu</a></li>
<li><a href="https://wet-boew.github.io/v4.0-ci/demos/lightbox/lightbox-fr.html">Galerie photos</a></li>
<li><a href="https://wet-boew.github.io/v4.0-ci/demos/charts/charts-fr.html">Dessiner des graphiques</a></li>
<li><a href="https://wet-boew.github.io/v4.0-ci/demos/details/details-fr.html">Contenu affichable/masquable</a></li>
<li><a href="https://wet-boew.github.io/v4.0-ci/demos/equalheight/equalheight-fr.html">Uniformisation de la hauteur</a></li>
<li><a href="https://wet-boew.github.io/v4.0-ci/demos/overlay/overlay-fr.html">Afficher un contenu superposé</a></li>
</ul>
</div>
Détails de la page
- Date de modification :