Angular DocumentEditor – Borders and Shading Style Option Not Applying (Also in Official Demo)

[Dinesh Kumar]

Dear Syncfusion Support Team,

I'm experiencing an issue with the Borders and Shading feature in the DocumentEditor component for Angular. Specifically, the style (e.g., solid, dashed, dotted, double, etc.) selected from the dialog is not applied, and the change is not even reflected in the preview section.

Key Points:

• When selecting a style in the Borders and Shading dialog, nothing changes in the preview or in the actual document content.

• This issue occurs in my local Angular implementation as well as in the official Syncfusion demo on your website.

Environment:

• Angular version: [17.3.11]

• Syncfusion version: [ 25.2.3 ]

• Browser: [Google Chrome Version: 136.0.7103.114 ]

Steps to Reproduce:

1. Open the Angular DocumentEditor.

2. Select a paragraph or table.

3. Open the Borders and Shading dialog.

4. Change the style to any available option.

5. Notice that the preview does not update.

6. Click OK – the selected style is not applied to the content.

Please let me know if this is a known issue or if any workaround is available.

Thank you for your assistance.

Best regards,
Dinesh Kumar

If ​I selected Dotted style, it shows Solid Line:​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​

[Dhanush Sekar]

Hi Dinesh,

Currently, we have preservation support for borders styles. If opening a different border-style word document in document Editor, in this sense, the border is rendered as a "single" border in document Editor. But when we export the document, the different border styles are preserved at the file level.

Document editor doesn’t provide support for rendering different border styles.

 

We have already logged this as feature request. We don’t have any immediate plans to implement this feature now.

 

We usually have an interval of at least three months between the releases. At the planning stage for every release cycle, we review all open features once again and finalize features for implementation based on specific parameters including product vision, technological feasibility, and customer interest. We will let you know when this feature is implemented.            

      

You can track the status of feature from the below link:            

Support for rendering different border styles in JavaScript | Feedback Portal (syncfusion.com)

Regards,

Dhanush S