Add Horizontal Line to RadRichTextEditor

5 posts, 1 answers
  1. Simon
    Simon avatar
    27 posts
    Member since:
    Aug 2011

    Posted 14 Mar Link to this post

    How do I add a grey horizontal line to the rich text editor?
  2. Simon
    Simon avatar
    27 posts
    Member since:
    Aug 2011

    Posted 14 Mar in reply to Simon Link to this post

    (programatically)
  3. Dess
    Admin
    Dess avatar
    2107 posts

    Posted 15 Mar Link to this post

    Hello Simon,

    Thank you for writing.  

    Currently, RadRichTextEditor doesn't a horizontal line. However, it seems to be a reasonable request. I have logged it in our feedback portal and I have added a vote for it on your behalf. You can track its progress, subscribe for status changes and add your comments on the following link - feedback item.

    I have also updated your Telerik points.

    I hope this information helps. Should you have further questions I would be glad to help.

    Regards,
    Dess
    Telerik by Progress
    Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
  4. Simon
    Simon avatar
    27 posts
    Member since:
    Aug 2011

    Posted 16 Mar in reply to Dess Link to this post

    Hi Dess

    I was trying to get it to work by adding a table with a height of 1 so that it looks like a line, but I haven't been able to get the table to have a height of 1. Would it be possible to do it this way and if so, how would I get the table to have a height of 1?

  5. Answer
    Dess
    Admin
    Dess avatar
    2107 posts

    Posted 16 Mar Link to this post

    Hello Simon, 

    Thank you for writing back. 

    Here is a sample code snippet which result is illustrated in the attached screenshot:
    public RadForm1()
    {
        InitializeComponent();
     
        RadDocument document = new RadDocument();
        Section section = new Section();
     
        Table table = new Table();
        table.StyleName = RadDocumentDefaultStyles.DefaultTableGridStyleName;
        TableRow row1 = new TableRow();
     
        TableCell cell1 = new TableCell();
        Paragraph p1 = new Paragraph();
        Span s1 = new Span();
        s1.Text = " ";
     
        p1.FontSize = 0;
        p1.LineSpacing = 0;
        p1.SpacingAfter = 0;
        p1.SpacingBefore = 0;
        p1.Inlines.Add(s1);
        cell1.Blocks.Add(p1);
        row1.Cells.Add(cell1);
     
        table.Rows.Add(row1);
        section.Blocks.Add(new Paragraph());
        section.Blocks.Add(table);
        section.Blocks.Add(new Paragraph());
        document.Sections.Add(section);
     
        this.radRichTextEditor1.Document = document;
     
    }

    I hope this information helps. If you have any additional questions, please let me know. 

    Regards,
    Dess
    Telerik by Progress
    Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Back to Top