Posts by DecSoft

Hola,

Se me ocurre que actualice a la última versión de Internet Explorer disponible.

Hola,

Gracias por su interés en App Builder. En este enlace tiene un ejemplo de aplicación que hace uso de un control IFrame para mostrar mi propia página web. Como verá, en el archivo Zip se incluye un APK que acabo de crear con Adobe Phonegap. El ejemplo funciona como se espera, así que, ignoro qué puede estar pasando en su caso. Tal vez puedar proporcionarme una aplicación de ejemplo para tratar de reproducir el problema.

Dicho eso, le aconsejo que utilice Apache Cordova en lugar de Adobe Phonegap. Por ejemplo, los permisos que necesitan nuestras aplicaciones se controlan mejor con Apache Cordova: compilando nuestra aplicación con Apache Cordova esta requerirá sólo los permisos necesarios, mientras que, compilando las aplicaciones con Phonegap estas requerirán todos los permisos posibles. Por este motivo, entre otros, de veras le recomiendo que pruebe Apache Cordova. Seguro que no le defraudará.

Hello Irfan,

Previously we have the "appOpenFileWith" Javascript external function, which allow us to open a program, for example, indicating an argument, like an URL to be opened.

Right now I updated HTML Compiler and a new "appShellExec" Javascript external function has well a new "OpenLinks" project sample has been added. The "appShellExec" function allow us to open an URL into the default Windows browser, for example, Firefox.

This new function can open a file or launch a program too and I hope they are interested to you and other HTML Compiler's customers.

Hello John,

It's difficult if we try to imitate certain style. For example, if I am not wrong, the above image use the jQuery Mobile framework, but App Builder are based on Bootstrap CSS. Since App Builder support themes for applications, maybe we can found a similar app theme like he above one. Or maybe we can create our own theme based in the jQuery Mobile.

However, probably the best way is to use the Bootstrap CSS stuff already available in App Builder. We can use the default theme or others (even in runtime, see the DecSoft and Calculator samples) and then can prepare some interfaces like the below ones:

The above sample application interface do not use any particular CSS, that is, we can always add more stylesheets or use the Inline CSS option or the controls CSS properties in order to customize our application.

You can download the sample application following this link.

Hello John,

Take a look also at these videos:

https://www.youtube.com/watch?v=vPhv1n9nxa0

https://www.youtube.com/watch?v=a5g_yAJzpJI

Hello John,

App Builder's produced HTML5 applications can be deployed, out of the box, in mobile or desktop browsers. Additionally, the program help us with the right configuration file and other stuff (icons, splashscreens, batch files) in order to allow us to compile the HTML5 applications using Apache Cordova or Adobe Phonegap Build online service.

Adobe Phonegap is easy to use, but, my current recomendation is to use Apache Cordova instead for various reasons. Apache Cordova is also quite easy, but we need to prepare our computer by installing Apache Cordova and the required platform SDK's. For example, if we want to compile our apps for the Android platform we need Apache Cordova and the Android SDK.

We can found several tutorials around internet about how to install Apache Cordova. Here is the official documentation to do that:

* Apache Cordova: The command line interface

* Apache Cordova: The Android platform guide

Once we have installed and configured Apache Cordova and the Android SDK we can use the App Builder's app options dialog and the Cordova specific options to indicate we want to create a Cordova configuration file and a batch file for the Android platform. If everything is well, we can simply execute the generated batch file to get our app APK file ready to be installed in an Android device.

If we plain to use the Adobe Phonegap online service we must to indicate the creation of a Cordova configuration file, compile our application from App Builder, package the application in a zip (using the Zip tool included in App Builder) and then upload such zip file to the Adobe Phonegap builder service found in the below link:

* Adobe Phonegap Build service

Adobe Phonegap is good, but, they do not offer the same results than Apache Cordova. For example, I can't view how to specify the right user permissions for the applications and Adobe Phonegap requires lot of them. Apache Cordova is more smart in the permissions requeriments and automatically recognize if we use some stuff which requires some user permission.

So my recomendation (to get better results) is to learn how to install Apache Cordova in our computer, followed with the target platform stuff, like the Android SDK. If you have some specific problem while installing Apache Cordova or the Android SDK post here or refer to the above linked documentation. I hope this post point to you into the right direction John.

Hello again,

Just to say that I add right now to App Builder a new Footer app sample:

This app sample show us how to implement a kind of app footer which include various icons to navigate between the app views. This app sample show us various things like how to use the Inline CSS app option to customize various app controls with different styles. Also we can learn how to use app functions and how to take care about what specific "target id" has been clicked into an HTML control. This app sample show us a possible footer for our apps, but we can create footer using various controls too: Containers, Buttons, Images, HTML, etc.

That sample is available right now: www.getappbuilder.com

Hello John,

We can use the "Animation" option of the app views. We can specify certain animation effect which are executed when the view is shown. Take a look at the Animation app sample and play with the different app view available animations. One of them are named "slideRight". To view and edit the Animation option, select the app view by click it in the designer and take a look at the Properties (or object inspector) panel.

Hello John,

What you need is to know how to react for specific item clicked by the user? If so, take a look at the Menu* app samples. The Menu stores their items as an Array, and they offer an "ItemClick" even wich inform us about the item index choosed by the user.

Hello Jhon,

There is not an standard way to do that. We can use a Container control and put it into the header or the bottom of app views. Such Container can contain (of course) Push buttons, Images or HTML controls with the appropiate stuff. We can also use a Dropdown button, which incorporate a menu.

In the "Click" event of any of the Push button, Image, HTML or Dropdown items, we can simply use the ShowView, ReplaceView or the ShowDialog actions to show any app view.

Maybe you want to take a look at the DecSoft app sample, which uses a Menu control. Maybe I prepare an specific sample of a possible footer and header in the near future. Other app samples may also give you some ideas about possible menus and how to navigate between the app views.

Hola Neftalí,

Revisa los ejemplos JSON y JSON2 que se han añadido, y, si tienes cualquier duda, no dejes de preguntar. :)

Hola de nuevo,

Sólo para añadir que App Builder cuenta ahora con dos ejemplos nuevos: JSON y JSON2. El primero muestra cómo acceder a la respuesta JSON de un cliente HTTP tal que cualquier otro objeto. El segundo muestra lo mismo, pero, esta vez la respuesta JSON contiene varios objetos y además cada objeto tiene una propiedad de tipo Array.

Los ejemplos de App Builder se encuentran en el menú Archivo -> Ejemplos

Hola Neftalí,

Estupendo. Recuerda que no tendrás que "parsear", en el sentido de que ya tratamos, directamente, con un objeto y sus propiedades. Si tienes cualquier consulta no dejes de decirlo.

Hola Neftalí,

Un gusto verte también en este foro. No te preocupes que no estás haciendo nada mal. Se trata de que lo que obtenemos en la variable "[HttpClient1.Response]", en este caso, es el propio objeto JSON retornado por el servidor, y, lo que vemos en el Textarea es el resultado del método "toString()" de dicho objeto.

Podemos acceder, directamente, al propio objeto, es decir, podemos escribir algo como esto en el caso del objeto JSON susomentado:

Para una respuesta del servidor tal que esta:

... la acción AlertBox anterior nos mostraría "accurate". Por otro lado, el JSON que nos ocupa es mas o menos "complejo", esto es, el elemento "list" es un Array de objetos, en este caso de un solo objeto. Podríamos también acceder a las propiedades de los objetos de "list" usando un codigo como este:

La acción "AlertBox" anterior mostrará "Barcelona". Y, no sé si es necesario, pero, en el caso de que "list" pudiese contener mas de un objeto, podemos conocer el número de estos usando la acción ArrayLength de este modo:

Por lo demás, puesto que lo que obtenemos desde el servidor es para nuestra aplicación un objeto JSON, si quisiésemos mostrar en el Textarea el JSON "como una cadena", podemos usar la acción StrSerialize tal que así:

No sé si te he aclarado algo Neftalí.

Muchas gracias por interesarte en App Builder.

Si tienes cualquier otra duda no dejes de decirlo.

¡Siempre gracias a usted!