JasonReid Posted March 7, 2012 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 ? Quote
Administrators Farshad Mohajeri Posted March 7, 2012 Administrators 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 Quote
JasonReid Posted March 7, 2012 Author 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> Quote
Administrators Farshad Mohajeri Posted March 7, 2012 Administrators Posted March 7, 2012 Actually tag is not needed. Quote
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.