Apex Code Development You need to sign in to do that
Don't have an account?
John Neff How can I indent the second, third, etc lines of wrapped text in 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:
How do I specify that when the text wraps on to a second line, it becomes indented?
Thanks in advance!
John
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
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: