Overview Server mode put_text('hello').style('color: red; font-size: 20px') # in combined output put_row([ put_text('hello').style('color: red'), put_markdown('markdown') ]).style('margin-top: style(put_text('Red'), 'color:red') style([ put_text('Red'), put_markdown('~~del~~') ], 'color:red') put_table([ ['A', 'B'], ['C', style(put_text('Red'), 'color:red')], ]) put_collapse('title' application function. config(title="My application") # global configuration @config(css_style="* { color:red }") # only works on this application def app(): put_text("hello PyWebIO") Note The configuration

Overview Server mode put_text('hello').style('color: red; font-size: 20px') # in combined output put_row([ put_text('hello').style('color: red'), put_markdown('markdown') ]).style('margin-top: style(put_text('Red'), 'color:red') style([ put_text('Red'), put_markdown('~~del~~') ], 'color:red') put_table([ ['A', 'B'], ['C', style(put_text('Red'), 'color:red')], ]) put_collapse('title' single PyWebIO application function. config(title="My application") @config(css_style="* { color:red }") def app(): put_text("hello PyWebIO") title and description are used for SEO, which are provided

Overview Server mode put_text('hello').style('color: red; font-size: 20px') # in combined output put_row([ put_text('hello').style('color: red'), put_markdown('markdown') ]).style('margin-top: style(put_text('Red'), 'color:red') style([ put_text('Red'), put_markdown('~~del~~') ], 'color:red') put_table([ ['A', 'B'], ['C', style(put_text('Red'), 'color:red')], ]) put_collapse('title' application function. config(title="My application") # global configuration @config(css_style="* { color:red }") # only works on this application def app(): put_text("hello PyWebIO") Note The configuration

Overview Server mode put_text('hello').style('color: red; font-size: 20px') # in combined output put_row([ put_text('hello').style('color: red'), put_markdown('markdown') ]).style('margin-top: style(put_text('Red'), 'color:red') style([ put_text('Red'), put_markdown('~~del~~') ], 'color:red') put_table([ ['A', 'B'], ['C', style(put_text('Red'), 'color:red')], ]) put_collapse('title' application function. config(title="My application") # global configuration @config(css_style="* { color:red }") # only works on this application def app(): put_text("hello PyWebIO") Note The configuration

Overview Server mode put_text('hello').style('color: red; font-size: 20px') # in combined output put_row([ put_text('hello').style('color: red'), put_markdown('markdown') ]).style('margin-top: style(put_text('Red'), 'color:red') style([ put_text('Red'), put_markdown('~~del~~') ], 'color:red') put_table([ ['A', 'B'], ['C', style(put_text('Red'), 'color:red')], ]) put_collapse('title' application function. config(title="My application") # global configuration @config(css_style="* { color:red }") # only works on this application def app(): put_text("hello PyWebIO") Note The configuration

Overview Server mode put_text('hello').style('color: red; font-size: 20px') # in combined output put_row([ put_text('hello').style('color: red'), put_markdown('markdown') ]).style('margin-top: style(put_text('Red'), 'color:red') style([ put_text('Red'), put_markdown('~~del~~') ], 'color:red') put_table([ ['A', 'B'], ['C', style(put_text('Red'), 'color:red')], ]) put_collapse('title' single PyWebIO application function. config(title="My application") @config(css_style="* { color:red }") def app(): put_text("hello PyWebIO") title and description are used for SEO, which are provided

Overview Server mode put_text('hello').style('color: red; font-size: 20px') # in combined output put_row([ put_text('hello').style('color: red'), put_markdown('markdown') ]).style('margin-top: style(put_text('Red'), 'color:red') style([ put_text('Red'), put_markdown('~~del~~') ], 'color:red') put_table([ ['A', 'B'], ['C', style(put_text('Red'), 'color:red')], ]) put_collapse('title' single PyWebIO application function. config(title="My application") @config(css_style="* { color:red }") def app(): put_text("hello PyWebIO") title and description are used for SEO, which are provided

Overview Server mode put_text('hello').style('color: red; font-size: 20px') # in combined output put_row([ put_text('hello').style('color: red'), put_markdown('markdown') ]).style('margin-top: style(put_text('Red'), 'color:red') style([ put_text('Red'), put_markdown('~~del~~') ], 'color:red') put_table([ ['A', 'B'], ['C', style(put_text('Red'), 'color:red')], ]) put_collapse('title' application function. config(title="My application") # global configuration @config(css_style="* { color:red }") # only works on this application def app(): put_text("hello PyWebIO") Note The configuration

Overview Server mode put_text('hello').style('color: red; font-size: 20px') # in combined output put_row([ put_text('hello').style('color: red'), put_markdown('markdown') ]).style('margin-top: style(put_text('Red'), 'color:red') style([ put_text('Red'), put_markdown('~~del~~') ], 'color:red') put_table([ ['A', 'B'], ['C', style(put_text('Red'), 'color:red')], ]) put_collapse('title' application function. config(title="My application") # global configuration @config(css_style="* { color:red }") # only works on this application def app(): put_text("hello PyWebIO") Note The configuration

CSS style for a single put_xxx() output: style(put_text('Red'), 'color: red') put_table([ ['A', 'B'], ['C', style(put_text('Red'), 'color: red')], ]) style() also accepts a list of output calls, style() style() will set the CSS style for each item of the list: style([ put_text('Red'), put_markdown('~~del~~') ], 'color: red') put_collapse('title', style([ put_text('text'), put_markdown('~~del~~'), ], 'margin-left: style(put_text('Red'), 'color:red') (continues on next page) 4.3. pywebio.output — Make output to web browser 49 PyWebIO, Release 1.2.3 (continued from previous page) style([ put_text('Red'), put_markdown('~~del~~')