콘텐츠로 건너뛰기
메뉴
커뮤니티에 참여하려면 회원 가입을 하시기 바랍니다.
신고된 질문입니다
4 답글
9784 화면

I added the following code to one of the report but it did not work,  please provide an example how to print vertical text.

 

.vertical-text { transform: rotate(90deg); transform-origin: left top 0; }

    transform: rotate(90deg); transform-origin: left top 0; }

    transform-origin: left top 0; }

}


<div class="vertical-text">Hello Vertical Texter!</div>

아바타
취소
베스트 답변

You need to override your css.

1.)create css file in your module with this path

your_module/static/src/css/my_css.css

my_css.css

//put your css here to it in report.
//like,
.vertical-text {
    /* Safari */
    -webkit-transform: rotate(-90deg);
    
    /* Firefox */
    -moz-transform: rotate(-90deg);
    
    /* IE */
    -ms-transform: rotate(-90deg);
    
    /* Opera */
    -o-transform: rotate(-90deg);
    
    /* Internet Explorer */
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

2.)create xml file in your_module/views/css_view.xml

<?xml version="1.0"?>
<odoo>
    <data>
        <template id="assets_backend" name="mymodule css assets" inherit_id="web.assets_backend">
            <xpath expr="." position="inside">
                <link rel="stylesheet" href="/your_module/static/src/css/my_css.css"/>
            </xpath>
        </template>
    </data>
</odoo>

3.)change in __manifest__.py or __openerp__.py

'data': [ 'views/css_view.xml']

and then you can use it in your report

<div class="vertical-text">Hello Vertical Texter!</div>

아바타
취소
베스트 답변


" Inside

아바타
취소
베스트 답변

not worked in odoo8 !!!!

아바타
취소
베스트 답변

Just tested, It works using: https://css-tricks.com/snippets/css/text-rotation/

아바타
취소
관련 게시물 답글 화면 활동
0
3월 25
665
0
1월 25
2842
1
8월 23
13790
change password 해결 완료
1
8월 23
12603
1
7월 23
9728