App Builder

What's new in this version:

- This release of DecSoft App Builder is the first one which added another framework to create hybrid apps in addition to Apache Cordova. Yes! Now it's also possible to use Capacitor in order to create hybrid apps for Android and Apple iOS with DecSoft App Builder. A lot of work has been done, and, a lot of work remains, but, from this release you can choose between Apache Cordova and Capacitor to create hybrid apps with DecSoft App Builder.
- Add a "capacitor-app" attribute with a value of "true" on the HTML element of our apps, if our app is running in a Capacitor platform (Android, iOS). This attribute can be useful to prepare some CSS rules specifically thinked to be used when the app is running in a Capacitor platform and not in a Cordova platform or a browser.
- Separate the Apache Cordova and Capacitor related files in the compiled app directory. When compile an app, the "www" files (for the browser) are placed like before, on the "compiled/www/" folder. If the app is intended to be compiled with Apache Cordova, then the Apache Cordova stuff is placed on "compiled/cordova/" folder, and, if the app is intended to be compiled with Capacitor, then the Capacitor stuff is placed on "compiled/capacitor/" folder. This means that both Apache Cordova and Capacitor can exists without conflicts in the same "compiled" directory.
- Do not require anymore to install Apache Cordova globally. Instead, Batch and Shell files now install Apache Cordova directly on the compiled app directory. Additionally, instead to check for the "cordova" command, now the BATCH files check if Node JS is installed, since this is what we need to continue installing Apache Cordova. Important: if you are using the Batch files options to add some Apache Cordova plugin, you need to change the plugin lines from "CALL cordova plugin add..." to "CALL NPX cordova plugin add...".
- Add the new "app.store.isBrowserApp", "app.store.isCordovaApp" and "app.store.isCapacitorApp" reactive variables. Note that these variables are defined as reactive variables so we can use also in HTML templates in addition to JavaScript code. You can take a look at the also new sample app "AppPlatforms" to see these variables in action on an HTML template.
- Set the Apache Cordova iOS "Deployment target" option to 13.0 by default: this is required to compile the app with XCode 26. You can of course continue using another deployment target if needed in your apps: if you see problems while compile (Package: cordova-ios-plugins unknow), try to change this option to 13.0
- Add a "cordova-app" attribute with a value of "true" on the HTML element of our apps, if our app is running in a Cordova platform (Android, iOS, Windows). This attribute can be useful to prepare some CSS rules specifically thinked to be used when the app is running in a Cordova platform and not in a Capacitor platform or a browser.
- Change the default "Position" property value of the NavBar control. In previous releases, that property value is set to "fixed-top", but, this property value can cause an unexpected position of the NavBar in modern Android versions. So, by default, now the propery values is set to an empty string, then the NavControl is positioned where we positioned it at designtime. It's our duty now to use another position (like "fixed-top") taking in consideration the possible non expected position in modern Android versions (working like a charm in browsers anyway).
- Add a "data-app-style" attribute to the root HTML element of the apps. This attribute can have a value "fixed" or "scaled", and, changes if we change the app style at runtime. This attribute can be useful to establish CSS rules for a specific app style.
- Add the missing app.style property reference for the source code editor. This app property exists and it's documented, but was not present for the autocompletion and declarations of the source code editor.
- This release fixes an introduced problem which causes that we cannot use the F8 key (run the latest compilation of the app), the CTRL + F9 keys (compile the app), and the F9 key (compile and run the app), while we are writing code in the source code editor. This fix applies to the controls events editor, the controls properties editor, the app functions editor, and the app search results editor.
- Improve the product help / documentation by making these changes: The top "DecSoft App Builder" link goes now to the index of contents, instead of the DecSoft App Builder website. The search engine remembers now the search query, and also marks the matched words of the search query on the document.
- Simplify the app debugger by removing the list of "know resolutions". Now the app debugger is launched automatically following the app designed size.
- Add the new Tabs2 sample app. This sample is similar to the Tabs sample app, in the way that we use the same HTML markup and CSS classes from Bootstrap CSS to show a "tabs" component; however, this new sample app uses an app global reactive variable and the power of the HTML templates to create the tabs and show them dynamically.
- Update the VueJS JavaScript library Core to the latest 3.5.33 version (debug and production) for the apps' template. This release of VueJS Core has a lot of changes, fixes and enhancements, so our apps' template.
- Update the VueJS JavaScript library Router to the latest 5.0.6 version (debug and production) for the apps template. This version of the VueJS JavaScript library Router includes a lot of changes, fixes and enhancements.
- Update the VueJS JavaScript library Router to the latest 5.0.5 version (debug and production) for the apps template. This version of the VueJS JavaScript library Router includes a lot of changes, fixes and enhancements.