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 ?
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
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>
Administrators Farshad Mohajeri Posted March 7, 2012 Administrators Posted March 7, 2012 Actually tag is not needed.
Recommended Posts
Please sign in to comment
You will be able to leave a comment after signing in
Sign In Now