How to create label with vertical text?

Dragonist · July 29th, 2004, 10:30 PM

Hi, I have tried and find the elements of the "label" in html but none of it can set the text into vertical.

I am thinking of the code maybe look like this?
<asp:label id="abc" xxxxxx= "vertical" ........</asp:label>

Is it possible? Or in other way of doing so?

Thanx in advance.

gokul_blr · July 30th, 2004, 01:47 AM

create the table width smaller and height more for the textbox/row to display the text

madhukp · July 30th, 2004, 02:40 AM

You can do this with the help of stylesheets. Here is the style to use.

        <style>
        .vertical
        {
            writing-mode: tb-rl;
            filter: flipH flipV;
        }

    </style>

Here is the complete code.

<html>
<head>
    <title>Vertical text</title>
    <style>
        .vertical
        {
            writing-mode: tb-rl;
            filter: flipH flipV;
        }

    </style>
</head>
<body>
<div class="vertical">Test-1</div>
</body>
</html>

In the case of ASP.Net, you can give it like this.

In the document properties, you define the external css file. Then modify the label tag like this.

<asp:label id="abc" class="vertical" ........</asp:label>

Dragonist · July 30th, 2004, 03:31 AM

Yup I just found it in another way by using CCS to display vertical text, but I am thinking is it possible to do it just in the label format?

madhukp · July 30th, 2004, 04:37 AM

As far as I know ASP.Net, there is no property (other than css) for the label which make it render the text vertical. May somebody else help us.

If it is VB.Net, it is possible. There is a property by name "wordwrap" which you can set and then reduce the width of label to one character wide. This property is not there in asp.net, I think.

Dragonist · August 1st, 2004, 11:03 PM

I am very new to .Net, I am wondering if VB.Net=ASP.Net? Coz u see, when I create a new project(I am using VB.Net), I choose "ASP.NET Web Application". So far I had assumed it is a "combine" technology?

happygv · August 2nd, 2004, 04:34 AM

Dragonist,

This is a classic ASP forum. You can always post your queries related to .Net in a dotnet forum of this website.

Cheers!

_________________________
- Vijay G
Strive for Perfection

Dragonist · August 4th, 2004, 07:56 PM

Oops... sorry

Larkin · January 18th, 2006, 06:11 PM

Hi,

I have been using the following code successfully online; but when I try to print the page, it reverses the vertical text. I am printing to networked laser printers that all have the latest drivers installed. Does anyone know a fix for my printing problem?

<style>
        .vertical
        {
            writing-mode: tb-rl;
            filter: flipH flipV;
        }

    </style>

mat41 · January 18th, 2006, 06:22 PM

mmmmm, madhukp I like that. Ill be looking for a place to use that style...

Wind is your friend
Matt