# How-to-use

### How to setup the building environment?

The cloud environment is immediately accessible without the need for any additional configuration. It features a customized workspace that facilitates collaboration among users in the process of creating and sharing applications.

{% hint style="info" %}
[Refer this link for more info](https://docs.appizap.ae/workspaces)
{% endhint %}

### How to start building iOS apps?

Navigate to the creation section on the dashboard interface where you can select the specific type of application you wish to develop.

<figure><img src="https://125370873-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FzdpN2Lz0hzXpnNScDzVt%2Fuploads%2FnuI94HqUbDSgaa4BXZTc%2FHow%20to%20start%20building%20iOS%20apps.gif?alt=media&#x26;token=8a199c6b-a218-418f-bfd3-383a223f3b8b" alt=""><figcaption></figcaption></figure>

### How to start building Android apps?

It is same process answered in the previous section aboe - Go to the creation section located on the main dashboard interface. Here, you will have the option to choose the particular type of application that you want to work on.

### How to use custom domain?

The domain name can be established during the initial naming of the application, with the option to subsequently modify it in the application's settings.

<figure><img src="https://125370873-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FzdpN2Lz0hzXpnNScDzVt%2Fuploads%2Flvw5DRxiAQfu5kSWeR3Q%2FHow%20to%20use%20custom%20domain.gif?alt=media&#x26;token=85d83990-25b8-4482-b936-8918b868e87a" alt=""><figcaption></figcaption></figure>

### How to setup app security?

Access the application by navigating to the dashboard. Locate the authentication settings within the configuration menu to establish security protocols at the application level.

<figure><img src="https://125370873-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FzdpN2Lz0hzXpnNScDzVt%2Fuploads%2FzdsR1nf0t1FZwBTGPgVl%2FHow%20to%20setup%20app%20security.gif?alt=media&#x26;token=17b7fcac-837f-41c5-b385-eae0857ce411" alt=""><figcaption></figcaption></figure>

### How to setup user authentication?

Access the user management feature within the workspace and opt for user authentication to establish security measures at the individual user level.

<figure><img src="https://125370873-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FzdpN2Lz0hzXpnNScDzVt%2Fuploads%2FEKswhMJ2zRIHMTeAsYWu%2FHow%20to%20setup%20user%20authentication.gif?alt=media&#x26;token=18f5afd5-5587-404d-84f3-daf84879139a" alt=""><figcaption></figcaption></figure>

### How to release or publish apps?

Access the application and select the 'Publish' button - or navigate to the [version history within the application's settings](https://docs.appizap.ae/build-apps/app-configuration/publish-history) where you have the option to select a version and subsequently publish it.

<figure><img src="https://125370873-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FzdpN2Lz0hzXpnNScDzVt%2Fuploads%2Fz6PyezJrTouZbYA3wjZI%2FHow%20to%20release%20or%20publish%20apps.gif?alt=media&#x26;token=b0b76a5b-87a7-432a-862e-5db33ac1fcf6" alt=""><figcaption></figcaption></figure>

### How to sign up?

The registration process on the 'Appizap' platform entails a structured system that guides users through simple steps to initiate the creation of a new application.

{% hint style="info" %}
[Refer this link for more info](https://docs.appizap.ae/build-apps/on-boarding-flow)
{% endhint %}

### How to connect with social apps?

### How to choose the suitable plan/subscription?

### How to choose the right widget?

Selecting the appropriate widget or component is contingent upon the specific needs and desires regarding the features, functionality, and user experience (UX) of your application. Below is a structured approach to assist you in making the decision.

|          Usage          |                            Widget                           |
| :---------------------: | :---------------------------------------------------------: |
|        Input data       | Input, Number Input, Password, Mention, Comment, Date, Time |
|        Navigation       |        Navigation, List View, Grid, Tabbed Container        |
|   Display information   |   Text Display, Grid, Responsive Grid Layout, File Viewer   |
|    Show images/media    |       Image, Image Carousel, Lottie Animation, IFrame       |
| Interactive UI elements |  Mention, Comment, Timeline, Slider, Tree Select, Calendar  |
|  Forms & authentication |                             Form                            |
|   Collapsible content   |              Collapsible Container, Tree Select             |
|     Dialogs & popups    |                            Modal                            |
|     Search & filter     |             Table, Grid, Responsive Flex Layout             |
|   Progress indication   |                  Progress, Progress Circle                  |
|     Charts & Graphs     |              Graph, Geo Map Chart, Funner chart             |

### How to use the custom widget?

Appizap allows users to create tailored components using the React.js library in order to meet unique requirements during the app development process.&#x20;

{% hint style="info" %}
[Refer this link for more info](https://docs.appizap.ae/appizap-studio/widget-library/custom-component)
{% endhint %}

### How to design a responsive layout?

Appizap's "responsive flex widget" dynamically adjusts to various device screens to optimize usability and enhance navigation. It automatically adapts to the specific display dimensions and aligns elements accordingly.

{% hint style="info" %}
[Refer this link for more info](https://docs.appizap.ae/appizap-studio/widget-library/responsive-flex-layout)
{% endhint %}

### How to integrate Appizap app with external app using API?

Appizap enables users to establish connections with diverse databases and a wide range of third-party APIs through the data sources functionality.

{% hint style="info" %}
[Refer this link for more info](https://docs.appizap.ae/database/data-source-basics)
{% endhint %}

### How can an external system integrate into Appizap?

### How to create a new app?

### How to preview the app?

Open the screen you want to preview and click the Preview button. You can also go back to edit the app in the studio from the preview page.

<figure><img src="https://125370873-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FzdpN2Lz0hzXpnNScDzVt%2Fuploads%2FrhQgKYt9gW4sjPyJIZqv%2FHow%20to%20preview%20the%20app.gif?alt=media&#x26;token=77737fc1-0d3b-455f-961a-e9b3b6998865" alt=""><figcaption></figcaption></figure>

### How to test the app?

### How to secure app data?

Appizap automatically ensures the safety of all data stored within its platform as a standard feature. The security protocols implemented by Appizap are designed to prevent unauthorized access and protect sensitive information from potential cyber threats.

{% hint style="info" %}
[Refer the security & compliance link for more info](https://docs.appizap.ae/security)
{% endhint %}

### How to develop reports?

Various types of chart widgets are accessible for users to utilize in order to interact with the data. These widgets can be utilized to generate, analyze, and showcase graphs and reports.

<figure><img src="https://125370873-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FzdpN2Lz0hzXpnNScDzVt%2Fuploads%2FYKSuZJjU6FG1GRcJTFqT%2Fimage.png?alt=media&#x26;token=98e7b38d-b47c-43b9-a480-8076834067f9" alt=""><figcaption><p>Charts in Widget Library</p></figcaption></figure>

{% hint style="info" %}
[Refer this link to know more about using charts](https://docs.appizap.ae/appizap-studio/widget-library/chart)
{% endhint %}

### How to set widget visibility?

Choose the widget that you would like to customize and navigate to the properties section. Within this section, you have the option to adjust the visibility of the widget on the screen by assigning the value between true or false.

<figure><img src="https://125370873-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FzdpN2Lz0hzXpnNScDzVt%2Fuploads%2FFalmVCVXKGnFkxxwdm8Y%2Fimage.png?alt=media&#x26;token=2a718c3f-ff8d-4383-9298-45565671143b" alt=""><figcaption></figcaption></figure>

### How to assign/revoke access to apps?

Access the application by navigating to the dashboard. Find the authentication settings within the configuration menu in order to grant or deny permissions for the application.

{% hint style="info" %}
[This is discussed in the question above](https://docs.appizap.ae/build-apps/how-to-use#how-to-setup-app-security)
{% endhint %}

### How to trigger events?

Events can be initiated and managed through the interaction segment of the widget's properties. The user has the ability to determine the event triggers and designate the corresponding actions to take place.

{% hint style="info" %}
[Refer the event handlers for more info](https://docs.appizap.ae/build-apps/event-handlers)
{% endhint %}

### How to migrate apps?

### How to calculate the cost to build an app using Appizap?

### How to create a free app?

### How to decide the development time it takes to build an app?

### How to hire Appizap experts?

### How to select an app template?

The primary purpose of utilizing a template is for its reusability. It is recommended to create modules that function as templates and can be utilized across various applications using the import feature.

Also, users can get app templates from the library available on the dashboard and use them in their development process.

{% hint style="info" %}
[Refer this link for more info](https://docs.appizap.ae/build-apps/app-editor/module)
{% endhint %}

### How to send notifications?

### How to get Appizap certified?

### How to create validation rules?

Utilize the validation rules provided within the properties section of the widget(s) to enable or limit the necessary capabilities.

<figure><img src="https://125370873-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FzdpN2Lz0hzXpnNScDzVt%2Fuploads%2FlM3eEbHbQkUQJkkQ4Emv%2Fimage.png?alt=media&#x26;token=4e4279d0-7a00-410b-8fbf-02601ee249a3" alt=""><figcaption></figcaption></figure>

### How to set mandatory fields?

Adjust the 'Required Field' attribute of the widget to determine whether the user is required to complete the field or not.

### How to write a process flow or workflow?

### How to use third-party libraries?

Appizap permits the utilization of third-party JS libraries, enabling users to import these libraries and leverage their functionalities to enhance the capabilities of the application.

{% hint style="info" %}
[Refer this link for more info](https://docs.appizap.ae/build-apps/write-javascript/use-third-party-libraries)
{% endhint %}

### How to import design templates from expternal UI/UX app?

### How to use forms?

Forms play a crucial role in the collection and submission of user input, particularly in interactive features that involve processing user data. They are commonly utilized in functions such as logging in, signing up, searching, checking out, and submitting feedback.

### How to store image and files, and use them on the app building?

Utilize the buckets for the purpose of storage for various media and files, and make references to them within the application utilizing their respective file paths.

[Uploading the files into buckets is explained in this tutorial](https://docs.appizap.ae/database/storage)

You can upload image in this fashion dynamically.

<figure><img src="https://125370873-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FzdpN2Lz0hzXpnNScDzVt%2Fuploads%2F0r79tsyCip0aAV88dfmk%2Fimage.png?alt=media&#x26;token=1c8cb2c6-603c-4fe5-9bd5-95edf8bb9951" alt=""><figcaption></figcaption></figure>

The guide below shows how to get the URL of a file stored. User can use this address to refer the file and use it in the development process.

<figure><img src="https://125370873-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FzdpN2Lz0hzXpnNScDzVt%2Fuploads%2Fv0mFlNJwZ28NLsaB7glZ%2FGerURLoftheFileStoredInBucket.gif?alt=media&#x26;token=814cf3d5-622b-4bc0-887f-647437ee3869" alt=""><figcaption></figcaption></figure>

### How to manage pages?

In Appizap, pages are commonly known as screens. Multiple screens can be incorporated into an application, and users have the capability to create modules and navigational elements to enhance the functionality of an application.

<figure><img src="https://125370873-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FzdpN2Lz0hzXpnNScDzVt%2Fuploads%2F58cweqyf2jF30SoZk6x9%2Fimage.png?alt=media&#x26;token=ce4aa299-3b22-4fb0-b553-6c0ee41bf35a" alt=""><figcaption></figcaption></figure>

<figure><img src="https://125370873-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FzdpN2Lz0hzXpnNScDzVt%2Fuploads%2FlDGTeprz2dTTfioa0tMG%2Fimage.png?alt=media&#x26;token=a6d02143-fd74-4169-99d0-905bfbf4b689" alt=""><figcaption></figcaption></figure>

### How to work with queries?

The query library facilitates effective management of queries for organizing and retrieving information in the workspace, improving the user's ability to access and modify saved queries. The repository serves as a centralized hub for all stored queries, enabling easy access and retrieval. Users can create new queries that connect to different data sources with established connections, ensuring a smooth and efficient retrieval process from various databases or platforms.

{% hint style="info" %}
[Refer this link for more info](https://docs.appizap.ae/appizap-dashboard/query-library)
{% endhint %}

### How to create tables?

You do not need to create a table from the beginning. Appizap offers a preexisting table widget that users can simply populate with the required data and utilize the table's functionalities to analyze the data effectively.

The table is equipped with a range of attributes and characteristics designed to display the data in a manner that meets the needs of the business. Features like - filter, pagination, exporting data.

### How to alter table columns?

### How to export and backup data?

### How to manage user accounts?

### How to share app among Appizap users?

### How to use global variables in Appizap?

### How to setup temporary variables in Appizap?

### How to pass data between one app to another (or) one screen to another

### How to delete an app?

### How to delete a user or account?

### How to show error to the users?

### How to setup email approval process?

### How do you create a new user in Salesforce?

### How to differentiate sandbox and production?

### How to import or load thousands/millions of records into Appizap from external system?

### How to implement pagination?

### How to troubleshoot performance issues?

### How to handle errors or exceptions?

### How to debug errors?

### How to implement search feature?

### How to apply CSS to elements?

### How to change the font?

### How to create a theme?

### How to change/switch theme?

### How to import custom icon or logo?

### How to show popup?

### How to change a widget's property dynamically?

### How to load a table dynamically?

### How to open a new tab?

### How to track app activity?

### How to collect comment from users?

### How to restrict users to enter only numbers?

### How to implement timeline component?

### How to add animation?

### How to implement charts and graphs?