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

Question

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

Answer 1

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