Posts by DecSoft

Hello Ava,

I am not sure if the Input File URL can be used with the FileRead action, maybe not, that is, maybe it's not the kind of URL expected for that action. If you want to try, please, do it in the Change or Read event of the Input File. Talking about the Read event of the Input File... may you can use it in order to read the selected file. Place the below code in the Read event of an Input File:

// Since AB returns in Data a Base64 which includes the file's type, // we need here to split that Data, in order to the Base64 itself. SplitStr "[Input1.Data]" "," "[FileDataArray]" // The Base64 that we are looking for is in the second element of the // splitted Array, so the element with index 1, since starts with zero. ArrayGetItem "[FileDataArray]" "1" "[FileBase64]" // Once we have the Base64, we can use the below action to get the clear // text of the file, so we can therefore use it to made something good. Base64ToStr "[FileBase64]" "[FileContents]" // For this example, we just show the file's contents in an Alert Alert "" "[FileContents]"

The above code take the Base64 of the file available in the Read event at the "Data" variable. We split this value with a comma, because what we wanted is the second item of the Array: the Base64 itself. With this we can use the "Base64ToStr" action in order to get the clear contents of the file.

Another possible way is to rely the read operation into the app's server, so, we can submit the file to the server, and, then the server can read it and send back to the app in a way ready to be used. This and the above paragraph propose an approach that no need any Cordova plugin.

Talking about Apache Cordova, maybe you can use a plugin to let the user to choose a file. I mean a different way than using an Input File control. On the other hand, you must look for the Cordova File plugin's documentation: remember that we can go beyond the FileRead action, for example, by directly use the Javascript API of the Cordova's plugin.

Maybe in this way you can read the Input File choosed file... or the result of the possible "dialog to choose a file" Cordova plugin. If you go ahead with this solution and need some particular help, just post it here and we will try to help you, Ava.

Hello to all,

Here is a new DecSoft App Builder release, with the below changes, fixes and enhancements:

2019.5 (01/14/2019) * Now it's possible to press the F11 key to toggle the designer and the events editor of the current app's view. The F11 key works in the same way than the F12 key, except that this last one requires than the app's view is selected in the designer. The new F11 key is a good way to toggle the current's apps view designer and events editor, even if the app's view is full of controls, and then it's difficult to select it. Thanks Jordi for the idea!

Read the entire product's history

Hello to all,

Here is a new DecSoft App Builder release, with the below changes, fixes and enhancements:

2019.4 (01/13/2019) * Fix a non expected behaviour if we want to set to "True" the Corrected variable of a Camera control. If you wanted the referred variable to "False", then there is no problem. However, if you plain to set the referred variable to "True", AB don't set the appropriate value in the right way, so, in fact a "False" value is used.

Read the entire product's history

Hello Amin,

Thanks for your kindly words. Certainly, the internal debugger of AB or any browser, is also intended to test the apps. In fact, only if we need it (for example, because some task depend on a Cordova plugin) we need to test the app in the right devices too. The point is that an app that looks well and works as expected in a browser, in principle, no need any change in order to be compiled as an hybrid app for Android, iOS, etc. Always it's more easy to test the app in the internal debugger or a browser. Of course we need to test it as an hibryd app, but, again, in principle, if an app work in a browser, there is no reason to do not work in the internal browser of Android, iOS, etc.

About the "debug", I am not sure if you refer to that, but, certainly the "debug" button compile the app and also stores certain debug information inside the code. This code is not required in production, so, instead of "debug", we must "build" the app, so the debug information is not added to the app's code. Even more, we can "minimize" the app's code (Javascript and CSS) from AB, just after build an app: that app, then, is ready to be deployed or compile with Apache Cordova, already without debug information and with their code minimized.

I know about one customer who uses web apps for their iOS versions, that is, instead of compile the app with Apache Cordova and then use a Mac OS and XCode in order to get the app's IPA, this customer just place in their server a compiled version of the app, and, provide to their customers a link for that app, in order to be used in their iOS devices, but, from any of the installed browsers, that is, without installing the app. If I am not wrong, there is a possible solution too in order to place an icon of the app in the device's home page: all of these without compile the app with Apache Cordova.

The point is that we are talking about HTML apps, who can run in any mobile and desktop modern browsers. So we no need Apache Cordova and compile it for Android and iOS, except if we specifically want to use some Cordova plugin, for example. But, if not, the apps can run in a mobile browser perfectly, even without installing it, just like any other HTML app in the client side.

It's enough for now! Thanks again for your kindly words, Amin, and, please, go ahead if you have any further question.

Hello Amin,

I think there is any problem at all. Our apps are HTML apps that certainly can be served from a server/hosting and of course placed in an Iframe element in which we need it. Maybe the only consideration is that, as you already know, before compile our apps with Apache Cordova, we can do somethings that can be done using Cordova plugins, but, if we no need any Cordova plugin, then our apps can certainly works in all modern browsers, inside an Iframe or not, it's up to us.

That's is what I can say at a first think, however, don't hesitate to go ahead if you have any further question, Amin.

Hello Ava,

Hi David,

My problem was not to select the files plugin!

Your good and complete description helped me and my problem has been resolved.

thank you very much.

You're welcome! :-)

Hello Ava,

Thanks for your kindly words, and, Happy New Year to you too! :-) Now I will try to reply to your questions one by one:

Where is my mistake?

Maybe you are trying to run the program without firstly compile it with Apache Cordova? First of all, please, try the "Files" app sample: I do it right now and works like a charm in Android. Remember that the "Files" sample must be compiled with Apache Cordova in order to properly work.

How does [text] argument work in SuccessCallback function?

You can take a look at the actions' documentation. In the case of the Files sample we use an app's "SuccessCallback" function for both write and read operations. In the first case, we do not receive any function's argument, so the "SuccessCallback" is just executed indicating that the write operation end successfully.

The "Files" app sample also uses the "SuccessCallback" for the read operation. In this case, that app's function receives an argument, with the text that we read from the file. This text come to the function as a regular / normal function's argument.

-What is the difference between applicationDirectory and dataDirectory in FileRead function?

I want to refer to the official Apache Cordova documentation. There you can see what "dataDirectory" and "applicationDirectory" is (certainly this is not well refered in the AB help).

I also point you to the official documentation for the Files plugin of Apache Cordova, because, certainly there you can be informed about other possible uses of that plugin. DecSoft's App Builder provides easy to use actions to read and write text files, but, you know that we can go ahead if needed, directly using the appropriate Javascript, in this case the Javascript provided by the Files plugin of Apache Cordova.

Remember also that we can use the app's local storage (with the "GetOption" and "SetOption" actions) to store more or less small pieces of text in the client side. And rememeber also that we can always use an app's server, to, by made the appropriate HTTP calls, we can deal with files stored in the app's server, who can be useful, for example, since this files are not removed even if an app is uninstalled.

Please, Ava, go ahead if you have any further questions.

Hello Amin,

Thanks for the clarification David. Much appreciated!

You're welcome! :-)

Hello Amin,

Yes; you are right: the CSS classes that we can place from the Object inspector, for example, apply to the container of the Dropdown, but, the control HTML markup is composed by more than the container, so, we can't get it working in this way, since we do not apply the CSS code to the right HTML element. Maybe we can go ahead by using the CSS class of the container and then refer to it from the CSS code... but I am not sure if this can have here any advantage: probably the above solutions can be enough.

Hello Amin,

Happy New Year! :-) If what you wanted is to apply a "max overflow" to all the Dropdown menus, try with the below CSS code in the Inline CSS app's option or in any CSS added to the app by the Files manager:

.dropdown-menu { height: 200px; overflow-y: auto; }

Additionally, you can be also more specific by apply the above CSS code to a specific Dropdown control, like below:

#Button1DropdownList { height: 200px; overflow-y: auto; }

The above CSS code is applied to the list that is shown for a "Button1" Dropdown control, and no other control.

Hello to all,

Here is a new DecSoft App Builder release, with the below changes, fixes and enhancements:

2019.2 (01/02/2019) * Add the new Switch visual control. The Switch control is very similar than the Checkbox control, except that their look is a bit more modern, instead of the traditional (but very useful) checkboxes. * Fix an error which occur if we try to save and restore an app's option directly from an Input Number or Input Range controls' values. A new AngularJS directive has been added to the app's template in order to fix this error. Thanks Jordi for the report! * Update the CSS and Javascript of the Boostrap framework to the latest stable version. Update also the app's themes provided by hackerthemes.com and the app's themes provided by bootswatch.com.

Read the entire product's history

Hola Jordi,

Dándole vueltas a este asunto, nos encontramos, que, añadir un argumento más a la acción que nos ocupa, implica jorobar la compatibilidad hacia atrás. por lo tanto, creo que esta otra solución puede tenerse en cuenta: se trata de usar un Timer, que, se encargue de cerrar el "AlertBox" usando la acción "CloseDialog".

El asunto es sencillo. Primero ejecutamos el siguiente código, asumiendo que tenemos un "Timer1" en la vista que nos interesa:

TimerStart "Timer1" AlertBox "This is a normal AlertBox, with a close button" "primary"

Por su lado, el evento "Interval" del "Timer1" quedaría así:

TimerStop "Timer1" CloseDialog

De este modo, puesto que usamos "AlertBox", tendremos el botón para cerrar disponible, y, por otro lado, el "Timer1" "auto cerrará" la alerta, si el usuario no la cierra antes.

Hola Jordi,

Por favor, prueba el ejemplo "InputsScroll2", y, fíjate en el código que se ejecuta en el evento "Show" de la vista de dicho ejemplo. Dicho código debes ejecutarlo también en tu app, al menos, en la vista en que lo necesites.

Hola Jordi,

Veremos de hacerlo como dices, dando la opción de poner el botón de cerrar o no en el "Alert".

Hola Jordi,

¿Te refieres a algo como lo siguiente?

AlertBox "<i class='fas fa-question-circle'></i> Look at me, I am an AlertBox!" "primary"