Posts by DecSoft

You're welcome Walter! :)

Hello Walter,

From the app file's manager you can add CSS stylesheet files and Javascript, which are not only included along your app files but also linked into the app HTML. Then you can prepare a CSS file for your app and then add it using the app file's manager.

Note that App Builder store the added styles into the folder "\www\app\styles\", then you can use relative paths from this folder to refer, for example, to added image files, from your CSS stylesheet.

For example, suposing you add a "Background.png" image from the app file's manager. To add this image as the background for every app view we can write something like this in our CSS stylesheet:

All app views have the class "appView". Also the app views have an ID which you can use from a CSS stylesheet. Such ID is the view name, for example, you can apply styles for some "AboutView" using the "AboutView" ID.

The same can be said about the app view controls. Every control have their own ID, which is the same than the control name. For example, a "Button1" control can be matched using the "Button1" ID.

The "AddClass" action add one or more CSS classes for an app view and most commonly for app view controls. For example, if we want to add the CSS class "myClass" for a "Button1" control we can code something like:

We can also use the action to add various CSS classes at a time, separating the classes by spaces:

Remember we count with related actions like "RemoveClass" and "HasClass". The first one allow us to remove one or more CSS classes from a control and the second one tell us if some specific class exist in certain control.

Also remember that behind our apps we have available the Bootstrap CSS framework and therefore we can use all available CSS classes declared in such framework further orther great stuff.

Hello Walter,

No one stupid question! Only answers can be stupid! :)

Hello,

I rename the MediaSeekTime to MediaSeekPercent and add the new MediaSeekSeconds action. The first one can be used to set the position of a media player by percentage, and the second one can be used to set the position of a media player by seconds.

Hello Walter,

The Media player only accept seconds or a percentage to seek the position. Currently we use a percentage because, for example, the Range control value it's a percentage and then we can use such control to change the Media player position. If you think seconds can be good I will look how to add it. In other case maybe you can made the appropiate calculations to get a position percentage.

About the full screen mode, if you refer to HTML5 apps compiled by Cordova, we have an option to put their apps in fullscreen or to show the platform status bar on the top. For browser deployed apps certainly I think there is not a way to put it in fullscreen without the user interaction. Maybe I can implement some trick opening the app in a new window, however, fullscreen it's only supported by Internet Explorer.

Hello Walter,

There is not a native way to do it in Javascript, therefore you need to connect to some server (your app server or another) in order to really send the email. Searching a bit around we can found various providers which allow us to send mail from Javascript, but they finally need an HTTP post request in order to send the mail. Of course a PHP script can do the job by making an HTTP post request to such script. The "mail" PHP function can send a mail directly and we can use an App Builder HTTP client control to make the HTTP post.

If you use "mailto" they never send the email directly, but offers the user the hability to send it from their predefined program. On the other hand, how we can use the "mailto" exactly? Probably we need a pure "A" HTML tag link (using the HTML content control at this time). What you can try it's to prepare the URL using the "Value" variables of the controls contents you want to send. Maybe App Builder must implement a couple of actions to encode and decode URI's, but I am not sure if we need it to use the "mailto".

Maybe the "OpenWindow" action can do the job for the "mailto" if we provide a "mailto" URL instead of another URL. Probably they works in browsers, but I don't know if they works in a similar way in Android, for example. Remember also that App Builder include various samples related with HTTP requests. "SimplePost", "HttpClient" and others show us how we can made HTTP post request very easily.

Hello again,

I can imagine that maybe you try to use the CSS properties as is shown into the control's object inspector. That is, for example, maybe you are trying to use the "SetStyle" action like:

The above action doesn't produce the expected results. In fact the designtime CSS properties have such kind of names because, for example, they cannot contains the "-" character.

In runtime, we need to specify a real and valid CSS property name like:

A good CSS properties reference can be found here at W3 Schools.

Hello Samuel,

Don't worry, it's good to know how Cordova works for platforms that I don't tried before. Thanks for the compiler output. I found various things to consider, but didn't get good results. First of all, I note the "Warnings" who say the plugins are renamed, however, trying here with the suggestion plugin path I get a 404 error. Another thing that call my attention is the unsupported icon file size.

The App Builder default icon size is 128x128 and they works like expected in Android. Trying to compile for the Windows platform here I get the same icon size error, then I try with a 64x64 image size, and then a 48x48 image size, but the compiler error persist, so really I don't know what to do even after reading the supported icon sizes.

On the other hand, what you expect is a executable file Samuel? Probably this is not generated, but what we get compiled for the Windows platform is the "appx*" files. I want to ingestigate about the plugins warning and the unsupported icon size.

Hello,

If Visual Studio 2013 is installed, maybe the Windows version is a problem? The docs say we need Windows 8.0 to compile Windows 8.0 apps only, and we need Windows 8.1 to compile apps for all platforms Windows 8.0, Windows 8.1 and Windows Phone 8.1. Also another note to take in count is: "Apps compiled under Windows 8.1 do not run under Windows 8.0. Apps compiled under Windows 8.0 are forward-compatible with 8.1".

Hello Samuel,

According to the Cordova documentation the "windows" platform it's "to build and deploy Cordova apps for Windows 8, Windows 8.1 and Windows Phone 8.1". The requeriments are described here in the Cordova documentation. You didn't get some error during the build process or something?

Hello Walter,

Thanks for your comments. Download the latest release of the program: between other things you can view fixed the "If" action's editor error. About to register App Builder you can do it from their website using the provided Paypal form. You can choose from the three different available licenses.

Personal licenses allows you to use App Builder in your personal computers and distribute the produced apps without cost and ad free. Commercial licenses allows you to use App Builder in all your personal computers and sell the produced apps and include ads. Corporate licenses allows you to use App Builder in your personal and business computers and to sell the produced apps and include ads.

If you have any doubt or question don't hesitate to contact me.

Thanks again Walter!

Hello Walter,

Take a look at the bellow code, which change the top, left, width and height of a Textarea control.

As you can see we need to specify a measure, in this case "pixels". If you plain to establish lot of CSS properties maybe another possible approach is to use a Cascading Style Sheet file, a CSS file which you can include in the app files/styles, and which are included and linked by App Builder automatically. The SetStyle action expect a CSS property name, just like if you defined it in a CSS file, and the appropiate value, including a measure when needed.

Just take in count that every app control have an ID, which is the same that their name. Then, for example, to establish a CSS properties for a "Textarea1" control, we must use the ID "#Textarea1" in our CSS file. Maybe you can take a look at the Responsive apps tutorial included in the program help. Such tutorial indicates various ways to use CSS styles, and how we can get beneficts defining CSS "media queries" in our CSS styles.

About the "If" action's editor error, can you explain a little more? Just yesterday I fix an error which cause that the operator description are added to the action argument, but I don't know if you refer to this problem or another one.

Hello Walter,

The "ParseVariables" action doesn't expect an URL, but a text ready to be parsed, for example, we can write something like this:

The "LoadVariables" action yes, expect an URL, but we cannot write something like this:

The point is that "LoadVariables" is executed asynchronously and then requires some time in order to made the appropiate HTTP request, wait for the response, and then parse the received response text.

If we want to use the loaded variables inside an "Html" control this is not a problem, because in literally milliseconds the variables are loaded an appear into the "Html" control like we can expected.

If we want to play with the loaded variables from our app code, we need a way to assert that the variables are already loaded. In this case the recomendation is the use of the "ParseVariables" action.

However, and since "ParseVariables" expect a text to be parsed, we need the help of the "HttpClient" control. The "HttpClient" made the config URL request and inform to us when they are ready.

In few words Walter, we need to use the "HttpClient" control because they can retrieve our config file text, but, most important, because they inform us when the response text is ready.

Once the "HttpClient" control retrieve the config file text, then yes, we can use the "ParseVariables" action and just after their execution we can play with the defined variables without the previous "problems".

I recommend you to review the "ParseVars" app sample. As you can see, in that sample we use an "HttpClient" control to retrieve the variables definition file (our config file) and then wait for the "Success" event.

Is in the "HttpClient" "Success" event when we use the "ParseVariables" action. After that point the variables are availables to be used; before that point the variables are not availables or "undefined".

Hope you understand the points, but don't hesitate to post here your questions.

Hello,

One more thing. Maybe the File input it's not all good in all situations, I talking about the design of our apps. If the input is placed along with other inputs in a "form" like, probably the File input is good. But if we wanted to ask the user for a picture (or photo) maybe this input appareance it's not perfect.

A possible way to solve this can be the use of a "label" HTML tag refered to the File input. Once doing this we simply can hide the File input control, and, when the "label" HTML element is clicked, the file picker dialog or photo dialog or camera appear like expected. I add a new sample "ImagePick2" that show this trick.

Hello Walter,

The code you show its a bit "rare", because by set the image source in a loop probably we only see the last image. Said this, the below code works for me, that is, we can use variables in the "Loop" action and also use variables between an string, like when set the "Image1" source: