JasonReid Posted March 7, 2012 Share Posted March 7, 2012 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 More sharing options...
Administrators Farshad Mohajeri Posted March 7, 2012 Administrators Share Posted March 7, 2012 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 More sharing options...
JasonReid Posted March 7, 2012 Author Share Posted March 7, 2012 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 More sharing options...
Administrators Farshad Mohajeri Posted March 7, 2012 Administrators Share Posted March 7, 2012 Actually tag is not needed. Link to comment Share on other sites More sharing options...
Recommended Posts
Please sign in to comment
You will be able to leave a comment after signing in
Sign In Now