Platform

Platform

A place for Apptio product users to learn, connect, share and grow together.

Β View Only

  • 1.  HTML to orient text vertically

    Posted 03/24/20 09:55 PM

    What's the HTML code to orient text vertically. I'm looking to use this to add some clarification text to a custom report.




    #TBMStudio


  • 2.  Re: HTML to orient text vertically

    Posted 03/29/20 06:22 PM

    @Jenny Goodwin, @Cliff Bird, @Debbie Hagen ... would you know how to? ... or connect with a HTML expert in our community or Apptio Product team re this. Thanks in advance.


    #TBMStudio


  • 3.  Re: HTML to orient text vertically

    Posted 03/31/20 07:04 AM

    Do you mean to align it vertically, so that it is the center @Jaitabh Jewel Sharma?


    #TBMStudio


  • 4.  Re: HTML to orient text vertically
    Best Answer

    Posted 03/31/20 08:45 AM

    Hello @Jaitabh Jewel Sharma,

     

    Try the following:

    Add a HTML box to your report and paste this code into the box.

     

    <style>
     .rotated {
            writing-mode: tb-rl;
            transform: rotate(-180deg);
        }
    </style>

    <div class="rotated">Text from bottom with working width/height</div>

     

    The result:


    Cheers,

     

    Robert


    #TBMStudio


  • 5.  Re: HTML to orient text vertically

    Posted 03/31/20 06:00 PM

    @Robert Brilmayer ... you are Genius!

    Thanks a ton.


    #TBMStudio


  • 6.  RE: Re: HTML to orient text vertically

    Posted 08/29/21 05:14 PM
    Hi @Robert Brilmayer!  Was looking for some HTML guidance and came across your response.  Say if I have an HTML box and I want the text entered to be centered vertically and horizontally (no rotating or anything) - do you know the code to do that?  I'm stuck. :-(   TY TY!!​
    Original Message


  • 7.  RE: Re: HTML to orient text vertically

    Posted 08/29/21 05:24 PM
    Edited by System Admin 11/05/24 06:28 PM
    I thought I found the answer here, but it doesn't 'dynamically' center the text once I have changed the size of the box. :-(

    https://community.apptio.com/communities/community-home/digestviewer/viewthread?GroupId=1531&MID=27269&CommunityKey=c7d27b12-3c91-4da1-a359-3fbf51914009&tab=digestviewer 

    <div
    class="appsText"
    align="center"
    style="padding:0px 0px 0px 0px;
    border-style: solid;
    font-size:18px;
    background-color:<%=Projects Master Data.Project Health%>;">
    <b>
    Project Health
    </b>
    </br>
    </div>
    ​
    Original Message


  • 8.  RE: Re: HTML to orient text vertically

    Posted 09/21/21 02:51 AM
    @Jenny Franklin

    (I'm no HTML expert), but just thinking if you put the text inside a single-cell table of 100% width and 100% height, and then use
    ​vertical-align:middle;
    text-align:center;

    ------------------------------
    Jaitabh Jewel Sharma
    TBM Practice Manager
    KPMG Australia
    ------------------------------

    Original Message


  • 9.  RE: Re: HTML to orient text vertically

    Posted 09/21/21 09:07 AM
    @Jaitabh Jewel Sharma Thank You So Much!! πŸ˜Šβ€‹
    Original Message


Related Content