Posts by DecSoft

Hello again, Peter,

Maybe a way to test this can be to use a "non configured" device, maybe a "reset to default" or "reset to fabric settings" device. May you can use a device like that in order to try with "image/*".

Hello Peter,

It's possible... however I think that there is some previous system configuration set, so "image/*" don't work as you expected... due to this possible system configuration. In my case "image/*" works as expected, so I think there is some possible system configuration related. Sometimes Android ask the user for an option and allow the user to set that option "for always" usage... I think that something similar can happen here. Anyway, it's possible that ".jpg,.png" do the job too, so, it's possible to use like that.

Hello Peter,

I made a small testapp to play with Cordova and Electron. For Electron I have the question, if it is possible to install the app on another location than AppData/local etc.. for example on Harddisk d: (if I am logged in as admin) ?

I must recognize my leak of knowledge about Electron, however, you can made a search around the web for something like "Electron Installer" and you can see some results that may you can take in consideration. A possible solution can be to use a program like Inno Setup, so, you can prepare the installer as you wanted, that is, out of the Electron default installer. But probably there is some stuff specifically designed for Electron that you can use. too.

And the second question regarding Electron: is it possible to reduce the size of the app, which is quite large (400MB) ?

If I am not wrong, when you run the "release" BAT, you can get an executable without debug information, so, smaller. Are you try with the "release" BAT instead of the "debug" one? Again, I will refer you to the Electron documentation: maybe you can do something using the configuration that you can set from App Builder: the configuration of Electron is quite large, that is, there is lot of options that can be used: and it's documented in the Electron website. The Electron Cordova documentation refers to the Electron documentation too. You may can also use an executable compression program like UPX, but, probably with the "release" instead of the "debug" you can get an executable smaller than you refer, and, enough, that is, maybe something like UPX is not required. The installer can also compress the executable files, so, if the installer can be smaller, in my opinion, it's not important that the executable begin "big" after the installation.

With Cordova I have the problem, that I have not installed Visual Studio 2019 but the Win 10 SDK, which is located at "C:\Program Files (x86)\Windows Kits\10\". How do I get Cordova to look in this location?

I am not sure if can understand this question, since, apparently, Visual Studio 2019 is not needed here, but just the SDK, according to the Cordova Electron documentation. On the other hand, if you can compile the app, is not this a signal that Cordova already uses the SDK in the location that you have it? Maybe you refer to something that I can't understand well, so, please, don't hesitate to post here some more details about what you wanted and what you get.

Hello John,

First of all, I hope you and yours are good. If I understand well (please, post here if I did not do it), the key is to use the HTML control. Inside the HTML control we can place almost any HTML markup that we want to use. One thing to note is that you no need (and probably it's not a good idea!) to place all the HTML of a page... that is... we don't need to copy the "html" and "body" tags, or link to other styles or script in the HTML control.

You can place in an HTML control the HTML markup that you need, and, then, set the right JavaScript code in order to be ready when some button in the HTML markup is pressed by the user. For example, just copy and paste the below code in an app view (App Builder automatically creates an HTML control with that HTML markup inside):

Now, place the below JavaScript code in the app's view Show event:

Now run the app, and, what you can see is a button, that you can press, and, therefore you can see the "alert" that we prepare. Well, this is what we can do, that is, you can place a button, but, also a lot of them if you need it, or any other HTML markup.

Note that the Bootstrap CSS framework is available by default, so you can use it, and, note also that jQuery is also available by default, so, again, you can use it, as you can see above. Take a look also at the "HTML" sample app, because, in addition to the referred stuff, we can also use the power of VueJS inside the HTML controls.

That's the idea, John. Now please, post here if you have any further question or need some specific help and I will try to help!

Hola Jordi,

Tanto la anterior generación de AB como la actual, proporcionan un evento "BackButton", que, internamente, usan el evento que muestras. De modo, que, en principio, no haría falta "colocar" nosotros dicho evento, sino usar el que ya se proporciona. Eso no quita que no pudiera además usarse el código que muestras: podría hacerse también si se viese necesario por alguna razón.

Hello to all,

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

Read the entire product's history

Hello Peter,

I found the solution. In the shared.css you have to replace .app-view { position: absolute ..} with .app-view { position: relative ..} and add "overflow-y: auto" after "overflow-x: auto". Then the app behaves exactly as I want. This is independent of scaled or not scaled. Best way to do this seems to overwrite the standard setting in the custom style css.

Yes; that's what I am thinking about: maybe we can apply some CSS style in order to get what you wanted. However, I am not sure,... I think you must think about the proposed solution with the Scale option set to True. Of course, if you prefer it, you can use the app's Style option in order to apply or overwrite the CSS style that you wanted.

If you are not to busy or have a quick solution, please, I have another question. When I use the file tool to open an image (with image/* accept) on smartphones is allways the camera selected, not the file browser. Is there a way to change this?

I think this depend on the phone / choosed option... I just place an Input File control with the "Accept" set to "image/*", compile an APK, and, in my phone, I can choose an image file from the file system or the gallery. Honestly I don't know how to change this preselected option in the phone. May you are using the "Capture" property of the Input File control? If so, leave it empty, since I do it and works like I refer. On the other hand, if your app is target to Cordova platforms (not the browser), may you can try the "CordovaMediaCapture" sample app. Maybe it's also possible to use an Input File control or the device stuff, depending if the app run in a Cordova platform or not.

P.S. Please, Peter, the next time, place new questions in different forum's threads. Thanks!

Hello again, Peter,

I think that may I can't explain it as well as I wanted... let me to try it again...

If we use the Scale option set to False, we need a screen size at least as greater than the app's design size. If you have a smaller screen size, then the app cannot be show as expected, because the design size (which is established when Scale is set to False) just cannot fit in the smaller screen size. What you see is one of the possible unexpected results.

On the other hand, since apparently you want to see the app in an smaller screen... then you must take the path that I shown you in the modified sample app. The app's design size can be 320x480, for example (can be greater if you wanted, but, remember that this is the minimum screen size required when the app run), and then use the Scale option set to True.

Doing that you can see what I shown you in the modified app sample: your app can run in screens, at least, with a 320x360 size, and, also more larger screens, since the app automatically scales. Not all the time we need that, but, it's perfectly possible (I do in various apps) to place controls beyond the app view (but remember, beyond mean that the app view continue to be 320x480, just that we can place controls beyond that design size), so the controls can be reached by using the scroll.

Hello Peter,

I say I am busy this morning? The same than now! :-/ But the point is more or less clear, Peter. :-( If we set the app's Scale option to False, then we need a screen size at least equal than the design size: in other case it's normal that some unexpected behaviour occur, because the designed size is greater than the screen size. Or I am wrong... or you need to set the Scale option to True, designing in a more or less smaller size (320x480, for example), so the app can view properly in that size, but also scales in more larger screen sizes. Please, take a look at this help topic.

Hello Peter,

I am now busy, but, want to think about. However, the Fixed (not scaled) style has that behaviour: since it's a fixed size, the screen must be at least the same than the fixed size, in order to see everything as expected. Said that, if what you wanted is an app working from smaller to larger screens, then probably the Scaled option is for you, as I shown you in the modified sample: you can see all the controls, from small to larger screens.

Hello Peter,

Here are my comments around the sample app that you sent to me. Please, take note about the changes that I made in the modified sample app which I send to you when publish this post:

1. You are using the app's Scale option set to "False": consider or just (in order to follow these advises, since I think you can get what you wanted) set the Scale option to "True".
2. Instead of use a 960px pixels height, use a 480px pixels height: the idea is that we can go beyond the app view, but, not necessarily by increasing the view's height: just place controls below the view bottom.

That's all. As you can see in my modified sample, we can now reach the bottom controls using the scroll (note the container which I place at the very bottom: it's to get some space between the latest bottom and the end of the view).

Try the app in a browser with a size of 320x480 pixels (which is the design size), and you can see how we can scroll the view to see all the controls. You can also try to increase the size of the browser, and see that the app scales reasonably too.

That's is in fact the way to get an app that can work from a small screen size to a more or less greater screen, in other words, from mobile to tablets. For more larger screens may can be a good idea to use the app's "MaxWidth" property, in order to avoid the controls to scale "too much".

You can try it by set the "MaxWidth" property to 1024, for example, and then run the app in a larger (desktop) screen to see the result. Take a look and tell me that do you think about, Peter.

Hello Peter,

Hello David, yes, I see your point, I tried to modify the view1.html and frame the containers in a row and "col-md-4" columns. This works in principle, but bootstrap does not know how to handle the container, so it is of no use.

I am not sure if can understand. You can try the below codes, and, certainly, see how Bootstrap deal as expected with the "container" and the "container-fluid", you can see how this containers are dealing in a different way, as expected.

When I change the apps size to be larger than the browser (eg. to 320 x 960 px for my portrait version) then you can scroll down the app but the upper 10%-15% is unreachable, you can not see it and you can not scroll up to it. Do you have an idea, how to change this?

I need a sample app to see what you refer, Peter. Send to my E-Mail a sample app, so I can take a look. On the other hand, take a look at the "Inputs" sample app: it's possible to place controls beyond the app view, allowing the user to scroll the view in order to see all the controls. Maybe this sample app can give you some alternative ideas.

Hello Peter,

You can't place different grid columns in different HTML controls. At least, that don't work as expected, since a "col" must be placed inside a "row". Depend on the target of your app, the grid system can be interesting or not. In my opinion, only if you want the app running in more or less larger screen, you can consider to use the grid system. In other case maybe that is not needed: even for larger screen, sometimes the grid system can be good, and, sometimes not necessary.

You did not loss the AB functionallity by using the HTML control: this control is one of the available ones, and, in fact one of the most powerfull, basically, because we can place in that control almost any HTML markup, for example, using the Bootstrap Grid system. Doing that requires a bit extra work, for example, to control the possible "buttons" (or other controls) placed inside the HTML control, however, this is perfectly possible.

Hello Peter,

Thanks for your kindly words: I hope you and yours are also good, Peter. About your first question, I need to take a look. Maybe it's certain problem that must be fixed. About your second question, it's possible to use the Bootstrap Grid system by using the HTML control. In fact, you can copy the below code and then paste it in an app view designer: the result is that a new HTML control is placed in the view with that HTML markup inside:

You can place in an HTML control almost any HTML markup, including buttons, rows and cols for the Bootstrap Grid system, etc. Just post here if you have an further question around this.

Hola Juan,

Gracias, hombre. Yo también espero que usted y los suyos estén bien. Respecto de lo que pregunta, ¿ha probado a usar el evento "BackButton" de la app? ¿Podría servirle?