Transfer

Transfert d'un tableau à un autre

Transfert

Aperçu
Mode responsive
Gammes affichées dans les parcours de commande
Mobile essentiel
Mobile confort
Hotspots Mobiles 4G
Tablettes
Gammes filtrées (non affichées dans les parcours)
Accessoires
                                                                <div class="transfer">
                                        <div class="box">
                                            <header class="box-header has-background-primary">
                                                <p>Gammes affichées dans les parcours de commande</p>
                                            </header>
                                            <div class="box-content has-no-padding">
                                                <div class="field is-hovered">
                                                    <div class="control is-secondary">
                                                        <input class="is-checkradio" id="checkbox-demo-1" type="checkbox" checked="">
                                                        <label for="checkbox-demo-1">Mobile essentiel</label>
                                                    </div>
                                                </div>
                                                <div class="field">
                                                    <div class="control is-secondary">
                                                        <input class="is-checkradio" id="checkbox-demo-2" type="checkbox">
                                                        <label for="checkbox-demo-2">Mobile confort</label>
                                                    </div>
                                                </div>
                                                <div class="field is-hovered">
                                                    <div class="control is-secondary">
                                                        <input class="is-checkradio" id="checkbox-demo-3" type="checkbox" checked="">
                                                        <label for="checkbox-demo-3">Hotspots Mobiles 4G</label>
                                                    </div>
                                                </div>
                                                <div class="field">
                                                    <div class="control is-secondary">
                                                        <input class="is-checkradio" id="checkbox-demo-4" type="checkbox">
                                                        <label for="checkbox-demo-4">Tablettes</label>
                                                    </div>
                                                </div>
                                                <div class="field">
                                                    <div class="control is-secondary">
                                                        <input class="is-checkradio" id="checkbox-demo-5" type="checkbox">
                                                        <label for="checkbox-demo-5">Tablettes</label>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="transfer-action">
                                            <span class="icon is-medium has-background-primary has-border-radius" aria-label="Icone">
                                                <i class="tri-arrow-right has-text-white" aria-hidden="true"></i>
                                            </span>
                                            <span class="icon is-medium has-background-primary has-border-radius" aria-label="Icone">
                                                <i class="tri-bte-double-arrow-right has-text-white" aria-hidden="true"></i>
                                            </span>
                                            <span class="icon is-medium has-background-grey has-border-radius" aria-label="Icone">
                                                <i class="tri-arrow-left" aria-hidden="true"></i>
                                            </span>
                                            <span class="icon is-medium has-background-grey has-border-radius" aria-label="Icone">
                                                <i class="tri-bte-double-arrow-left" aria-hidden="true"></i>
                                            </span>
                                        </div>
                                        <div class="box">
                                            <header class="box-header has-background-primary">
                                                <p>Gammes filtrées (non affichées dans les parcours)</p>
                                            </header>
                                            <div class="box-content has-no-padding">
                                                <div class="field">
                                                    <div class="control is-secondary">
                                                        <input class="is-checkradio" id="checkbox-demo-6" type="checkbox">
                                                        <label for="checkbox-demo-6">Accessoires</label>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>