PDA

View Full Version : [CLOSED] Content ul li not tabbed and not showing the round buttons



cwolcott
Jun 11, 2012, 6:33 PM
Not sure what I am doing incorrect, but I can not get unordered lists to show up:




<ext:Panel runat="server" Title="Overview" BodyPadding="5">
<Content>
<div>
<ul>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>
</div>
</Content>
</ext:Panel>

cwolcott
Jun 11, 2012, 7:01 PM
Ok I searched the forum a little bit more and found the following thread ... drops certain HTML Formatting ... (http://forums.ext.net/showthread.php?16065-CLOSED-Label-s-quot-HTML-quot-property-drops-certain-HTML-Formatting-When-Set&p=68059&viewfull=1#post68059)

It gave the following three solutions:



There are three options.

1. Do not render styles at all setting RenderStyles="None" for a ResourceManager.

2. Overriding css for a specified component setting a Cls property.

3. Using a Panel and its PreventBodyReset property.
http://docs.sencha.com/ext-js/3-4/#!/api/Ext.Panel-cfg-preventBodyReset

Example


<ext:Panel runat="server" PreventBodyReset="true">
<Content>
<p>Test List:</p>
<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>
</Content>
</ext:Panel>




The PreventBodyReset attribute is gone in ExtJS 4.1 and if I RenderStyles to the ResourceManager in the master page everything is out of whack. I guess I need to look at overriding css.

Vladimir
Jun 11, 2012, 8:20 PM
Please use StyleHtmlContent property (set it to true)

cwolcott
Jun 12, 2012, 12:50 PM
Thanks. Please close the thread.