Jump to content

Unigui ExtJS-Jquery mashup


JasonReid

Recommended Posts

Hi Farshad

 

I'm trying to add some jquery-mobile stuff to my Unigui app with a TUniHTmlFrame but the styling doesn't seem to be working.

 

I have added

http://code.jquery.com/jquery-1.4.3.min.js
http://code.jquery.com/mobile/1.0a1/jquery.mobile-1.0a1.min.js

 

to customfiles and

 

http://code.jquery.com/mobile/1.0a1/jquery.mobile-1.0a1.min.css

 

to customCSS, but my jquery controls are not showing in the TuniHtmLFrame.

 

the head section looks like this :

 

<html>

<head>

<title>Iris FlexiForms</title>

<meta http-equiv="content-type" content="charset=utf-8" />

<meta http-equiv="cache-control" content="no-cache" />

<meta http-equiv="pragma" content="no-cache" />



<link rel=stylesheet href="ext-3.4.0/resources/css/uni-ext.css" />

<link rel=stylesheet href="ext-3.4.0/resources/css/ext-all.css" />

<script src="ext-3.4.0/adapter/ext/ext-base.js"></script>

<script src="ext-3.4.0/ext-sync-1.3.8-min.js"></script>

<script src="ext-3.4.0/ext-all.js"></script>

<script src="ext-3.4.0/examples/ux/ux-all.js"></script>

<link rel=stylesheet href="ext-3.4.0/resources/css/xtheme-gray.css" />

<link rel=stylesheet href="ext-3.4.0/examples/ux/css/ux-all.css" />

<link rel=stylesheet href="ext-3.4.0/resources/css/uni-xtheme-gray.css" />

<link rel=stylesheet href="http://code.jquery.com/mobile/1.0a1/jquery.mobile-1.0a1.min.css" />

<script src="http://code.jquery.com/jquery-1.4.3.min.js"></script>

<script src="http://code.jquery.com/mobile/1.0a1/jquery.mobile-1.0a1.min.js"></script>

<script src="ext-3.4.0/codemirror-0.8/js/codemirror.js"></script>

<link rel=stylesheet href="ext-3.4.0/codemirror-0.8/css/csscolors.css" />

<script src="ext-3.4.0/codemirror-0.8/js/Ext.ux.CodeMirror.js"></script>

<script src="ext-3.4.0/ext-unigui-1.3.8-min.js"></script>

<style type="text/css">http://code.jquery.com/mobile/1.0a1/jquery.mobile-1.0a1.min.css</style>

</head>

 

Any ideas ?

Link to comment
Share on other sites

  • Administrators

Hi Farshad

 

I'm trying to add some jquery-mobile stuff to my Unigui app with a TUniHTmlFrame but the styling doesn't seem to be working.

 

I have added

http://code.jquery.com/jquery-1.4.3.min.js
http://code.jquery.com/mobile/1.0a1/jquery.mobile-1.0a1.min.js

 

to customfiles and

 

http://code.jquery.com/mobile/1.0a1/jquery.mobile-1.0a1.min.css

 

to customCSS, but my jquery controls are not showing in the TuniHtmLFrame.

 

customCSS is for CSS code only.

 

 

Try adding below to custom files

http://code.jquery.com/mobile/1.0a1/jquery.mobile-1.0a1.min.css

Link to comment
Share on other sites

You're right, that was one of the problems, I corrected it and the header looks right now but the controls in the body still don't show.

 

<head>

<title>New Application</title>

<meta http-equiv="content-type" content="charset=utf-8" />

<meta http-equiv="cache-control" content="no-cache" />

<meta http-equiv="pragma" content="no-cache" />



<link rel=stylesheet href="ext-3.4.0/resources/css/uni-ext.css" />

<link rel=stylesheet href="ext-3.4.0/resources/css/ext-all.css" />

<script src="ext-3.4.0/adapter/ext/ext-base.js"></script>

<script src="ext-3.4.0/ext-sync-1.3.9-min.js"></script>

<script src="ext-3.4.0/ext-all.js"></script>

<script src="ext-3.4.0/examples/ux/ux-all.js"></script>

<link rel=stylesheet href="ext-3.4.0/resources/css/xtheme-blue.css" />

<link rel=stylesheet href="ext-3.4.0/examples/ux/css/ux-all.css" />

<link rel=stylesheet href="ext-3.4.0/resources/css/uni-xtheme-blue.css" />

<link rel=stylesheet href="http://code.jquery.com/mobile/1.1.0-rc.1/jquery.mobile-1.1.0-rc.1.min.css" />

<script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>

<script src="http://code.jquery.com/mobile/1.1.0-rc.1/jquery.mobile-1.1.0-rc.1.min.js"></script>

<script src="ext-3.4.0/codemirror-0.8/js/codemirror.js"></script>

<link rel=stylesheet href="ext-3.4.0/codemirror-0.8/css/csscolors.css" />

<script src="ext-3.4.0/codemirror-0.8/js/Ext.ux.CodeMirror.js"></script>

<script src="ext-3.4.0/ext-unigui-1.3.9-min.js"></script>



</head>

 

 

 

 

The body is simple :

 

<body> 

<div data-role="page">

<div data-role="header">
	<h1>My Title</h1>
</div><!-- /header -->

<div data-role="content">	
	<p>Hello world</p>		
</div><!-- /content -->

</div><!-- /page -->

</body>

Link to comment
Share on other sites

Please sign in to comment

You will be able to leave a comment after signing in



Sign In Now
×
×
  • Create New...