Layout with Drop Down Select Option without Bokeh Server

Community Support
21

This is some layout bug in 2.3.x the following works for me with version 2.2.3

    div_leftpanel1 = Div(text = f'  Customer Profile\
                <br><br><i class="fa fa-file"></i>&nbsp;&nbsp;Contact Us</a> \
                <br><br><i class="fa fa-file"></i>&nbsp;&nbsp;Blogs</a> \
                <br><br><br><br><br> \
                <p style="font-size:14px;font-family:verdana"><u>Customer Info</u> <br><br> Industry: {cust["industry"]}\
                <br> Type of Business: {cust["biz_type"]} <br> Location: {cust["location"]} </p> \
                <b>', 
                width=350, height=650,
                style={'border-radius': '15px',
                 'text-align': 'left','padding-left': '50px','font-size': '150%',
                 'color': 'green', 'background-color': '#91EBE8','font-family':'verdana'}
                 )
    
    banner1 = Div(text = f'<b><p style="font-size:15px;">${cust["total_loan"]}</p>\
                    <hr>\
                    Loan Amount<b>',
                    width=250, height=90,
              style={'border-radius': '15px 15px 0px 0px',
                 'text-align': 'left','padding-left': '50px','padding-right': '50px',
                 'font-family':'verdana'}
                 )

So your immediate option is to downgrade to the previous 2.2.3 version. Or wait for a future version with a fix.

With the use of Jinja Template, I will need to use a server

This is not at all true. file_html generates static HTML output and accepts a template. There are several example of using file_html in the examples directory.

22

@Vishal_Agarwal

This seems to be related to the following issue on bokeh GitHub if you want to track progress and see when it is addressed.

1 Like