• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

PyWebIO - jak wyświetlić kilka inputów horyzontalnie obok siebie?'

VPS Starter Arubacloud
+1 głos
237 wizyt
pytanie zadane 24 sierpnia 2022 w Python przez Hajpa Użytkownik (880 p.)
Cześć!

Chyba domyślnie wyświetlają się vertykalnie czyli w pionie a ja potrzebuję w poziomie wyświetlić 3 listy rozwijane.

Jakoś nie mogę tego znaleźć. Próbowałem w tabelce, ale kicha.

 

pozdrawiam

1 odpowiedź

0 głosów
odpowiedź 31 sierpnia 2022 przez VBService Ekspert (251,210 p.)
edycja 31 sierpnia 2022 przez VBService

Możesz np. wykorzystać fakt, że do generowania kodu html, pywebio używa tych samych nazw klas css (przy każdorazowym uruchomieniu kodu).

Przy pomocy pywebio.output.put_html możesz spróbować zaimplementować swój kod css.

 

from pywebio.input  import input_group, select
from pywebio.output import put_html

def main():
    opt_select1 = [
        {
            "label": 'option1-1',
            "value": 'value1-1',
            "selected": True
        },
        {
            "label": 'option1-2',
            "value": 'value1-2'
        }        
    ]

    opt_select2 = [
        {
            "label": 'option2-1',
            "value": 'value2-1',
            "selected": True
        },
        {
            "label": 'option2-2',
            "value": 'value2-2'
        }        
    ]

    opt_select3 = [
        {
            "label": 'option3-1',
            "value": 'value23-1',
            "selected": True
        },
        {
            "label": 'option3-2',
            "value": 'value3-2'
        }        
    ]    

    put_html("""
    <style>
        .input-container {
            display: flex;
        }
    </style>
    """)
    
    data = input_group('', [
        select(label='', options=opt_select1, name='sel1'),
        select(label='', options=opt_select2, name='sel2'),
        select(label='', options=opt_select3, name='sel3')
    ])


if __name__ == '__main__':
    main()

 

P.S Link  wink

Podobne pytania

0 głosów
1 odpowiedź 217 wizyt
pytanie zadane 29 maja 2017 w C i C++ przez AndekQR Użytkownik (880 p.)
0 głosów
1 odpowiedź 962 wizyt
pytanie zadane 13 grudnia 2016 w Sieci komputerowe, internet przez razor6017 Użytkownik (780 p.)
0 głosów
4 odpowiedzi 351 wizyt
pytanie zadane 24 grudnia 2015 w HTML i CSS przez Bakr Mądrala (6,850 p.)

92,452 zapytań

141,262 odpowiedzi

319,085 komentarzy

61,854 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Akademia Sekuraka 2024 zapewnia dostęp do minimum 15 szkoleń online z bezpieczeństwa IT oraz dostęp także do materiałów z edycji Sekurak Academy z roku 2023!

Przy zakupie możecie skorzystać z kodu: pasja-akademia - użyjcie go w koszyku, a uzyskacie rabat -30% na bilety w wersji "Standard"! Więcej informacji na temat akademii 2024 znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...