Web View HTML issues

MOUSHAM_PATRA · September 25, 2021, 7:39am

Hi koders!
My app was working fine until I used this block :

I want the following code-

Electro Marksheet View 1 #parent { display: flex; justify-content: center; } #div1 { float: left; } #div2 { float: left; } #div3 { float: left; }

SUBJECT

FULL MARKS	PASS MARKS	MARKS OBTAINED
THEORY	PRACTICAL/ PROECT	THEORY	PRACTICAL/ PROECT	THEORY	PRACTICAL/ PROECT

TOTAL

SUBJECT
GRADE

After using this block the app keeps stopping when screen 2 is initializing… Please help
Thank You!

MOUSHAM_PATRA · September 25, 2021, 7:43am

sorry, that the code was converted into output
the code-

Code

dora_paz · September 25, 2021, 7:44am

Try using Custom WebView

MOUSHAM_PATRA · September 25, 2021, 8:02am

this error is coming when I am using custom web view instead of web viewer
It is coming when screen 2 is initializing…

vknow360 · September 25, 2021, 8:03am

Maybe you didn’t read the topic before importing the extension.

MOUSHAM_PATRA · September 25, 2021, 8:28am

Another is that, how to make it visible inside a vertical arrangement, it is a non-visible component…

MOUSHAM_PATRA · September 25, 2021, 8:28am

Its a long topic, can you please tell shortly, what should I do?

dora_paz · September 25, 2021, 8:37am

I had an issue with your html, cause flex isn’t working. Removing flex it works

Maybe you could try

MOUSHAM_PATRA · September 25, 2021, 9:04am

I have tried it, everything’s fine but the table isn’t visible in the vertical arrangement
Code-
help

dora_paz · September 25, 2021, 9:11am

Already told you that flex styling not working. Try this html code, I just modified it only to see if loads. You have to change it according to your needs

<!DOCTYPE html><htmL>    <head>       <title>Electro Marksheet View 1</title>       <link rel="shortcut icon" href="C:\Electro Mobile Intell\Images\Electro Mobile Intell.jpg" />       </head>    <body>       <center>          <div id="parent">             <div id="div1">                <table border="1" cellspacing="0" height="auto" width="100%">                   <tr>                      <td>                         <center>SUBJECT</center>                      </td>                   </tr>                </table>             </div>             <div id="div2">                <table border="1" cellspacing="0" height="100" width="100%">                   <tr>                      <td colspan="2">                         <center>FULL MARKS</center>                      </td>                      <td colspan="2">                         <center>PASS MARKS</center>                      </td>                      <td colspan="2">                         <center>MARKS OBTAINED</center>                      </td>                   </tr>                   <tr>                      <td>                         <center>THEORY</center>                      </td>                      <td>                         <center>PRACTICAL/<br />PROECT</center>                      </td>                      <td>                         <center>THEORY</center>                      </td>                      <td>                         <center>PRACTICAL/<br />PROECT</center>                      </td>                      <td>                         <center>THEORY</center>                      </td>                      <td>                         <center>PRACTICAL/<br />PROECT</center>                      </td>                   </tr>                </table>             </div>             <div id="div3">                <table border="1" cellspacing="0" height="100" width="100%">                   <tr>                      <td>                         <center>TOTAL</center>                      </td>                      <td>                         <center>SUBJECT<br />GRADE</center>                      </td>                   </tr>                </table>             </div>          </div>       </center>       <br />         </body> </htmL> <meta name="viewport" content="width=device-width, initial-scale=1.0"><metaname="viewport"content="width=device-width,initial-scale=1.0">

MOUSHAM_PATRA · September 25, 2021, 9:27am

Ok,I am using another code without flex, I am using display: inline-table…
Code:

<!DOCTYPE html>
<htmL>
    <head>
        <title>Electro Marksheet View 1</title>
        <link rel="shortcut icon" href="C:\Electro Mobile Intell\Images\Electro Mobile Intell.jpg" />
        <style>
            #parent {
                display: inline-table;
                justify-content: center;
            }
            #div1 {
                float: left;
            }
            #div2 {
                float: left;
            }
            #div3 {
                float: left;
            }
        </style>
    </head>
    <body>
        <center><div id="parent">
                <div id="div1">
            <table border="1" cellspacing="0" height="88px" width="88px">
                <tr>
                    <td><center>SUBJECT</center></td>
                </tr>
            </table>
        </div>
        <div id="div2">
            <table border="1" cellspacing="0" height="88px" width="550px">
                <tr>
                    <td colspan="2"><center>FULL MARKS</center></td>
                    <td colspan="2"><center>PASS MARKS</center></td>
                    <td colspan="2"><center>MARKS OBTAINED</center></td>
                </tr>
                <tr>
                    <td><center>THEORY</center></td>
                    <td><center>PRACTICAL/<br />PROECT</center></td>
                    <td><center>THEORY</center></td>
                    <td><center>PRACTICAL/<br />PROECT</center></td>
                    <td><center>THEORY</center></td>
                    <td><center>PRACTICAL/<br />PROECT</center></td>
                </tr>
            </table>
        </div>
        <div id="div3">
            <table border="1" cellspacing="0" height="88px" width="180px">
                <tr>
                    <td><center>TOTAL</center></td>
                    <td><center>SUBJECT<br />GRADE</center></td>
                </tr>
            </table>
        </div>
        </div></center><br />
    </body>
</htmL>

MOUSHAM_PATRA · September 25, 2021, 9:52am

But, I tried with your code (Dora’s code) and it was visible!
Can you please offer me a code such that the output looks like this
Sorry to mention your name, Dora

MOUSHAM_PATRA · September 25, 2021, 9:52am

Even I used the following code-

<!DOCTYPE html>
<htmL>
    <head>
        <title>Electro Marksheet View 1</title>
        <link rel="shortcut icon" href="C:\Electro Mobile Intell\Images\Electro Mobile Intell.jpg" />
        <style>
            #parent {
                justify-content: center;
            }
            #div1 {
                float: left;
            }
            #div2 {
                float: left;
            }
            #div3 {
                float: left;
            }
        </style>
    </head>
    <body>
        <center><div id="parent">
                <div id="div1">
            <table border="1" cellspacing="0" height="88px" width="88px">
                <tr>
                    <td><center>SUBJECT</center></td>
                </tr>
            </table>
        </div>
        <div id="div2">
            <table border="1" cellspacing="0" height="88px" width="550px">
                <tr>
                    <td colspan="2"><center>FULL MARKS</center></td>
                    <td colspan="2"><center>PASS MARKS</center></td>
                    <td colspan="2"><center>MARKS OBTAINED</center></td>
                </tr>
                <tr>
                    <td><center>THEORY</center></td>
                    <td><center>PRACTICAL/<br />PROECT</center></td>
                    <td><center>THEORY</center></td>
                    <td><center>PRACTICAL/<br />PROECT</center></td>
                    <td><center>THEORY</center></td>
                    <td><center>PRACTICAL/<br />PROECT</center></td>
                </tr>
            </table>
        </div>
        <div id="div3">
            <table border="1" cellspacing="0" height="88px" width="180px">
                <tr>
                    <td><center>TOTAL</center></td>
                    <td><center>SUBJECT<br />GRADE</center></td>
                </tr>
            </table>
        </div>
        </div></center><br />
    </body>
</htmL>

But it isn’t working, it isn’t visible…