+ Start a Discussion
chris01010chris01010 

Using roman numerals in lists!

Hi,

 

Currently trying to create a list view with roman numerics on a view page. Currently have this code in place:

 

<apex:pageBlockSection id="confsection" collapsible="false" showHeader="true" title="Confirmation" columns="1">
                    <p>The Sponsor confirms that:</p>
                    <!--  STYLE type ="text/css">
                    	ol.withroman {list-style-type: lower-roman}
                    </STYLE-->
                    <BODY>
                    <!-- ol class="withroman"-->
                    <!-- ol type="text/css"-->
                    <ol id="confirm:list">
                    <li id="confirm:list:i"> some text1;</li>
                    <li id="confirm:list:ii"> some text2:</li>
                         <apex:pageBlockSectionItem >
	                    <apex:outputLabel for="meetstandard">
	                         some text; 
	                    </apex:outputLabel>
	                    <apex:inputField value="{!Aform.Afield1__c}" id="meetstandard"/>
	                </apex:pageBlockSectionItem>
	                
	                <apex:pageBlockSectionItem >
	                    <apex:outputLabel for="exceedstandard">
	                         some more text;
	                    </apex:outputLabel>
	                    <apex:inputField value="{!Aform.Afield2__c}" id="exceedstandard"/>
	                </apex:pageBlockSectionItem>
	           <li id="confirm:list:iii"> some text3;</li>
	           <li id="confirm:list:iv"> some text4.</li>	                
                    </ol>
                    </BODY>
                 </apex:pageBlockSection>     

 

Unfortunately it displays incorrectly. The first two points show as 1. and 2. then displays the two check boxes and then the last two points are displayed in bullets.

 

Any ideas?

SFFSFF

You need some CSS, specifically the list-style-type property:

 

http://www.w3schools.com/cssref/pr_list-style-type.asp

chris01010chris01010

Thanks I now have:

 

<apex:pageBlockSection id="confsection" collapsible="false" showHeader="true" title="Confirmation" columns="1">
                    <p>The Sponsor confirms that:</p>
                    <STYLE>
                    	ol.a {list-style-type:lower-roman;}
                    </STYLE>
                    <BODY>
                    <ol class="a">
                    <li> some text1;</li>
                    <li> some text2:</li>
                         <apex:pageBlockSectionItem >
	                    <apex:outputLabel for="meetstandard">
	                         some text; 
	                    </apex:outputLabel>
	                    <apex:inputField value="{!Aform.Afield1__c}" id="meetstandard"/>
	                </apex:pageBlockSectionItem>
	                
	                <apex:pageBlockSectionItem >
	                    <apex:outputLabel for="exceedstandard">
	                         some more text;
	                    </apex:outputLabel>
	                    <apex:inputField value="{!Aform.Afield2__c}" id="exceedstandard"/>
	                </apex:pageBlockSectionItem>
	           <li>some textt3;</li>
	           <li>some text4.</li>	                
                    </ol>
                    </BODY>
                 </apex:pageBlockSection>     

 

 

Still doesn't work and if comment out the pageBlockSectionItems all I get is a numerical list and not roman numerials!