Problem with Text Direction

Aspose.Words Product Family
1

Hi guys,

I have table html and I insert it into word document by DocumentBuilder.insertHtml() method.
In this table has few columns header display rotate. As I know Aspose has support text direction in table html by the way : Imported from "writing- mode " style attribute
But when I use : style="writing-mode: vertical-lr" attribute to header which I want rotate, this header not rotate as my expect output

Please help me to get solution.

Thanks,
Hanh

2

Hi Hanh,

Thanks for your inquiry. You issue pertains to Aspose.Words, so I am moving your query to related forum. There one of my colleague from Aspose.Words will guide you appropriately.

Best Regards,

3

Hi Hanh,
Please share your input HTML and a screenshot to display the issue.
Best Regards,

4

Hi guys,

Following is my input HTML:

<table class='table-dynamic table table-striped table-bordered resizable dataTable projectListTableCsm no-footer'>
<thead>
	<tr>
		<th style='Width:25%'>Threat </th>
		<th style='Width:35%'>Vulnerabilities </th>
		<th style='Width:35%'>Recommendations</th>
		<th style='Width:5%'><div class='rotate-90' style='writing-mode: vertical-lr'>Impact</div></th>
		<th style='Width:5%'><div class='rotate-90' style='writing-mode: vertical-lr'>Probability</div></th>
		<th style='Width:5%'><div class='rotate-90' style='writing-mode: vertical-lr'>Risk</div></th>
</tr>
</thead>
<tbody>
	<tr>
		<td class='templatesName'>T1: Incidence response failure</td>
		<td class='templatesName'></td>
		<td class='templatesName'></td>
		<td style='background: #0AA00A'>L</td>
		<td style='background: #FFB000'>H</td>
		<td style='background: #FFA420'>H</td>
	</tr>
	<tr>
		<td class='templatesName'>T3: Employee Theft</td>
		<td class='templatesName'></td><td class='templatesName'></td>
		<td style='background: #0AA00A'>L</td><td style='background: #FFB000'>H</td>
		<td style='background: #FFA420'>H</td>
	</tr>
	<tr>
		<td class='templatesName'>T4: Disaster impact on business processes</td><td class='templatesName'></td>
		<td class='templatesName'></td><td style='background: #0AA00A'>L</td>
		<td style='background: #FFB000'>H</td>
		<td style='background: #FFA420'>H</td>
	</tr>
</tbody>
</table>

This attach file is my screenshot to display my issue.
As you see I want 3 final header columns display vertical so I’ve used style='writing-mode: vertical-lr' attribute. But They still display horizontal.

Please help me to fix it soon.

Thanks,
Hanh

5

Hi Hanh,
We are investigating the issue and will update you soon.
Best Regards,

6

Hi Hanh,
Sorry for the delay. If you open this HTML in browser or MS Word, you will see the same output. You can use the following code to change the orientation of last three cells of the header row.

Document doc = new Document();
DocumentBuilder builder = new DocumentBuilder(doc);
builder.PageSetup.Orientation = Orientation.Landscape;
builder.InsertHtml(System.IO.File.ReadAllText("Input.html"), true);

foreach (Table table in doc.GetChildNodes(NodeType.Table, true))
{
    Row headerRow = table.FirstRow;
    headerRow.RowFormat.Height = 100;
    for (int i = headerRow.Cells.Count - 1; i > headerRow.Cells.Count - 4; i--)
    {
        headerRow.Cells[i].CellFormat.Orientation = TextOrientation.VerticalFarEast;
    }
    // foreach (Cell cell in table.FirstRow.Cells)
    // {
    // cell.CellFormat.Orientation = TextOrientation.VerticalFarEast;
    // }
}
doc.Save("Out.docx");

Best Regards,

7

Hi Muhammad,
This topic is very useful to me.
But your code above direct the text from Top to Bottom, now I want to direct the text from Bottom to Top but it still does not work.
Please help,
Thanks!

8

Hi Huy,
You can set TextOrientation.Upward in the above mentioned code e.g.
headerRow.Cells[i].CellFormat.Orientation = TextOrientation.Upward;
Best Regards,

9

Thanks for you help, Muhammad.

10

I am not sure if the thread is dead. I was wondering if it is possible to find the styling from the html.

Generally, when I try to convert html <th style='Width:5%'><div class='rotate-90' style='writing-mode: vertical-lr'>Impact</div></th> to cell. I get cell.toString(SaveFormat.HTML) = <th style='Width:5%'>Impact</th>

11

@leangseugq You should note that Aspose.Words is designed to work with MS Word documents. And MS Word documents and HTML documents object models are quite different. This makes it not always possible to provide 100% fidelity after conversion one format to another. In most cases Aspose.Words mimics MS Word behavior when work with HTML documents.

So I am afraid there is no way to get original HTML formatting after loading HTML into Aspose.Words DOM.