Blog

As we approach the exciting innovations of 2024, mobile app development is brimming with new possibilities.

Appery.io, a no-code platform, offers 5 essential app building features that can simplify your development process and bring your creative ideas to life more efficiently.

Appery.io is perfect for those looking to innovate without the steep learning curve of traditional coding. Whether you’re a novice or an experienced developer, these features empower you to focus on what truly matters: building exceptional apps. Our latest YouTube tutorial explores these features and how they can transform your project workflows.

Why Focus on These 5 Features?

1. Bulk Image Replacement: Seamlessly update app visuals without manual repetition. More details can be found here.

2. Effortless Error Handling: Navigate debugging with user-friendly error handling tools.

3. Enhanced Loading Management (CODE panel): Organize and streamline your code using advanced loading integration options.

4. Added Form Validation Check (CODE panel): Integrate form validation checks to ensure data integrity.

More information on the CODE panel new features can be found here.

5. Automatic Variable Addition (CODE panel): Reduce time spent on repetitive tasks with automated variable handling.

These capabilities are designed to help developers prioritize creativity and user experience, significantly reducing technical barriers.

Why Watch the Video?

Our YouTube video tutorial offers a closer look at each feature, demonstrating their practical benefits and applications. This video is an excellent resource for anyone looking to elevate their app development skills using Appery.io‘s no-code platform.

For a detailed exploration of these features, check out our video. You’ll gain valuable insights and tips that can enhance your approach to app building.

Stay Connected with Appery.io

Subscribe to our YouTube channel for ongoing tutorials, updates, and innovations in app development. Appery.io is here to support you on your journey to mastering mobile app development as we step out of 2024 and beyond.

Watch the full video now to explore these 5 essential app building features and start creating amazing apps with ease!

In the digital era, making your app not just functional but flawlessly adaptable across devices is the holy grail of app development. Your app’s ability to greet each user with the same elegance, regardless of the device, is not an added bonus—it’s a critical mission. Here’s your golden ticket to an enthralling journey into the world of Responsive App UI using the enchanting platform of Appery.io.

And for those ready to embark on this adventure, we highly recommend watching our detailed video guide. It’s your visual companion through each step, ensuring a captivating and successful journey into responsive app design:

Step 1: Initiate Your Adventure

Commence your quest by creating an app from scratch within Appery.io. This mystical platform doesn’t require you to be a coding wizard. It merely asks for your vision. Choose the CREATE NEW option, select Page, and embark on an exciting ride, choosing among various screen layouts that spare you tons of development time.

Step 2: Fine-Tune Your Craft

Now, dive into the heart of your design, where you will encounter multiple UI components, ready to be shaped according to your will. Quick tip for starters: head straight to the Styles tab once you select a component. Adjusting the width to 100% and setting a Max Width property ensures your app element enjoys the flexibility of a yogi, stretching comfortably across screens of all sizes.

Step 3: Play with Grids Like a Pro

The Grid component in Appery.io is nothing short of a magic canvas, allowing your creative ideas to take flight. Imagine it as your spellbook where setting the Grid property to ‘Fixed’ anchors your design firmly across realms (or screen sizes, in mere mortal terms).

Step 4: Manipulate the Grid Cells

Your quest for responsive mastery leads you next to the Grid Cell. Here lies the secret to balancing content across the screen landscapes. From the snug confines of a cellphone to the expanse of a desktop, adjusting the default sizes can transform your app’s presence dramatically. A tweak here, a nudge there, and behold—the perfect alignment!

Step 5: The Alchemy of Visibility 

Delving deeper, you encounter the power of visibility. Through the Classes option, conjure spells to show or conceal elements with a finesse that leaves users bewitched. Marvel as components appear and vanish, guided purely by the size of the screen that summons them.

Step 6: Empower Through Customization 

Before you, lies an array of customization options, your arsenal to combat monotony. Applying the sacred code of CSS, change colors as one would potions, ensuring your app’s interface remains vibrant and inviting across all screens.

Step 7: Navigating the Terrain 

Your final test of mastery beckons with the application of navigation menus. In the realm of smaller screens, the mobile navigation menu reigns supreme. However, as the landscape expands, so should your menu, transitioning smoothly to a split menu for larger vistas.

By following these sacred steps within Appery.io, you not only unlock the mysteries of responsive app UI but also ensure your creation’s journey across devices is nothing short of legendary. Embrace this guide as your torchlight in the enchanting world of app design, where every screen, no matter how big or small, becomes a window to your masterpiece.

Fortify your skills, brave developer, for the path to app enlightenment through the power of Appery.io awaits. Rise, embrace the challenge, and transform your vision into a responsive reality that dazzles and delights across the digital cosmos.

Today we are pleased to announce the September release of appery.io with new alias $a of Appery helper, global variable $v and global functions!

Let’s look at what’s new

$a

‘$a’ is an alias for the Appery helper ‘Apperyio’. Now, instead of writing:

this.Apperyio.navigateTo("Screen1");

you can use a much shorter form:

this.$a.navigateTo("Screen1");

$v

‘$v’ is an alias for global variables that were previously accessed through Apperyio.vars.

$v is a place for storing any data as ‘global’. For example, to transfer data between screens.

this.$v.myData = 12345;
this.$v.userInfo = {id: 123, name: 'Joe'};

For more detailed information about ‘$v’, you can refer to our documentation https://docs.appery.io/docs/6-model-and-storage#apperyio-global-variable

Appery Helper

The list of functions and properties for the Appery helper ‘$a’ has been significantly expanded. This expansion greatly simplifies the invocation of the most commonly used operations. For example, if you need to display a modal window and pass parameters to it, this can now be achieved in a single line of code:

let data = await this.$a.modal("EditUser", {name: 'john'});

If you need to display a loading indicator, a simple call will do:

await this.$a.showLoading();

And if you need to perform a GET request:

let res = await this.$a.get("https://mydomain.com/user/12345");

You can explore the full list of available functions on this page: https://docs.appery.io/reference/common-methods-and-properties

Global Functions

Global functions have been added. Now, in the Functions section under Modal and Storage, you can define a function, for example ‘sum’, which will be accessible on all screens, custom components, services, etc., using this.$v.sum()

For more detailed information about global functions, you can refer to our documentation https://docs.appery.io/docs/6-model-and-storage#global-functions

We believe this new feature will be of great value to our users. We appreciate your continued use of Appery.io, and we wish you a happy developing!

Thank you for using Appery.io and Happy Developing!

Your Appery.io Team

We’re excited to announce the introduction of the latest Appery.io release, which includes support for Android 13 (API level 33).

While many of the Appery projects were upgraded automatically, we aimed to keep manual application changes to a minimum to ensure a smooth transition for all users.
– Please ensure that you have not manually modified the config.xml file in the source tab. If any modifications were made to this file, kindly follow these steps: Remove the file and execute the “Undo all source changes” operation for the CORDOVA folder.

– Additionally, for some users, it may be necessary to access the App Settings. From there, navigate to Cordova Config, then proceed to the Android tab. Ensure that the property “GradlePluginKotlinVersion” is present with the value “1.6.20” (refer to the provided image for visual guidance). If this property is missing, kindly add it manually.

We believe this new feature will be of great value to our users. We appreciate your continued use of Appery.io, and we wish you a happy developing!

Thank you for using Appery.io and Happy Developing!

Your Appery.io Team

Dear Appery.io Community,

We are excited to announce that our first Release of 2023 is already live and you are free to check out what new features and upgrades are already available to all Appery.io users!

First things first: we have successfully upgraded our App Builder to Ionic 6 and Angular 15, which resulted in many useful functional improvements and new features for your app-building experience. Most of them are not immediately noticeable, except in a few cases, but innovative and qualitative.

• The first improvement we would like to introduce is related to the system capability: thanks to upgrading to Angular 15, there will exist no limitations in importing npm packages and modules to your apps anymore.

Check here for some examples of how you can add the npm-modules to the projects created with Appery.io.

Updated Preview Page:

•  The serious upgrade that will hopefully be noticed and welcomed by you: our App Builder now has a very modern-looking editor mobile frame design. Besides, it now comes with an upgraded app preview page that is now user-friendlier and offers more functionality. From the preview page, now not only can you adjust your app’s UI on the device screen with further easy testing it on your device but also publish and share your app right from the preview:

• Moreover, those who decide to publish their project as a mobile web app will be able to share it right from the preview.

New and updated UI Components PALETTE

• Next, we are proud to announce that two new UI components have been added to our App Builder for Ionic: Audio and Video. These new components offer you rich customization options for your multimedia resources:

• The existing Datetime component has also been upgraded and now comes with two views to select from, Inline which opens an inline calendar, and Open in modal which opens the modal with a calendar and an editable label:

• One more enhancement: all the components that offer the option of entering strings now allow users to edit them inline right in the mobile frame, and that is a very handy time saver:

• The next three features refer to the components’ properties upgrades: 1) the Position property was added to many UI components like Checkbox, DataTable, etc.; 2) many UI components that contain labels, for example, Input and Link received the Font Size and Font Weight properties; 3) the Text in Editor property was added to several UI components. With this feature enabled, you will be able to finetune your app UI right in the editor even if this component also has some functional code added as its Text property:

Filtering feature added to OUTLINE and Mapping editor

• The OUTLINE view now comes with a useful feature of filtering components added to the screen. Just start typing the name of the component to retrieve its parent(s) on the tree and quickly locate the component you are looking for:

• Users struggling with cumbersome mappings may find the new Mapping editor option of filtering components (similar to how it is realized in the OUTLINE) particularly useful:

Other enhancements

• The next improvement is minor but comfortable: the Method selection can be changed after the function has been created in the CODE panel:

• Our last enhancement might also seem rather minor, but will definitely be found useful by our users: the ability to double-click on many of the UI components added to the mobile frame of our App Builder in order to speed up the process of customizing them. By double-clicking the Image component, for example, you can immediately access the Media Manager window and thus work with your custom image files more easily:

Oh man, that list was impressive, wasn’t it?

Well, we tried to do our best to make the features above functional and easy to use as much as possible, and hope you’ll enjoy using them.

Thank you for using Appery.io and Happy Developing!

Your Appery.io Team

Our new tutorial tells you how to create a connection to a relational database and use it in Appery.io projects. Watch it now.

Dear Appery.io Community,

We are excited to announce the new features included into our new release, which is already here. So, please make sure you do not miss them:

• Ionic 5 Text Area component. This is something that many of you have been asking for. The component is available to all our users and can be found in the App Builder PALETTE.
• Improved performance of Ionic 4/5 preview. And this is great news since loading the project preview takes less time now, making your development experience even more positive and productive.
• Improved Ace editor with added autocomplete option: 
• Added rich editor for variable’s value in Ionic 5 projects. Now, if you need to provide a long line of code or add some object or array to your variable, just click the three-dot button next to the Value field:
• Full support of Android 11.
• A bonus feature is the possibility to quickly add the predefined dark theme for your apps by using our Dark Theme plug-in:

And, the last but not the least: bug fixes (not too much, though).

Have you ever wondered what low-code app development pitfalls might get in the way of your product becoming successful? And what can be done to avoid them? Actually, it would be true to say that most, if not all of low-code developers have.

Well, some good news is that you can now find some of the answers to such questions in a new brand-neutral, yet highly informative article from two Appery.io people: Eldar Chernitsky,  head of product at Appery.io, and Alexander Ancipov,  head of development at Appery.io.

Please follow the link to read the post “3 major low-code app development pitfalls and how to avoid them” published by Software Development Times, a leading monthly magazine for Software and Development Managers, DevOps teams, Test & QA professionals, and CIO’s.