[4.0.6] Can I opt out of 9 sided frame rendering for buttons in IE 6-8?

[zhenrong]

Hi,

I would like to have the cleaned HTML that were produced for firefox to be on IE as well for buttons. I am referring to the 9 cells table structures to create the sides for the buttons that were generated for IE. I tried the following codes but i still see it in IE8 developer tool.

...
items: [{
    xtype: 'button',
    ui: 'red',
    frame: false,
    text: 'Logout',
    style: 'float:left; margin-right:15px;'
},
...
]

Any help would be appreciated. Thanks!

[zhenrong]

Hmm.. Anyone?

[tryanDLS]

I would imagine this is part of the effort to optimize the html for certain browsers. The table layout was the way things used to built for all browsers to ensure that the layout worked consistently. Now however, some of this has been optimized by browser, so that simpler html will be used in cases where the browser can do it consistently. However, IE is usually the case where the simplified HTML doesn't render consistently. This is in fact, why it was originally done as tables - because IE wouldn't play nice.

You could try to override the button rendering logic to not do this for IE, but this may be a lot of work for little benefit.

[zhenrong]

Hi Tryan,

Thanks for your help. yes i understand tables is the key to render consistently across all IE browsers. I asked about this because of the scenarios and problems i am facing in this thread: http://www.sencha.com/forum/showthread.php?147401-4.0.6-Questions-with-Sencha-Slice-tool-and-theming

Looks like i'd have to override the tpl or renderTpl to get this to work. Will look into that and return with further feedback.


Thanks!