Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: bootstrap - dialogi
Forum PHP.pl > Forum > Po stronie przeglądarki
nospor
Hejka,
zaczynam przygode z bootstrapem. Nie znalazłem tam nigdzie wyskakujących modalnych dialogów.
Czyli ja to musze zrobić sam, przy pomocy zewnętrznych bibliotek ala jQuery UI? Czy może jednak coś przeoczyłem i bootrstrap wspiera "okienka" ?
kayman
jest -> http://getbootstrap.com/javascript/#modals
nospor
O, super smile.gif

Zmartwiła mnie jedna rzecz:
Cytat
Overlapping modals not supported

Be sure not to open a modal while another is still visible. Showing more than one modal at a time requires custom code.

Bawiłeś się może by to zmodyfikować?
kayman
nakładających się nie robiłem, imo taka akcja jest w ogóle rzadkością więc pewnie dlatego z niej zrezygnowali
nospor
Pracuje nad projektem, gdzie taka akcja nie jest rzadkością smile.gif

Tak czy siak dzieki. Nie wiem jak to przegapiłem :/
sowiq
IMO źle do tego podchodzisz. Ja bym chyba zamiast wyświetlania kilku warstw modali pokazywał tylko jednego, a resztę chował. Chociażby dlatego, że z każdą kolejną warstwą tło będzie coraz bardziej wyciemniane.
Możesz taką "kolejkę" osiągnąć pisząc kilka(naście) linijek JS. Ewentualnie możesz do tego użyć czegoś innego, np. Fancybox (chociaż też nie jestem na 100% przekonany, czy jest tam taka opcja).

Zresztą, pół minuty googlania i masz źródło wiedzy: http://stackoverflow.com/questions/1930582...-modals-overlay
nospor
Cytat
IMO źle do tego podchodzisz. Ja bym chyba zamiast wyświetlania kilku warstw modali pokazywał tylko jednego, a resztę chował
Rozumiem. Wiekszosci wypadkow, jak juz wspomniano, nie ma potrzeby kilku modali na raz. Jedak jestem akurat w przypadku, gdzie jest mi tego potrzeba i kropka smile.gif

Z tego co widzę, to nie da się ich przesuwać i muszę raczej jakieś zewnętrzbne draggable do tego podpiąć?
Pyton_000
http://stackoverflow.com/a/18850327 smile.gif
nospor
@Pyton czyli tak czy siak skonczylo się na podpieciu jQuery UI a nie na samym bootstrapie smile.gif
Pyton_000
Zawsze możesz z jQ UI podpiąć jeden komponent + Core smile.gif
nospor
Tak, wiem smile.gif
Zawsze też mogę napisac pare linijek w czystym js, co notabene swego czasu robiłem wink.gif

Sądziłem, że moge jakimś cudem jednak coś jest w bootstrap na te okazje. No nic, nie ma to nie ma smile.gif
sowiq
Nie oszukujmy się, Bootstrapowe "widgety" dupy nie urywają ani funkcjonalnością, ani wyglądem, ani łatwością obsługi API smile.gif
nospor
Hehe, przyjdzie mi się o tym właśnie przekonać smile.gif No ale chociaż na jednym projekcie wypadałoby użyć i poznać bootstrapa biggrin.gif
strife
Cytat(nospor @ 20.01.2015, 10:36:41 ) *
Hehe, przyjdzie mi się o tym właśnie przekonać smile.gif No ale chociaż na jednym projekcie wypadałoby użyć i poznać bootstrapa biggrin.gif

Generalnie warto się bootstrapem zainteresować. Może widgety nie są jakieś widowiskowe, ale są proste i o to chodzi.
Mnie zachwyciło przenoszenie już gotowych fragmentów widoku do innych projektów, które też korzystają z bootstrapa, nie trzeba za dużo robić.

Ponadto w sieci jest mnóstwo templatów, gdzie przy stworzeniu całej aplikacji opartej na boostrapie możesz po prostu kupić template opartego na boostrapie.
Co najfajniejsze nie będziesz miał wtedy za dużo pracy z modifikacją widoków (bo wszystkie nazwy klas i innych elementów się zgadzają).

Generalnie polecam. Jak masz pytania śmiało smile.gif

nospor
Cytat
Jak masz pytania śmiało

A no mam smile.gif

Cytat
Ponadto w sieci jest mnóstwo templatów, gdzie przy stworzeniu całej aplikacji opartej na boostrapie możesz po prostu kupić template opartego na boostrapie.
Co najfajniejsze nie będziesz miał wtedy za dużo pracy z modifikacją widoków (bo wszystkie nazwy klas i innych elementów się zgadzają).

No własnie przeglądałem rożne szablony. Jeszcze się nimi nie bawiłem. No i np:
załóżmy, że piszę teraz w czystym corowym bootstrap, trzymam się ich klas itd. No i teraz znajduje powiedzmy taki szablon:
http://wrapbootstrap.com/preview/WB0R5L90S
ktory kosztuje x dolcow. Wystarczy, ze go teraz podepne i juz? Wszystko się dostosuje czy moze jednak muszę robić zmiany pod ten szablon?
strife
Cytat(nospor @ 20.01.2015, 11:04:43 ) *
A no mam smile.gif


No własnie przeglądałem rożne szablony. Jeszcze się nimi nie bawiłem. No i np:
załóżmy, że piszę teraz w czystym corowym bootstrap, trzymam się ich klas itd. No i teraz znajduje powiedzmy taki szablon:
http://wrapbootstrap.com/preview/WB0R5L90S
ktory kosztuje x dolcow. Wystarczy, ze go teraz podepne i juz? Wszystko się dostosuje czy moze jednak muszę robić zmiany pod ten szablon?


No nie do końca. Im bardziej zaawansowany template tym więcej zmian będziesz musiał zrobić, ale do tych części które nie są standardowe - bootstrapowe.
Te elementy jak przyciski, cały layout, kolorystyka modali, czcionki, responsywność itp. tego nie będziesz musiał robić. Reszta to copy & paste całego układu i ewentualnie nowych rzeczy.
Możesz łatwo sprawdzić ile będziesz miał roboty po prostu jak masz teraz jakiś projekt w boostrapie po prostu zainlcuduj sobie z tego serwera ich csski i sprawdź.
Ja tak często robię przed kupieniem, można się wtedy przekonać czy będzie potencjalnie dużo roboty przy integracji.

Polecam też różnego rodzaju serwisy gdzie masz gotowe komponenty do boostrapa, takie jak:

Co do stocku z templatami to bardzo dobry jest też http://themeforest.net. Masz tam na bardzo wysokim poziomie templaty.
Kiedyś nawet myślałem, aby wejść w ten biznes (policz kupione templaty * ich cene) ale nigdy nie było czasu sad.gif
nospor
Ok smile.gif
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.