+ Start a Discussion
prakash chaudharyprakash chaudhary 

Nested Unordered List in VFPage......

How to create nested unordered list in VFPage like Bullets in general mean of msword ?

We create list in html by taking help <ul> tag but it is making single bullets not nesting one please help me abt it.

Since I have wriiten the code but that code is not working in VFPage but that is working very well in HTML so please tell me that why it is not working in VFPage ? Below have given link of snapshot that needed...

http://yfrog.com/hsjcbdp 

 

My HTML code as folllow...

<ul style="list-style-type:disc;font-family:Garamond;font-size:14px">
        <li>&nbsp;&nbsp;&nbsp;Demystify the jargons </li>
        <ul style="list-style-type:circle;font-family:Garamond;font-size:14px">
            <li>&nbsp;&nbsp;&nbsp;Asset Allocation</li>
            <ul style="list-style-type:square;font-family:Garamond;font-size:14px">
                <li>&nbsp;&nbsp;&nbsp;Progressive Asset Allocation</li>
            </ul>
            <li>&nbsp;&nbsp;&nbsp;Asset Classes </li>
            <ul style="list-style-type:square;font-family:Garamond;font-size:14px">
                <li>&nbsp;&nbsp;&nbsp;Debt </li>
                <li>&nbsp;&nbsp;&nbsp;Equity </li>
                <li>&nbsp;&nbsp;&nbsp;Gold </li>
            </ul>
            <li>&nbsp;&nbsp;&nbsp;Mutual Funds</li>                        
            <li>&nbsp;&nbsp;&nbsp;Risk Profile</li>
            <li>&nbsp;&nbsp;&nbsp;Risk and Return</li>
        </ul>
        <li>&nbsp;&nbsp;&nbsp;Understanding the goal pages</li>
        <ul style="list-style-type:circle;font-family:Garamond;font-size:14px">
            <li>&nbsp;&nbsp;&nbsp;Show a snapshot of a goal page and explain the various parts of the goal page 
                through arrows and use a text box to explain each sub part</li>
        </ul>
    </ul>

 

bob_buzzardbob_buzzard

I've pasted this into a page in one of my dev orgs and it looks pretty much the same as the link you posted - the lists are nested inside each other as I'd expect.

 

In what way is it not working?  Are all the bullets part of the outer list or is it something else?

 

Also, I'm using the latest chrome to view - which browser version are you on?

prakash chaudharyprakash chaudhary

Hiii Bob, You have seen my code on chrome but the same layout I need via Visualforce & I used the same code in VFPage but it showing me single column values so please just check that bcoz I need the same layout as u see in chrome on VFPage...

Regards...

 

bob_buzzardbob_buzzard

I'm using chrome and I see exactly the same layout from Visualforce as for your html snapshot.  I don't understand why we are seeing different things.

prakash chaudharyprakash chaudhary

But can you please tell me that If I print the same layout on PDF then will it change its layout.

Because after making design I tried to convert it in PDF format bcoz I need to show entire data in PDF format.

Please check it after rendering as PDF. & I need it as PDF format..

Regards...