I need to rotate text by 90º (to display it vertically) in a custom QWeb PDF report.
Could someone paste an specific CSS and HTML example to do so?
(Odoo 10)
Thanks
Odoo is the world's easiest all-in-one management software.
It includes hundreds of business apps:
- ลูกค้าสัมพันธ์
- e-Commerce
- ระบบบัญชี
- สินค้าคงคลัง
- PoS
- Project
- MRP
คำถามนี้ถูกตั้งค่าสถานะ
1
ตอบกลับ
11485
มุมมอง
Hello usk70,
Definition and Usage
The transform property applies a 2D or 3D transformation to an element. This property allows you to rotate, scale, move, skew, etc., elements.
Syntax
transform: none|transform-functions|initial|inherit;
Property Values
rotate(angle) : Defines a 2D rotation, the angle is specified in the parameter
For Example,
I give the example using html and css3 and try this code in your odoo 10 qweb pdf report.
<!DOCTYPE html>
<html>
<head>
<style>
div {
width: 200px;
height: 100px;
background-color: yellow;
/* Rotate div */
-ms-transform: rotate(90deg); /* IE 9 */
-webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
transform: rotate(90deg);
}
</style>
</head>
<body>
<div>Hello </div>
<br>
<p><b>Note:</b> Internet Explorer 8 and earlier versions do not support the transform property.</p>
<p><b>Note:</b> Internet Explorer 9 supports an alternative, the -ms-transform property. Newer versions of IE support the transform property (do not need the ms prefix).</p>
<p><b>Note:</b> Chrome, Safari and Opera supports an alternative, the -webkit-transform property.</p>
</body>
</html>
I hope my answer is helpful.
If any query so comment, please.
สนุกกับการพูดคุยนี้ใช่ไหม? เข้าร่วมเลย!
สร้างบัญชีวันนี้เพื่อเพลิดเพลินไปกับฟีเจอร์พิเศษและมีส่วนร่วมกับคอมมูนิตี้ที่ยอดเยี่ยมของเรา!
ลงชื่อ| Related Posts | ตอบกลับ | มุมมอง | กิจกรรม | |
|---|---|---|---|---|
|
1
เม.ย. 22
|
9429 | ||
|
3
พ.ย. 22
|
8393 | ||
|
2
เม.ย. 22
|
10807 | ||
|
Odoo 10.0 Conditional page break Qweb
แก้ไขแล้ว
|
|
2
ธ.ค. 19
|
8533 | |
|
0
พ.ย. 18
|
5048 |
