# My App

# Info

# My App Settings

The **My App Settings** section allows administrators to configure the basic information and default behavior of the application. These settings help customize the application identity, user experience, and regional preferences.

## Basic Information

Configure the general details of your application.

| Field | Description |
|--------|-------------|
| **Title** | Enter the application title. Maximum length is **255 characters**. |
| **About Us** | Add a short description about your organization or application. Maximum length is **5000 characters**. |
| **Enquiry Auto Reply** | Define the automatic response message sent after an enquiry is submitted. Maximum length is **500 characters**. |

## Regional Settings

Set the default localization preferences for the application.

| Setting | Description |
|---------|-------------|
| **Currency** | Select the default currency used across the application. |
| **Language** | Choose the default application language. |
| **Timezone** | Configure the timezone for date and time-related operations. |

## Display Settings

Customize the visual behavior of the application.

| Setting | Description |
|---------|-------------|
| **Slide Transition** | Select the default transition effect for banners and slides displayed in the application. |

## Content Visibility

Configure how the content appears within the application.

| Setting | Description |
|---------|-------------|
| **Searchable** | Enable this option to make the content searchable within the application. |
| **Published** | Enable this option to make the content visible and accessible to end users. |

> **Note:**  
> To ensure the content is **searchable** and **visible to users**, both **Searchable** and **Published** options should be enabled before saving the settings.

> **Important:**  
> After making any changes, click **Save** to apply the updated configuration.

# Files

# My App Settings

The **Files** section allows administrators to upload and manage branding assets used throughout the application. These assets help maintain a consistent and professional appearance across the application.

## Logo

The **Logo** represents your application's brand identity and is displayed across various sections of the application.

| Field | Description |
|-------|-------------|
| **Logo** | Upload or replace the application logo. |

### How to Upload the Logo

1. Navigate to **My App Settings → Files**.
2. Under **Logo**, click the upload area or drag and drop the image.
3. Select the desired logo image.
4. Click **Save** to apply the changes.

> **Note:**  
> Use a high-quality logo with a transparent background (if applicable) for the best visual appearance.

---

## Banner

The **Banner** section allows administrators to upload a banner image for branding, promotional content, or featured announcements within the application.

| Field | Description |
|-------|-------------|
| **Banner Images** | Upload a banner image for the application. Only **one banner** is allowed per catalog. |

### Banner Requirements

| Requirement | Value |
|------------|-------|
| **Maximum Banner Limit** | 1 Banner per Catalog |
| **Minimum Image Size** | 10 × 10 px |
| **Maximum Image Size** | 4000 × 4000 px |

### How to Upload the Banner

1. Navigate to **My App Settings → Files**.
2. Under **Banner Images**, click the upload area or drag and drop the image.
3. Select the desired banner image.
4. Click **Save** to apply the changes.

> **Note:**  
> Only **one banner** can be uploaded per catalog. Uploading a new banner may replace the existing one.

---

> **Important:**  
> After uploading or replacing the **Logo** or **Banner**, click **Save** to make the changes available in the application.

# Content

# My App Settings

The **Content** section allows administrators to configure the content displayed within the application. Here, you can assign a form that has already been created in the **Modules** section.

## Forms

The **Forms** option is used to select an existing form and link it to the application.

| Field | Description |
|-------|-------------|
| **Forms** | Select a form from the list of forms that have been created in the **Modules** section. |

### How to Assign a Form

1. Navigate to **My App Settings → Content**.
2. Under **Forms**, open the dropdown list.
3. Select the required form that was previously created in **Modules**.
4. Click **Submit** to save the selected form.

> **Note:**  
> Only forms that have already been created in the **Modules** section will be available for selection.

> **Important:**  
> After selecting a form, click **Submit** to associate it with the application.

# Settings

# My App Settings

The **Settings** section allows administrators to configure the application's appearance, branding, user interface, and additional application settings. These configurations help customize the overall experience for both kiosk and application users.

> **Important:**  
> After modifying any setting in this section, click **Submit** to save and apply the changes.

---

# Style

The **Style** section allows you to customize the application's theme, layout, fonts, and various visual components.

## 1. My App Style

The **My App Style** section is used to configure the application's color scheme.

| Setting | Description |
|---------|-------------|
| **Theme Text Color** | Sets the default text color used throughout the application. |
| **Theme Background Color** | Defines the primary background color of the application. |
| **Theme Screen Color** | Configures the background color for application screens. |
| **Heading Text Color** | Sets the color for headings and section titles. |
| **Content Text Color** | Defines the text color used for content. |
| **Content Background Color** | Sets the background color behind the content area. |
| **Content Background Opacity** | Adjusts the transparency of the content background. |

> **Note:**  
> All colors are selected using their respective **Color Code**.

> **Important:**  
> After configuring the required colors, click **Submit** to save the changes.

---

## 2. Kiosk Style

The **Kiosk Style** section allows administrators to customize the layout and visibility of different sections displayed on the kiosk.

### Product Content Section

Configure how the product content is displayed on the kiosk.

### Full View Horizontal #1

| Setting | Description |
|---------|-------------|
| **Center** | Displays the primary content in the center section. |
| **Right Visibility** | Show or Hide the right-side section. |
| **Right Mode** | Select the display mode (e.g., **Banners**). |
| **Right Ratio** | Configure the display ratio (Example: **9:16**). |
| **Left Visibility** | Show or Hide the left-side section. |
| **Left Mode** | Select the display mode for the left section. |
| **Left Ratio** | Configure the display ratio for the left section. |

### Full View Vertical #1

| Setting | Description |
|---------|-------------|
| **Package** | Select how packages are displayed. |
| **Grid** | Configure the number of items displayed in the grid. |
| **Scroll** | Select the scrolling direction (Vertical/Horizontal). |

> **Note:**  
> Configure these settings according to your kiosk display requirements.

> **Important:**  
> Click **Submit** after updating the kiosk layout.

---

## 3. Fonts

The **Fonts** section allows administrators to upload or select fonts used throughout the application.

| Font | Description |
|------|-------------|
| **Regular Font** | Default font used for normal text. |
| **Bold Font** | Font used for bold text. |
| **Italic Font** | Font used for italic text. |
| **Bold Italic Font** | Font used for bold italic text. |

> **Important:**  
> Click **Submit** after updating font settings.

---

## 4. Headings

The **Headings** section allows administrators to customize the default labels displayed across the application.

### My App

| Field | Description |
|-------|-------------|
| **View All Heading** | Label displayed for the "View All" option. |
| **Kiosk Cart Heading** | Heading displayed on the kiosk cart page. |
| **Website About Us** | Heading used for the website's About Us section. |

### Category

| Field | Description |
|-------|-------------|
| **Category Heading** | Heading displayed for categories. |
| **Product Heading** | Heading displayed for products. |
| **Video** | Heading displayed for videos. |

### Product

| Field | Description |
|-------|-------------|
| **Package Heading** | Heading displayed for packages. |
| **Description Heading** | Heading displayed for descriptions. |
| **Specifications Heading** | Heading displayed for specifications. |
| **Resource Heading** | Heading displayed for resources. |
| **Video Heading** | Heading displayed for videos. |
| **Map Heading** | Heading displayed for maps. |
| **Form Heading** | Heading displayed for forms. |
| **Image Heading** | Heading displayed for images. |
| **Script Heading** | Heading displayed for scripts. |

> **Important:**  
> Click **Submit** after updating the headings.

---

## 5. Contact

The **Contact** section stores the application's contact information.

| Field | Description |
|-------|-------------|
| **Mobile Number** | Primary contact number displayed in the application. |
| **Calling Hours** | Business hours during which users can contact you. |
| **Email** | Primary support or business email address. |

> **Important:**  
> Click **Submit** after updating the contact information.

---

## 6. Social

The **Social** section allows administrators to configure links to social media platforms.

Supported platforms include:

- Facebook
- Twitter
- Google
- LinkedIn
- YouTube
- Pinterest
- Instagram
- Tumblr
- Digg

> **Note:**  
> Enter the appropriate profile URL for each platform.

> **Important:**  
> Click **Submit** after updating the social links.

---

## 7. Address

The **Address** section allows administrators to manage branch or office locations.

Click **Add Address** to create a new branch.

### Address Details

| Field | Description |
|-------|-------------|
| **Address Title** | Name of the branch or office. |
| **Country** | Select the country. |
| **State** | Select the state. |
| **City** | Enter the city name. |
| **Pin Code** | Enter the postal code. |
| **Address 1** | Primary street address. |
| **Address 2** | Apartment, suite, building, floor, etc. (Optional). |
| **Mobile Number 1** | Primary contact number. |
| **Mobile Number 2** | Secondary contact number (Optional). |
| **Calling Hours** | Business hours. |
| **Email** | Branch email address. |

> **Note:**  
> Google Maps integration may be available for selecting the location.

> **Important:**  
> Click **Submit** after adding or editing an address.

---

## 8. Order

The **Order** section allows administrators to configure the default business note displayed during the ordering process.

| Field | Description |
|-------|-------------|
| **Business Note** | Enter a default note (Maximum **500 characters**). |

> **Important:**  
> Click **Submit** after updating the business note.

---

## 9. CTA (Call To Action)

The **CTA** section allows administrators to configure Call-To-Action buttons used throughout the application.

| Setting | Description |
|---------|-------------|
| **Enable CTA for Categories** | Enable or disable CTA buttons for categories. |
| **Enable CTA for Products** | Enable or disable CTA buttons for products. |
| **Background Color** | Select the CTA button background color. |
| **Icon Color** | Select the CTA icon color. |

> **Important:**  
> Click **Submit** after updating CTA settings.

---

## 10. SEO

The **SEO** section helps improve the application's visibility on search engines.

| Field | Description |
|-------|-------------|
| **SEO Title** | Enter the SEO title (Maximum **70 characters**). |
| **SEO Description** | Enter the SEO description (Maximum **160 characters**). |
| **SEO Keywords** | Enter comma-separated SEO keywords (Maximum **160 characters**). |

> **Note:**  
> Separate multiple keywords using commas.

> **Important:**  
> Click **Submit** after updating SEO settings.

---

## 11. Resource Configuration

The **Resource Configuration** section allows administrators to customize the action button displayed for resources.

| Setting | Description |
|---------|-------------|
| **Action Button Text** | Enter the text displayed on the resource action button (Maximum **10 characters**). |
| **Action Button Text Color** | Select the button text color. |
| **Action Button Background Color** | Select the button background color. |
| **Server** | Configure the server used for resource access. |

> **Important:**  
> Click **Submit** after updating the resource configuration.

---

## 12. App Download Bar

The **App Download Bar** section controls the application's download banner.

If the **Enterprise Mobile App** feature is not included in your current pricing plan, the following message will be displayed:

> **Permission Alert!**  
> Oops! Your pricing plan does not include the **Enterprise Mobile App** feature.  
> **Talk to Sales** to upgrade your plan.

> **Note:**  
> This feature is available only for supported subscription plans.

---

## Final Note

> **Important:**  
> Any changes made under **Style**, **Kiosk Style**, **Fonts**, **Headings**, **Contact**, **Social**, **Address**, **Order**, **CTA**, **SEO**, **Resource Configuration**, or **App Download Bar** will **not be applied until you click the `Submit` button**.