Change the display position of an html file on a webpage in Streamlit

Using Streamlit
2

Hi @Myntur,

For future reference, @chris_klose has provided a solutione here:

Something like (totally untested! Hope it can get you started :slight_smile: ):

c_left, c_right = st.beta_columns(2)
with c_left:
    HtmlFile = open("test.html", 'r', encoding='utf-8')
    source_code = HtmlFile.read() 
    print(source_code)
    components.html(source_code, height= 1600, width=1600)
with c_right:
    with open("Datafile.pdf", "rb") as pdf_file:
        base64_pdf = base64.b64encode(pdf_file.read()).decode('utf-8')
    pdf_display = f'<embed src="data:application/pdf;base64,{base64_pdf}" width="700" height="1000" type="application/pdf">' 
    st.markdown(pdf_display, unsafe_allow_html=True)

Best,
Fanilo

2 Likes