Unplanned
Last Updated: 13 Aug 2024 11:33 by Kamil
ADMIN
Tanya
Created on: 18 Aug 2017 14:44
Category: WordsProcessing
Type: Feature Request
18
WordsProcessing: Add support for horizontal line
Add support for horizontal lines in documents.

In DOCX, such lines are defined using the legacy VML definitions:
<w:pict w14:anchorId="324D5836">
  <v:rect id="_x0000_i1025" style="width:0;height:1.5pt" o:hralign="center" o:hrstd="t" o:hr="t" fillcolor="#a0a0a0" stroked="f"/>
</w:pict>
The definitions above and the <hr/> HTML tag are currently not supported and skipped on import, leading to missing horizontal lines in the document.
5 comments
Kamil
Posted on: 13 Aug 2024 11:33
Hi Yoan,

Thank you for the solution, this actually worked.
ADMIN
Yoan
Posted on: 13 Aug 2024 10:57

Hello Kamil,

An HTML/CSS method of drawing a horizontal line can be to insert an empty table with a top border and decrease its size so that it looks like a single line:

<!DOCTYPE html>
<html>
<head>
    <style>
        .horizontal-line {
            border-top: 1px solid black;
        }
    </style>
</head>
<body>
    <p>Horizontal line after this line</p>

    <table style="width:100%">
        <tr>
            <td class="horizontal-line"> </td>
        </tr>
    </table>
</body>
</html>

I hope this helps.

Regards,
Yoan
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.

Kamil
Posted on: 09 Aug 2024 15:38
Hello,

We're facing the same problem and we'd love to be provided with a purely HTML/CSS solution, instead of a programmatic approach. Example no. 2 provided here: How to add horizontal line in HTML ? - GeeksforGeeks doesn't seem to work.
ADMIN
Dess | Tech Support Engineer, Principal
Posted on: 07 Mar 2024 05:55

Hi, Jagadish,

Thank you for sharing your feedback. Make sure that you cast your vote for the item. The more votes an item gathers, the higher its priority becomes. You can click the Follow button in order to get notified once any status changes occur.

A possible workaround could be to insert an empty table with a top border and decrease its size so that it looks like a single line. The following forum thread demonstrates a sample approach: https://www.telerik.com/forums/horizontal-line-in-radwordsprocessing#5392221  

I hope this information helps.

Regards,
Dess | Tech Support Engineer, Principal
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.

Jagadish
Posted on: 06 Mar 2024 11:47
I am too facing the issue with the html content which is being converted to pdf missing the horizontal lines