Framework Gantry 5 - ustawienie szerokości blokó templatki w zależności od urządzenia
Wyniki 1 do 4 z 4

Temat: Framework Gantry 5 - ustawienie szerokości blokó templatki w zależności od urządzenia

  1. #1
    Przeglądacz
    Dołączył
    10-07-2006
    Wpisy
    45
    Punkty
    19

    Domyślny Framework Gantry 5 - ustawienie szerokości blokó templatki w zależności od urządzenia

    Witam

    Ostatnio testuje gantry 5. Framework do budowy szablonów dla joomli. I problem mam z kontrolowaniem szerokości bloków. W bootstrap określa się jawnie szerokości dla mobile, desktop czu tablet poprzez
    .col-xs- .col-sm- .col-md- .col-lg-
    np.
    <div class="row">
    <div class="col-xs-6 col-sm-3">.col-xs-6 .col-sm-3</div>
    <div class="col-xs-6 col-sm-3">.col-xs-6 .col-sm-3</div>

    <!-- Add the extra clearfix for only the required viewport -->
    <div class="clearfix visible-xs-block"></div>

    <div class="col-xs-6 col-sm-3">.col-xs-6 .col-sm-3</div>
    <div class="col-xs-6 col-sm-3">.col-xs-6 .col-sm-3</div>
    </div>
    A w gantry nie widzę podobnego mechanizmu. Przez panel można swobodnie określać szerokości dla bloków, bo wykorzystuje technike flex. Ale jak kontrolować grid dla mobile i desktop?
    W gantry są klasy i metody które pozwalają określić jakie style dla danego urządzenia. http://docs.gantry.org/gantry5/tutorials/media-queries

    Ale jak zrobić siatkę i zdefiniować szerokości bloków dla różnych urządzeń (ekranów) w gantry 5 ?

  2. Pani Reklamowa
    Pani Reklamowa jest aktywna
    Avatar Panny Google

    Dołączył
    19-08-2010
    Skąd
    Internet
    Postów
    milion
    Pochwał
    setki
  3. #2
    Bywalec
    Dołączył
    09-02-2010
    Wpisy
    108
    Punkty
    19

    Domyślny

    Sorki wg mnie w polsce jest kilka osób które o gantry 5 moga więcej coś powiedzięc ale pewnie nie zaglądają tutaj mam na mysli np dwu polaków którzy należą do głównego trzonu RT, wiec pisz na forum
    http://www.rockettheme.com/forum/gantry5-for-joomla

    moze ktoś ci podpowie, lub tutaj zarzuć temat https://gitter.im/gantry/gantry5

    pz
    A kiedy nadejdzie czas ze zaszyje sie w lesie i wszystko załatwie on-line? I do zkorkowanego, zatrutego spalinami miasta przybede po........

  4. #3
    Przeglądacz
    Dołączył
    10-07-2006
    Wpisy
    45
    Punkty
    19

    Domyślny

    Masakra. A Gantry5 jest wypaśne. A dotychczas myślałem, że jest nim Helix3. Może na wzgląd na fajne rozwiązanie SP Page Builder. Ale widzę, że Page Builder pójdzie spokojnie na gantry5.

    Na pewno z Gantry5 nie jest łatwo zacząć, bo ma wbudowanych wiele rozwiązań jak Twig, yaml, scss

    Ja poniekąd rozwiązałem problem ale nie podoba się bo dodałem bibliotekę http://flexboxgrid.com/

    Dlaczego http://flexboxgrid.com/ bo używa metody flex do ustawiania divów.

  5. #4
    Przeglądacz
    Dołączył
    15-04-2010
    Wpisy
    39
    Punkty
    6

    Domyślny

    w Gantry 5 działają klasy z Gantry 4 dotyczące hidden i visible tabela poniżej utaj: http://docs.gantry.org/gantry4/advan...ve-grid-system. Sam próbowałem znaleźć sposób jaki jest w framework-u t3 w, końcu stwierdziłem że szkoda mojego czasu i rozegrałem wszystko w css używając @media screen.

Podobne tematy

  1. Strona startowa zależna od urządzenia.
    przez stasio na forum Szablony, formatowanie wyglądu
    Odpowiedzi: 4
    Ostatni post/autor: 13-11-2014, 12:03
  2. Ilość kolumn w zależności od urządzenia
    przez belfegor1 na forum Rozszerzenia - problemy z obsługą, zarządzaniem
    Odpowiedzi: 5
    Ostatni post/autor: 05-08-2014, 10:46
  3. grafika w zależności od wartości pola radio
    przez kmpl na forum Administracja - ogólnie
    Odpowiedzi: 0
    Ostatni post/autor: 10-08-2012, 23:26
  4. Szerokość tła templatki w zależności od rozdzielczości ekranu
    przez sarven na forum Szablony, wygląd, formatowanie
    Odpowiedzi: 11
    Ostatni post/autor: 18-12-2009, 21:30
  5. zmiana szerokości kolumny w zależności od istnienia innych
    przez peyto na forum Szablony graficzne
    Odpowiedzi: 2
    Ostatni post/autor: 27-02-2009, 21:45

Reguły pisania

  • Nie możesz zakładać nowych tematów
  • Nie możesz dodawać wypowiedzi
  • Nie możesz dodawać załączników
  • Nie możesz poprawiać swoich postów
  •