Blazor - bootstrap modal usunięcie zacienienia

Odpowiedz Nowy wątek
2020-08-06 19:03

Rejestracja: 1 rok temu

Ostatnio: 2 dni temu

0

Część, mam problem z usunięciem zacienionego obszaru, który pojawia się po wywołaniu okna modalnego. Obszar wyciemniony uniemożliwia kliknięcie przycisku. Mój problem najlepeij obrazuje załączona ilustracja:
screenshot-20200806190215.png
Kod:

<button type="button" class="btn" data-toggle="modal" data-target="#exampleModal">
    <i class="icon-user h3" />Zaloguj się</button>

<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="false">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="exampleModalLabel">Modal title</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                ...
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                <button type="button" class="btn btn-primary">Save changes</button>
            </div>
        </div>
    </div>
</div>

    @code {

    }

Jak pozbyć się tego zacienienia?

Pozostało 580 znaków

2020-08-06 20:51

Rejestracja: 6 miesięcy temu

Ostatnio: 9 godzin temu

Lokalizacja: Kuala Lumpur

Ten obszar jest na modalu więc to raczej nie on dorzuca tą warstwę. Kliknij gdzieś w rogu prawym (tak żeby pod kursorem nie było żadnego elementu) i zbadaj co wskaże inspekcja elementu. Następnie wywalaj z konsoli i patrz co usuwasz, a dojdziesz co powoduje ten obszar.


Znalazłem to co odpowiada za to zacienienie: html <div class = "modal-backdrop show"></div> Nie mam go jednak w plikach projektu, więc musi on być gdzieś dodawany przez skrypt. Problem udało się rozwiązać wystarczyło dodac: html data-backdrop="false" Dzięki za sugestię - adrian95 2020-08-07 13:22

Pozostało 580 znaków

2020-08-06 21:23

Rejestracja: 4 lata temu

Ostatnio: 4 godziny temu

0
    @code {

    }

czemu trzymasz code behind w tym samym pliku co html?

Pokaż pozostałe 14 komentarzy
No w sumie nie ma o co się tu spierać. Zresztą ten sam argument można użyć w drugą stronę. Najlepiej sam kiedyś spróbuj jeśli będziesz miał możliwość. Preferencje się zmieniają i najlepiej próbować różnych rzeczy. - Aventus 2020-08-07 12:10
@Aventus: spróbowałem w jsp oraz na desktopie i dziękuję ;-) - Aryman1983 2020-08-07 12:12
Jak to mówią, "raz w Javie to nie gej". - somekind 2020-08-07 12:17
No i OK, co kto lubi. Ale co konkretnie jest z tym nie tak? Jak na razie to nie widziałem żadnego kontrargumentu. Poza wzmianką o "utrzymywaniu" tego, co sugeruje mi że ktoś miał doświadczenie z potworkami gdzie była pomieszana logika, komponenty które powinny być rozbite na mniejsze itp. Prawdopodobnie problem nie występował w trzymaniu kodu tam gdzie HTML, a brzydota takiego rozwiązania była tylko objawem, a nie przyczyną problemu. - Aventus 2020-08-07 12:19
@somekind: spróbowałem i nie spodobało mi się ;-) @Aventus no jak jestem w pliku który odpowiada za view to przestawiam mózg na view a nie na logikę ;-) - Aryman1983 2020-08-07 12:49

Pozostało 580 znaków

Odpowiedz

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