Bootstrap collapsed-box - Javascript

Odpowiedz Nowy wątek
2017-10-11 10:40
0

Co zrobić żeby box po zwinieciu był na dole ?

scren: http://prntscr.com/gvyrqa

                $('body').on('click', '[data-widget="collapse"]', function (e) {
                    var box = $(this).parents('.box').first();
                    var bf = box.find('.box-body, .box-footer');

                    if (box.hasClass('collapsed-box')) {
                        $(this).children('.fa-plus').removeClass('fa-plus').addClass('fa-minus');
                        box.removeClass('collapsed-box');
                        bf.slideDown();
                    }
                    else {
                        $(this).children('.fa-minus').removeClass('fa-minus').addClass('fa-plus');
                        box.addClass('collapsed-box');
                        bf.slideUp();
                    }
                });
<div class="chatbox">
        <div class="box box-primary direct-chat direct-chat-primary">
            <div class="box-header with-border">
            ....
            </div>
            <!-- /.box-header -->
            <div class="box-body">
              ...
            </div>
            <!-- /.box-body -->
            <div class="box-footer">
                ...
            </div>
            <!-- /.box-footer-->
        </div>
        <!--/.direct-chat -->
    </div>
edytowany 1x, ostatnio: luktes, 2017-10-11 10:45
Chrumczok...!!! - MrBean Bean 2017-10-11 18:09

Pozostało 580 znaków

2017-10-11 19:08
0

Skoro już tu jesteś.
Możesz dodać diva nad boxem który go wypchnie albo

padding-top, margin-top, possition:fixed, bootm0px

▒▒▒▒▒▒▒▒█▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀█
▒▒▒▒▒▒▒█░▒▒▒▒▒▒▒▓▒▒▓▒▒▒▒▒▒▒░█
▒▒▒▒▒▒▒█░▒▒▓▒▒▒▒▒▒▒▒▒▄▄▒▓▒▒░█░▄▄
▒▒▄▀▀▄▄█░▒▒▒▒▒▒▓▒▒▒▒█░░▀▄▄▄▄▄▀░░█
edytowany 2x, ostatnio: MrBean Bean, 2017-10-11 19:09

Pozostało 580 znaków

2017-10-12 10:54
0

css do chatbox


body > .chatbox {
    position: absolute;
    left: -3000px;

}

.chatbox {
    width: 300px;
    height: 350px;
    /*height: 400px;*/
    margin-bottom:1px;
    /*background: #222;*/
    position: absolute;
    bottom: 0;
    right: 0;
}

Pozostało 580 znaków

2017-10-12 19:34
0

Dalej ciężko jest mi określić co Dev miał na myśli (On chyba też) ale ja bym zamiast slideup dodał animacje w css i do fa-plus dodał margines. Spróbuj dodać margn-top do fa-plus.


▒▒▒▒▒▒▒▒█▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀█
▒▒▒▒▒▒▒█░▒▒▒▒▒▒▒▓▒▒▓▒▒▒▒▒▒▒░█
▒▒▒▒▒▒▒█░▒▒▓▒▒▒▒▒▒▒▒▒▄▄▒▓▒▒░█░▄▄
▒▒▄▀▀▄▄█░▒▒▒▒▒▒▓▒▒▒▒█░░▀▄▄▄▄▄▀░░█
edytowany 2x, ostatnio: MrBean Bean, 2017-10-12 20:20

Pozostało 580 znaków

Odpowiedz
Liczba odpowiedzi na stronę

1 użytkowników online, w tym zalogowanych: 0, gości: 1, botów: 0