Eclipse Community Forums: BIRT » text align vertical

Home » Archived » BIRT » text align vertical

Wed, 22 May 2013 07:52

Eclipse User

hi can somebody help me in this.i try to use some codes for rotating my text to vertical.i tried it on IE and MOZ and it worked.but when using the code in BIRT in a textbox the text stays as it is. thx.

this is the code: <style type = "text/css">
span{
position : absolute;
left: 40%;
-webkit-transform: rotate(89deg);
-moz-transform: rotate(90deg);
-o-transform: rotate(90deg);
writing-mode: rl-tb;
}

</style>

<span> my text </span>

Re: text align vertical [message #1059992 is a reply to message #1059969]

Wed, 22 May 2013 09:13

Eclipse User

On 05/22/2013 06:35 AM, roger said wrote:
> hi can somebody help me in this.i try to use some codes for rotating my
> text to vertical.i tried it on IE and MOZ and it worked.but when using
> the code in BIRT in a textbox the text stays as it is. thx.
>
> this is the code: <style type = "text/css">
> span{
> position : absolute;
> left: 40%;
> -webkit-transform: rotate(89deg);
> -moz-transform: rotate(90deg);
> -o-transform: rotate(90deg);
> writing-mode: rl-tb; }
>
> </style>
> <span> my text </span>
>

There is a dedicated BIRT forum at eclipse.org. You'll get more help if
you ask there.

Re: text align vertical [message #1070119 is a reply to message #1059992]

Wed, 17 July 2013 05:17

Eclipse User

Could you please send me the URL.
Thank you

Re: text align vertical [message #1071248 is a reply to message #1070119]

Fri, 19 July 2013 12:35

Eclipse User

This is the dedicated BIRT forum, so you're in the right place. Let me try this out and let you know.

Re: text align vertical [message #1071390 is a reply to message #1071248]

Fri, 19 July 2013 21:28

Eclipse User

I was able to get the style to work by putting the style inline in the text box, like:

<span style="...">My Text</span>

The other way I was able to do it was to add this style to the styles.css in the viewer/birt/webcontent/birt/styles/ directory:

.rotated
{
	position:absolute;
	left:40%;
	-webkit-transform:rotate(89deg);
	-moz-transform:rotate(90deg);
	-o-transform:rotate(90deg);
	writing-mode:rl-tb; 
}

Then, I only had to put this in my text box:

<span class="rotated">my text</span>

Hopefully one of these works for you.

Previous Topic:	Is it possible to disable stack traces being displayed on application pages
Next Topic:	Null parameter

Goto Forum:

-=] Back to Top [=-

Current Time: Tue Jul 22 18:12:49 EDT 2025

.:: Contact :: Home ::.

Breadcrumbs

Sign up to our Newsletter