HTML Import

4 posts, 1 answers
  1. Maurício
    Maurício avatar
    41 posts
    Member since:
    Jan 2011

    Posted 12 Jan Link to this post

    Hello

     The following HTML code looks very different when loaded in the RichTextBox compared to the Broswer version.

    Check the attached images.

     

    <html>
      <head>
        <META http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>Listagem Módulos Montados</title>
      </head>
      <body>
        <table align="center" border="0">
          <thead id="HEADER">
            <tr>
              <td align="middle">
                <table width="630" border="0">
                  <tbody>
                    <tr>
                      <td style="FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #808080; PADDING-TOP: 20px; FONT-FAMILY: Arial" width="400">Data: 
    12/01/2016<span style="MARGIN: 0px; WIDTH: 10px"></span> Hora: 
    11:29:02</td>
                      <td style="FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #808080; PADDING-TOP: 20px; FONT-FAMILY: Arial" align="right">Listagem 
    </td>
                    </tr>
                  </tbody>
                </table>
              </td>
            </tr>
          </thead>
          <tbody>
            <tr id="CUSTOMERDATA">
              <td valign="top">
                <table style="BORDER-RIGHT: #818181 1px solid; BORDER-TOP: #818181 1px solid; FONT-SIZE: 12px; BORDER-LEFT: #818181 1px solid; BORDER-BOTTOM: #818181 1px solid; FONT-FAMILY: Tahoma; BORDER-COLLAPSE: collapse" cellspacing="0" cellpadding="0" width="100%" border="0">
                  <tbody>
                    <tr>
                      <td style="PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-SIZE: 16px; PADDING-BOTTOM: 5px; COLOR: #808080; PADDING-TOP: 5px; BORDER-BOTTOM: #818181 1px solid" bgcolor="#eeeeee"><b>Dados do cliente:
    </b></td>
                    </tr>
                    <tr>
                      <td style="PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; LINE-HEIGHT: 20px; PADDING-TOP: 5px" width="592" height="22">
                        <table cellspacing="5" cellpadding="2" width="100%" border="0">
                          <tbody>
                            <tr>
                              <td style="FONT-SIZE: 10px"><b><span style="COLOR: #535353">Nome:
    </span></b></td>
                              <td style="FONT-SIZE: 10px"><b><span style="COLOR: #535353">CPF:
    </span></b></td>
                            </tr>
                            <tr>
                              <td style="FONT-SIZE: 10px"><b><span style="COLOR: #535353">Endereço:
    </span></b></td>
                              <td style="FONT-SIZE: 10px"><b><span style="COLOR: #535353">CEP:
    </span></b></td>
                            </tr>
                            <tr>
                              <td style="FONT-SIZE: 10px"><b><span style="COLOR: #535353">Bairro:
    </span></b></td>
                              <td style="FONT-SIZE: 10px"><b><span style="COLOR: #535353">UF:
    </span></b></td>
                            </tr>
                            <tr>
                              <td style="FONT-SIZE: 10px"><b><span style="COLOR: #535353">End. Entrega:
    </span></b></td>
                              <td style="FONT-SIZE: 10px"><b><span style="COLOR: #535353">Cidade:
    </span></b></td>
                            </tr>
                            <tr>
                              <td style="FONT-SIZE: 10px"><b><span style="COLOR: #535353">Telefone:
    </span></b></td>
                              <td style="FONT-SIZE: 10px"><b><span style="COLOR: #535353">Celular:
    </span></b></td>
                            </tr>
                            <tr>
                              <td style="FONT-SIZE: 10px" colspan="2"><b><span style="COLOR: #535353">E-mail:
    </span></b></td>
                            </tr>
                          </tbody>
                        </table>
                      </td>
                    </tr>
                  </tbody>
                </table>
              </td>
            </tr>
            <tr id="BODY" templatetext="Módulos montados por categoria">
              <td valign="top"></td>
            </tr>
            <tr id="OBSERVATIONS">
              <td valign="center">
                <table width="100%" border="0" cellspacing="0" cellpadding="0">
                  <tr>
                    <td style="color:#818181;line-height:20px;padding:5px;font-size:10px;font-family:Arial;" valign="top" class="textoorc"><b><span style="color:#808080">Observações:</span></b><br></td>
                  </tr>
                </table>
              </td>
            </tr>
          </tbody>
          <tfoot id="FOOTER">
            <tr>
              <td align="middle"><br><br><b><span style="COLOR: #535353">Razão social:
    </span></b><span style="MARGIN: 0px; WIDTH: 5px"></span><span style="MARGIN: 0px; WIDTH: 10px"></span>| 
    <span style="MARGIN: 0px; WIDTH: 10px"></span><b><span style="COLOR: #535353">Endereço:
    </span></b><span style="MARGIN: 0px; WIDTH: 5px"></span><span style="MARGIN: 0px; WIDTH: 10px"></span> | 
    <span style="MARGIN: 0px; WIDTH: 10px"></span><b><span style="COLOR: #535353">Telefone:
    </span></b><span style="MARGIN: 0px; WIDTH: 5px"></span></td>
            </tr>
            <tr>
              <td align="middle"> Todos os direitos reservados
    </td>
            </tr>
          </tfoot>
        </table>
      </body>
    </html>

  2. Maurício
    Maurício avatar
    41 posts
    Member since:
    Jan 2011
  3. UI for WPF is Visual Studio 2017 Ready
  4. Answer
    Mihail
    Admin
    Mihail avatar
    192 posts

    Posted 15 Jan Link to this post

    Hello Maurício,

    I have noticed that in the provided HTML there are some incorrect alignment values. I have in mind the align="middle" and valign="center". The two values are switched as "middle" is an invalid value for align and valid for valign.

    Nevertheless, the alignment of the content in the nested tables is not correct after setting the valid alignment values. The reason behind this problem is that each nested table is inheriting the alignment from its parent table. I have logged new bug report item into our feedback portal. Here is a link: Nested tables should not inherit alignment from its parent table or table cell if you would like to subscribe for status changes.

    Regards,
    Mihail
    Telerik
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
  5. Maurício
    Maurício avatar
    41 posts
    Member since:
    Jan 2011

    Posted 15 Jan in reply to Mihail Link to this post

    Hi Mihail

    I've subscribed to the bug report, thank you for your reply. 

Back to Top