Sigma Php Ajax framework, Ajax Components, GUI Builder

Sigma Visual GUI Builder & Library => Sigma Visual - Q&A => Topic started by: unger on February 07, 2010, 02:27:41 PM



Title: Incorrect formating of <LI> and <P> html in simple components (eg. div)
Post by: unger on February 07, 2010, 02:27:41 PM
I am tying to put an ordered number list (using <ol>) or unordered bulleted list (using <ul>) in the html of a div or group element via   this.div21.setHtml("<ul><li>one</li><li>two</li></ul>"). The text appears but I never get any bullets or numbers on the line. Also when is use <p> tags in html I don't seem to get proper formatting either.  Do I need to apply a CSS class? or do something to wrap this html?


Title: Re: Incorrect formating of <LI> and <P> html in simple components (eg. div)
Post by: linb on February 07, 2010, 05:44:28 PM
Yes, you need extra CSS.


Title: Re: Incorrect formating of <LI> and <P> html in simple components (eg. div)
Post by: unger on February 08, 2010, 01:13:04 PM
Thanx for a prompt reply... however I am still having a little trouble understanding !

I assume I will have to create a CSS class using something like:

   linb.CSS.addStyleSheet('.normallist{list-style: circle;}','normallist')

The question is then how do I apply this style with the linb component (dialog, group etc.) that the html is inserted in ?
Do I specify a class on the <ul class=normallist> or do I specify it on the code that creates the component ? Or use a custom class on the component ?  A brief example would really be very helpful.



Title: Re: Incorrect formating of <LI> and <P> html in simple components (eg. div)
Post by: linb on February 08, 2010, 04:52:40 PM