I have html page in sencha web app but it looks strange.

[girash@kjradio.co.kr]

hello.
i have a xml file with xslt.
i make this file displayed in sencha.

if i look this file in browser it looks good.
but in sencha it looks strange.

please help me.

thanks~!!

[mitchellsimoens]

What do you mean? If you are asking for help we need more info

[girash@kjradio.co.kr]

i made html page with xml and xslt.

it displayed ie or other browser well.

but i include this page in sencha touch.

like this

Ext.apply(this, {
scroll: 'vertical',
dockedItems: [ titlebar, toolbar ],
html: '<div id="reportContainer" style="width:100%;height:100%;background-color:#fff;border:1px solid #fff;" ></div>',
fullscreen:true,
padding:0,
margin:0,
listeners: {
beforeactivate: function() {
if (this.isReturnedFromSignature == false) {
var title = this.down('#ReportDetailTitle');
var reportData = App.stores.report.selectedReport.data;
title.setTitle(reportData.vesselName+' / ' + reportData.reportName);

var styleButton = this.down('#ReportStyleButton');
styleButton.setDisabled(App.stores.report.rStyles.length<2);

var updateButton = this.down('#ReportUpdateButton');
updateButton.hide();

var editButton = this.down('#ReportEditButton');
editButton.setText("Edit");
}
this.isReturnedFromSignature = false;
},
deactivate: function() {
}
}
});
App.views.ReportDetail.superclass.initComponent.call(this);
},

i include this page in sencha's html tag where underlined.


it displayed strange.
i think css did not work well.

font-size is larger than original page and width of page is larger too.
most important problem is in table tag.
width of td does not work.


is there solution of this problem?

[mitchellsimoens]

Sencha Touch only supports WebKit browsers so it will not work on IE, FF, or Opera.

[123lal]

@mitchellsimoens ,
i am trying to make some application using extjs4, mvc architecture . in my first application my aim is to load details of selected / clicked item from the first grid loaded at center. The problem now am facing is i created a viewport.js in the view folder ,and when am executing the application in the browser nothing is displayed in the browser window

this is the link , there i inserted the code ,

http://www.sencha.com/forum/showthre...-in-mvc-extjs4

Mr. Mitchellsimoens please tell me what are the errors i made , am a new programmer in ext js, i tried a lot to solve this by reading different blogs, forum results , but i failed, and i would like to get links of some explanatory writeup of this ext js4 mvc, Hopefully waiting for your reply

Thanks and regards
123lal

Operating s/m : Windows xp
Browser : Firefox 10.02, with firebug
Server : WAMP

[girash@kjradio.co.kr]

html page that i made is displayed well in safari.

but if i insert that page in sencha program
it displayed strange.

i've searched this problem a lot of blog and forum.

but nothing is found.

please, give me a tip.

[skirtle]

@123lal. Your post seems to be entirely unrelated to this thread. Please do not hijack other user's threads to ask unrelated questions.

@girash. You may need to reapply the default HTML styling rules. Try this for starters:

http://docs.sencha.com/touch/2-0/#!/...yleHtmlContent

Please post Sencha Touch questions in the appropriate Q&A forum (note that there are different forums for Touch 1 and Touch 2).

[123lal]

@123lal. Your post seems to be entirely unrelated to this thread. Please do not hijack other user's threads to ask unrelated questions.

Am sorry ,

[girash@kjradio.co.kr]

I'll try it.
and let you know the result.

thankyou~