Worklight v6.0 Mobile view issue - ibm-mobilefirst

When i use the Rich Page Editor with an existing project migrated from v5.0.6 workspace, i can't see any view in the "Mobile View" panel. Furthermore, i can't add any new views...
When i click on a list item of my app in the WYSIWYG Panel, i got an error:
An error has occurred. See error log for more details.
com.ibm.etools.rpe.jquery.internal.mobilenavigation.JQueryMobilePanel cannot be cast to com.ibm.etools.rpe.jquery.internal.mobilenavigation.JQueryMobilePage
sometimes and randomly, others of my apps are working well.
What can block the generation of the mobile view generation?

Is your project using JQuery at all? Or it is just Dojo?
Could you give a sample of a page where you see this error?

Related

IBM Worklight 6.1 - Custom UI Pattern

I'm trying out the mobile pattern, and have been trying to crate my own custom pattern that is now supposedly supported in Worklight 6.1.
When I tried creating jquery UI pattern, several issues:
1. The rich page editor for the pattern.html does not display the jquery component correctly on the design page (e.g button is displayed as link).
2. When I added a new page (into a jquery hybrid app) based on the custom UI pattern, it does not create a new page. It only adds the content code into the index.html, and I had to create the page myself.
Is this the correct behaviour?
I'm also having difficulty in creating Dojo UI pattern… as there is no Dojo component available on the palette when I open up the dojo > pattern.html file.
Do I have to add the libraries and code manually (i.e. no Drag-and-Drop)?
Appreciate any pointers on this.
PS: I'm using Eclipse Juno R2
1) For jQuery based patterns you need to append a jQuery core file to the project besides the jQuery mobile ones, for example, append this one: http://code.jquery.com/jquery-1.10.2.js to your project, next to jquery mobile JS file. This is just because "UI Pattern" projects don't have this file available, but they need it to handle a proper preview.
2) For Dojo patterns, there is still no official support (for example Drag and drop), so even you can modify pattern.html to get some "insertable" code, you may still need some additional tuning to get a valid pattern.

how to navigate to settings in android emulator using robotium?

I am a newbie for Robotium and till then I managed to learn a lot by directly writing test cases for public websites and sorted out several issues from answers in stackoverflow. now, I seemed to hit the wall at this (probably)trivial problem.
I would like to navigate to 'Settings' icon which is inside 'Apps' menu of the android emulator using some sort of 'robotium-solo' method.
This is my failed attempt:
solo.sendKey(KeyEvent.KEYCODE_HOME);
//solo.clickOnImageButton(2); // no success!
//solo.clickOnActionBarItem(2); // no success!
solo.clickOnText("Settings");
solo.clickOnText("Music");
I checked for any KEYCODE_var for home screen 'app' icon but couldn't find one.
There is no useful log message in DDMS to figure out the starting activity when clicked/tapped on that button.s
Please guide me whether my approach is any good and help me with an answer. Thanks.
you can check with getCurrentViews() and have the list of views displayed before clicking the menu button and after clicking the menu button.By comparing them you can get the view of the new views displayed (i.e. settings button).
After getting the view,you can go with solo.clickOnView(ViewNameObtained);
This will solve your problem for sure.
As far as I know, navigating to settings is not possible with robotium. Even if you would be able to go there you cannot perform any other action as Settings are not port of your application. Android Instrumentation allows performing actions only within one package and robotium is only wrapper for that, so it's not able to click outside your application as well.
You can use UI Automator for that.

IBM Worklight: Unable to add dynamic content windows 8 application

I have made a small demo application in worklight for Android Tablets, IPad and Windows 8 Tablets. I am using vc.openExternalView({},id); method for multiple views. Everything is going smooth in android and IPad native applications but when I run this app in visual studio 2012 for windows 8 base application then after loading first screen an error is occurred
HTML1701: Unable to add dynamic content "some html ...... "
'. A script attempted to inject dynamic content, or elements previously modified dynamically, that might be unsafe. For example, using the innerHTML property to add script or malformed HTML will generate this exception. Use the toStaticHTML method to filter dynamic content, or explicitly create elements and attributes with a method such as createElement. For more information, see http://go.microsoft.com/fwlink/?LinkID=247104.
Can somebody suggest the problem!?
You can try wrapping your html injections with Microsoft's API created especially for that
MSApp.execUnsafeLocalFunction(function(){
doYourInjectionsHere();
});

how to map a json store or xml store to pie chart in sencha architect

Am new to sencha and all its products. I started working with sencha architect. In that when i design some project and when i try to run its asking for url and i uploaded it on a free web hosting site. MY test app. When i preview it its showing an empty page. I thinks that its may be because of not providing any data for piechart. can anybody guide me how to add store in jsonstore or xmlstore and map it to a pie chart. videos highly appreciated.
If you right click on desktop safari/chrome and choose inspect element when running your app, then look in your console, what error do you see?

how to debug Sencha Touch 2 apps?

How to debug Sencha touch 2?
I have been using Sencha Designer to create Sencha Touch 2 projects. I use Chrome for testing and now I want to breakpointing some of my code, how can I do that? Every time I refresh the page the break points are gone. I read something that I need to use the "?breakpoint" in the URL but I have no idea why is not working so far:
http://localhost/googlemaps/app.html?breakpoint
Also I realized the files i want to debug has a "_dc" parameter:
http://localhost/googlemaps/app/view/detalleMapa.js?_dc=1334242199729
Thanks!
With Chrome, you can start the "Developer Tools" window from the Wrench menu > Tools > Developer tools (keyboard shortcut is "Ctrl+Shift+I").
From there, you can select the "Scripts" tab and select your script in the list of all javascript files of your page.
Once you javascript file is shown, click on the line number to add a breakpoint.
If you want to debug dynamically loaded code (see Ext.Loader for details), you should add something like the following in your application:
Ext.Loader.setConfig({disableCaching: false});
Finally, reload your page and if the same file is loaded again, Chrome shall break the execution when executing that line.
Happy debugging!
So just an FYI... I found (search for "How to debug Sencha Touch 2 applications? - Part 1") that you can simply add "debugger;" to your script to get the Chrome debugger to break at that point.
With chrome we get an extension for sencha, called "App Inspector for sencha, using that extension you can view the components and do the debugging.
Connect your phone to your PC and put this in hte browser:
chrome://inspect/#devices