Skip to main content
John Neff (Ring2Media) a posé une question dans #Visualforce
Hello, 

I am working on creating a Contract template in visualforce, and I have to display a few numbered lists.  I am using a seperate outputtext for each item in the list, like so: 

 

<apex:outputText >

A. Item A and corresponding text, this could wrap into a second, third, fourth, etc line. How can I make the lines indent?

</apex:outputText>

<br/>

<br/>

<apex:outputText >

B. Item B and corresponding text, this could wrap into a second, third, fourth, etc line. How can I make the lines indent?

</apex:outputText>

<br/>

<br/>

<apex:outputText >

C. Item C and corresponding text, this could wrap into a second, third, fourth, etc line. How can I make the lines indent?

</apex:outputText>

<br/>

<br/>

<apex:outputText >

D. Item D and corresponding text, this could wrap into a second, third, fourth, etc line. How can I make the lines indent?

</apex:outputText>

How do I specify that when the text wraps on to a second line, it becomes indented? 

Thanks in advance!

John
1 réponse
  1. 29 août 2016, 22:00
    Hi John,

    Let me know, if this is helphful

    ---------------------------------------------

    <apex:page >

    <head>

    <style>

    .letterList{

    list-style-type: upper-alpha;

    }

    </style>

    </head>

    <ol class="letterList" type="a">

    <li>Item A and corresponding text, this could wrap into a second, third, fourth, etc line.  How can I make the lines indent? A.  Item A and corresponding text, this could wrap into a second, third, fourth, etc line.  How can I make the lines indent? A.  Item A and corresponding text, this could wrap into a second, third, fourth, etc line.  How can I make the lines indent?</li>

    <li>Item A and corresponding text, this could wrap into a second, third, fourth, etc line.  How can I make the lines indent? A.  Item A and corresponding text, this could wrap into a second, third, fourth, etc line.  How can I make the lines indent? A.  Item A and corresponding text, this could wrap into a second, third, fourth, etc line.  How can I make the lines indent?</li>

    <li>Item A and corresponding text, this could wrap into a second, third, fourth, etc line.  How can I make the lines indent? A.  Item A and corresponding text, this could wrap into a second, third, fourth, etc line.  How can I make the lines indent? A.  Item A and corresponding text, this could wrap into a second, third, fourth, etc line.  How can I make the lines indent?</li>

    <li>Item A and corresponding text, this could wrap into a second, third, fourth, etc line.  How can I make the lines indent? A.  Item A and corresponding text, this could wrap into a second, third, fourth, etc line.  How can I make the lines indent? A.  Item A and corresponding text, this could wrap into a second, third, fourth, etc line.  How can I make the lines indent?</li>

    </ol>

     

    </apex:page>

    -----------------------------------------------

    Output:

    Hi John,Let me know, if this is helphful---------------------------------------------<apex:page ><head><style>.
0/9000