angularjs - IBM MobileFirst Platform and Mobile Angular UI -


i have created mfp project mfp cli

after creating project, ran "yo mobileangularui" in project root install mobile angular ui

this scaffolds out mobile angular ui project angularjs , gulp

i minifying js , css files, including mfp javascript files , putting them in mfp common folder gulp

everything loads fine when view in mfp console, not on localhost.

my problem sidebars not work when click on them. not getting errors. log message console.log when click menu button , comes through fine, doesn't open side bar.

if build project out mfp works fine.

not sure whats going on mfp seems load fine in console.

some images:
https://drive.google.com/file/d/0b48-zmjjtxryamgtcetini1ommc/view?usp=sharing https://drive.google.com/file/d/0b48-zmjjtxryeg1nuhnpbha0zue/view?usp=sharing

i have never used angularjs mobile ui tooling, wl undefined error (that discussed in comments) occurring because of way injecting source index.html.

this how resulting (part of the) html should look:

... ... <script src="worklight/cordova.js"></script> <script src="worklight/wljq.js"></script> <script src="worklight/worklight.js"></script> <script src="worklight/checksum.js"></script> <script>window.$ = window.jquery = wljq;</script> <script src="js/app.min.js"></script> 

but how it's looking:

... ... <script src="worklight/cordova.js"></script> <script src="worklight/wljq.js"></script> <script src="worklight/worklight.js"></script> <script src="worklight/checksum.js"></script> <script src="cordova.js"></script> <script>window.$ = window.jquery = wljq;</script> <script src="js/app.min.js"></script> 

as can see there 2 cordova references, 1 correct (worklight/cordova.js) , 1 incorrect (cordova.js)

the cordova.js apparently coming gulpfile.js @ line #148 inject.push (path-to-cordova.js). injection should removed or handled differently because mfp uses cordova , injects it. use mfp's.

you can fix header. seems happen because of following in app.min.css:

.app-body, .app-content {     height: 100%;     overflow: hidden;     display: block;     padding: 0; } 

change padding: 0 padding-top: 25px;. may ios-specific... meaning not see when previewing app in mfp console, because there no status bar there unlike in ios simulator/device.


Comments

Popular posts from this blog

c++ - Difference between pre and post decrement in recursive function argument -

php - Nothing but 'run(); ' when browsing to my local project, how do I fix this? -

php - How can I echo out this array? -