Appery Link Uploaded File to Custom Collection

This document describes our customizable Duties App template that is designed to efficiently manage teamwork and tin can exist used on any device:

Every bit a bonus, we provide detailed explanations for those who are interested in customizing the offered app template.

No special knowledge or experience is required to use our Duties App template — just follow the simple steps below to install the app and enjoy depression-code development with Appery.io!

1. From the Apps tab, click Create new app.
2. Select Appery.io Templates > Duties App, enter the name for your project (for example,
   Duties App), and click the Create push:

In a moment, the app is created and the showtime thing you can see is our App Builder Start page with the Project View section on the left where all the predefined project data tin can be establish. The app First page also features the video tutorials with instructions on how to use the templates and suggesting the ways of how they tin can be modified according to your needs:

Really, the application is gear up to exist used and does non require any boosted effort on your part and so let'south test the app at work and see what it'due south all nearly.
Click the Exam button in the app Toolbar; you will be redirected to the tab with the app preview.

🚧

Note!

If you are launching your projection for the offset time, please permit some time for the app preview to load.

In one case loaded, the application Login page will launch in the preview, looking similar this:

As a new app user, you will demand to register an business relationship before you lot can start using the app. Then, click the respective link and provide registration data: your first and last names, e-mail accost, and password:

Once registered, y'all will be redirected to the Groups page. Here, you can see the current list of the groups where you can be either an Admin or a Member . And it'due south natural that a new user can see the empty list:

To become a squad manager, Admin must first create a group by inviting users to their team.

1. Start past clicking the + button to initiate creating your offset grouping that you will administrate.
2. Proper noun your grouping and enter the email address of the user you want to invite:

3. Later on you hit CREATE, the created group volition appear on the Groups page list, and the invitation to bring together the grouping will exist sent to the provided email address:

4. The next step is to click the group to open the duties board where the duties tin can be added and assigned among the grouping members:

📘

Admin can also edit or delete their grouping(due south) by swiping left and selecting the needed option:

5. To invite another user to this group, click the edit push button and, in the modal window, enter the new invitee`south electronic mail address and ostend:

Now, later on the user accepts your invitation, new duties entries tin can be assigned to this user as well.

1. Our duties board is empty, so let's click the + button to create the beginning duty entry.
2. The Add together Duty screen opens where the duty name, its description, and due time should be provided. Also, select whether yous want to assign information technology to your group member(s) (here, there is simply one) (option i) or would rather practise it yourself (option 2):

🚧

Assigning duties to your grouping members is possible only afterward they take accepted your invitation.

3. After you ostend, the duty entry volition get listed on the board where you can review or marking information technology every bit done:

4. Equally the app Admin , you can likewise choose to delete the entry by swiping it left then confirming the action:

📘

Also, in that location is a carte (three lines) button in the upper right corner of the duties board where yous can review all awaiting duties assigned to this grouping and, if needed, filter the duties lists:

1. As an invitee, who decided to join the group, y'all will need to kickoff sign up for the app (if you are non already registered) using your e-mail address.
2. Afterwards you log in, you can come across that the notification button in the upper left corner indicates there is some message sent to y'all. Click it to see the invitation:

3. Now, click JOIN to take (or DISMISS to decline) it:

4. Now, you tin can see that you have successfully joined the group Dance Studio :

📘

While being the group fellow member you lot can still initiate building your ain group where you will be the Admin . To do it, click the + button, name your grouping, and send invites.

5. Select the grouping to open the duties lath:

6. In this screen, only ane duty entry is listed and y'all can mark information technology washed by checking the checkbox:

📘

Adding duties to the group, modifying and/or deleting them can exist done by Admin only.

7. Yous tin also choose to create another duty entry from this view; to do it, click the + button.
8. On the Add Duty screen, provide the proper noun, description, due time, and click Add:

📘

Note, that every bit an invited group fellow member, yous cannot assign it to anybody, only to yourself.

9. The entry will be added to the grouping duties board with the indication that you are responsible for this consignment:

10. When yous are washed with this duty, you can also check the respective checkbox.

In addition to its main functionality - adding duties and assigning them to specific users - our Duties App template offers some actress benefits like the Pull to Refresh feature or the ability to ship notifications when a device goes offline (or back online), etc.

A very handy tool to use when several app users demand to efficiently coordinate their piece of work calculation new duties simultaneously: this manner, every group member is kept updated:

With this characteristic, you will be instantly notified when your device connection goes offline:

Also, after your device automatically reconnects, y'all volition exist informed that your network connection is restored:

Earlier the app tin can exist used efficiently, some personalization changes demand to exist made to the server code library that manages sending confirmation emails, inserts the correct app store links, etc.

1. Click the Server Code link located to the right of the summit app Toolbar to open the Server Code dashboard in a new window so that you lot can now piece of work with information technology without even closing the project.

2. On the Server Lawmaking folio, select DutiesSettings to open the library:

3. Now, go to its code editor to proceed with personalizing the needed fields by replacing the default values with your custom ones:

i). GUID of confirmationEmail server code
Provide the valid GUID (tin exist constitute in the browser address bar)

2). Google Play download app link
Enter the link to your app published on Google Play

three). Apple Shop download app link
Enter the link to your app published on App Shop

4). Favicon for new password page template
If needed, you can upload your custom favicon to be shown in the app.

For example, yous tin replace the default favicon added to the app database.

1. To exercise it, click the Database link located to the right of the top app Toolbar to open the Databases dashboard in a new window.
2. Select the DutiesList_dutiesDB , so click its Files predefined collection.
3. Now, click Upload to select the needed file from your bulldoze:

When washed, y'all tin become back to the lawmaking editor and provide the path to the newly uploaded file.

five). Mail settings
Provide your valid e-mail settings.

6). Mail templates
Customize the templates of the emails sent to the app users. The library has several predefined templates all of which can be modified:

• Invite to the group template
• Remove from group template
• Reset countersign template
• New countersign folio template

🚧

FORGOT YOUR Password? Characteristic

Annotation that the FORGOT YOUR Password? characteristic is the but one that cannot be functional unless properly defined and will not work out-of-the-box.

👍

Customizing Options

For this template, many customization options are also bachelor like irresolute the app color themes, launch icons and screens, customizing app pages, etc.
If interested, check out the instructions in the Customizing App Template section below or picket this video to learn how to exercise information technology.

The suggested template goes with the integrated backend services like Server Code (discussed earlier) and Appery.io Database.
While the Appery.io Server Code services provide right serverside interactions, Appery.io Database services are responsible for keeping all app data.

Allow'southward take a quick await at what the app database looks like from the inside.

1. Click the Database link located to the right of the tiptop app Toolbar to open up the Databases dashboard in a new window so that you can now review information technology without even closing the project:

2. On the Databases folio, click DutiesList_dutiesDB to open the database:

3. When in the database, click on the Collections tab to admission the default user records organized in the Users predefined collection and check that there are records of the users registered for your app:

4. Whatsoever other database collection can be reviewed (and modified if needed) in a similar way.
   For example, to review the list of duties that have already been added to the app, select the duties custom collection:

It is natural that being a template, our Duties App offers many customization options. And then, if you are interested in customizing this template, we highly recommend that you lot check out the instructions in this section.

lso, you lot tin sentinel this video for some tips on how it can exist modified according to your needs:

👍

Note that our Services Team volition be happy to assist you in edifice the application you need. So, if you lot require professional help with boosted customizing or debugging your app code and/or logic, you can consider purchasing one of our Support Packs to get the highest priority support.

The first thing you might like to exercise to make your app unique is to rename your project.

1. To do information technology, yous will need to leave the App Builder so click the Shut button in the top app Toolbar:

2. Later on that, you lot will be redirected to the Apps tab with the information about your Appery.io projects, their saved versions, people with whom you share the project, and well-nigh hosting on Appery.io. Here, click the app Rename push:

3. Now, in a new window, provide a new app name, for case, My Duties App and ostend this change:

In a moment, the Apps tab will be updated with a new app proper noun.

4. At present, you can click Open up to proceed with customizing your own application:

When the app opens in the App Builder, you lot volition see that this app template was created with Ionic 5 and has multiple folders comprising a set of organized pages, predefined color Themes, integrated backend services, and TypeScripts all of which tin can be customized as per your needs and app requirements. You can unfold any of them to see what resources are bachelor:

Every file or folder in the Project tree was created using our App Architect and we will at present give you a little background of how you tin can customize the template resources.

Opening the Pages folder, for case, will allow you to customize the individual app pages' UI and behavior. The easiest is changing the text so let's accept a closer wait at how this can be done.

With Appery.io, not merely can you easily change the proper noun of your application, but also you can modify whatever text in the suggested template.

Permit'due south review the example with changing the text of 1 of the Login page UI components.

1. First, select the Login folio on the Project tab list located to the left of the mobile phone frame. The folio will open in the DESIGN console.

📘

Adjusting Screen Size

Note that you might need to switch to the comfy screen size (depending on your monitor) XS , SM , MD , LG , XL to encounter the whole page.

2. Select the text instance you would like to modify.

📘

Using Breadcrumbs

Y'all might have noted that at that place are the breadcrumbs above the phone frame: they are often used for easy navigation between the parent/child components.

3. The Backdrop console for that component will exist shown on the correct where you can locate its Text property.
4. At present, yous tin simply change the text value, for example, replace the default Productively with Efficiently and this alter will be automatically reflected in the UI:

5. Now, when yous click TEST once again, you will encounter that the preview has as well been updated according to the recent change fabricated:

Our template has a default logo, but you tin can supervene upon it with any other image you similar.

For your convenience, we accept created several dissimilar logos so that they could be tested right away:

To replace the default logo image, you lot need to select the corresponding themefrom the Theme drop-downward under App settings > General > Assets:

The image will be replaced with the new one that is associated with the selected theme.

Withal, if you are rather interested in calculation your custom logo, delight follow the below instructions:

1. To change the logo image, select it and click the Modify button on the PROPERTIES console.
2. The Media Managing director window volition open where you can either select one of the available images or upload a needed file from your bulldoze:

3. When uploaded, the paradigm file should appear on the images list and tin be selected and then practical as a new app logo.

Another swell way to make your awarding stand out from a plethora of other apps is past changing the app color theme. You volition be surprised to see how like shooting fish in a barrel information technology is to completely modify the looks of your app using our Theme Generator option.

Each of our templates has its own unique design. What information technology also has is called Themes that are created under the Theme folder.
Our Duties App template offers five dissimilar color themes to select from: Blue , Light-green , Pink , Turquoise , and the default one:

👍

Creating Custom Themes

If you would like to create your custom theme, you can practise it using the CREATE NEW > Theme drop-down and post-obit the instructions in this certificate.

Every app folio has a Theme drib-down. The default app theme is practical hither but you tin try selecting other theme options from the drop-down to see how this specific folio will look like nether a different theme:

👍

Important!

This driblet-down works for preview purposes but and if you determine to apply the selected theme to the entire application, go to Project > App Settings and select the needed theme from the drib-down:

Now, save the app and click Test again to come across how the application looks like with newly selected theme:

In addition to modifying the appearance of the app pages, y'all are also costless to replace the default launch icons and screens by using our Launch Icons and Screens generator (or upload your custom fonts past using the Files Director).
It works similar to what was demonstrated in the Changing App Logo department: by clicking the Change button and using the Media Director:

After you are done customizing your application, click Test once again to view the modified app in the desktop spider web browser preview.

Besides, if you want to share the app link with other people, click the Test options push button side by side to TEST and check the Public option. Y'all can always uncheck it to brand the app individual again:

When your final app version is ready, you lot might like to proceed with exporting your app for
Android or iOS with farther installing it on a device.

📘

Selecting Build Type

Before you can proceed with exporting your app, go to Projection view > Project > App settings > Android binary/iOS binary to select the Release build type (Debug is the default type for both and can exist used for testing purposes simply):

Selecting iOS binary build blazon

👍

Of import Notation!

Please, note that earlier you tin consign the app, the app certificates must be imported or automatically generated (in the case of Android).
You can check this document in case you need assistance with exporting your application for iOS.
Here, you volition find information on generating certificates for Android.
Note as well that starting from August 2021, new apps are required to publish with the Android App Packet (.aab) on Google Play.
Please read more here.
You lot can as well check this Appery.io Community video that shows how to create Android and iOS certificates:

1. After the needed certificates accept been added to your app all you demand to do is to look for the packet to be created.

2. At present, you need to select the format you prefer (you are also free to build both if you need): .apk / .aab or .ipa to start building your project:

🚧

Managing Build Error The document file is not set up

If this is your outset app created with Appery you will most probable get the error signifying well-nigh missing certificates that will prevent you from successfully finishing the build process.
The error reads similar for both binary types and indicates that you should set the corresponding certificate earlier starting a new build.
If this notification is what you see after starting your build, please check out the this document nigh the document management that explains how to add the needed certificate to your project:

3. One time your project is generated, you will run into the QR-Code that you can use to upload the application to your device (or relieve the .apk / .aab or .ipa file for further use):

4. Then, install the app on your device and relish the result of your customization efforts:

Meditation & Slumber App installed on an iOS device

Updated 1 day agone

---

• Table of Contents
• • Introduction
  • Using Duties App Template
    • Creating App from Template
    • Registering Account
    • Admin Role
    • Fellow member Part
    • More Template Options
  • Personalizing Contour
  • Reviewing App Backend
  • Customizing App Template
    • Renaming App
    • Reviewing Full general App Structure
    • Customizing App Pages
    • Customizing App Color Themes
    • Customizing App Launch Icons and Screens
  • Testing Customized App
  • Exporting App

vickeryhiciandold.blogspot.com

Source: https://docs.appery.io/docs/duties-app-template

Share this post