JPResources Documentation
  • 👋Welcome to JPResources
  • Installation
    • 📲Phone System
      • Installation Page
        • QBCore
        • QBox
        • ESX
        • VRPex
      • Config File
      • Events & Commands
      • Custom APPs
      • Translations
      • Common Problems
      • Installation Video
    • 🏡Housing System
      • Installation Page
        • QBCore
        • QBox
        • ESX
      • Events & Commands
      • How to add MLO House
      • How to add SHELL Tier
      • Translations
      • Common Problems
    • 🎰Casino System
      • How to install
        • ESX
        • QBCore
        • QBox
      • Translations
      • Common Issues
    • 🚨MDT System
      • How to install
      • Events & Commands
      • Translations
    • 🏥EMS MDT System
      • How to install
      • Events & Commands
      • Translations
    • 🎒Inventory
      • How to install
      • Events & Commands
      • Translations
      • Common Issues
    • 🚘Vehicle Shops
      • Installation Page
        • QBCore
        • Qbox
        • ESX
      • Translations
    • 💰Business System
      • Installation Page
        • QBCore
        • Qbox
        • ESX
      • Translations
    • 💼Job System
      • Installation Page
        • QBCore
        • QBox
        • ESX
      • Translations
    • 📱Budget Phone
      • QBCore
    • ⚙️Crew System
      • QBCore
    • 👚Clothing System
      • QBCore
    • 🏢Garage System
      • Installation Page
        • QBCore
        • QBox
        • ESX
    • 👪Multichar
      • Installation Page
        • QBCore
        • ESX
    • 🔪Territories
      • Installation Page
        • QBCore
        • QBox
        • ESX
    • 🎒Backpack
      • QBCore
    • 💴Moneywash
      • Installation Page
        • QBCore
        • QBox
        • ESX
    • 🌊Poolcleaner Job
      • Installation Page
    • 🚗TDi Smoke
      • Installation Page
  • Support / Store
    • 🛠️Where i can find support and buy new scripts
    • 🛠️FiveM asset escrow errors
Powered by GitBook
On this page
  • Adding app to phone:
  • Now, lets add our custom app to "AppStore":
  • Adding our custom app to "Storage System":
  • Doing design of my custom app:
  • My custom app UI Interactions
  1. Installation
  2. Phone System

Custom APPs

Adding app to phone:

First, lets add your custom app to phone system library. On main_config.lua file, you can see the Config.AppLabels, there is where you set the lable name of your name. Lets give to our custom app the name of: jpresources

Config.AppLabels = {
    ["jpresources"] = "JPResources",
}

Now, lets add our custom app to "AppStore":

On main_config.lua file, you can see the Config.AppStoreApps, there is where you sadd your custom app to Phone System AppStore.

Config.AppStoreApps = {
    {name = "jpresources", label = "JPResources", backColor = "rgba(95, 94, 93, 0.178)", time = 5000, rate = 3.6, age = 6, image = "./img/apps/jpresources.png", category = "Custom Apps", description = "My first custom APP.", banner = "./img/appstore/jpresources.jpg"},
}

Adding our custom app to "Storage System":

On main_config.lua file, you can see the Config.AppSizes, there is where you sadd your custom app to Phone System Storage System.

Config.AppSizes = { -- in MBs
    ["jpresources"] = 623,
}

Doing design of my custom app:

Phone System do all alone, now, after adding app to phone, adding it to appstore and to storage system, your app will show in-game.

When a player click on it, Phone System will show div named: "app-YOUR APP NAME", in this case it will show div named "app-jpresources"

To do the design, just create a div with that name on html file, FOLLOWING THE OTHER APPS EXAMPLE, and add all you need on that app inside that div.

My custom app UI Interactions

You can use file that is placed on HTML - JS - customAPP.js to insert all your UI interactions like clicks on your custom buttons inside an APP.

For LUA ones, you got the file inside CONFIGS - custom_apps_callbacks.lua to insert all you need to your custom app functions.

Default Phone System UI interactions functions (can use on JS Files):

JPR.iPhone.Functions.ClosePhoneSystem

JPR.iPhone.Functions.CloseAllApps

JPR.iPhone.Functions.HideReturnBar

JPR.iPhone.Functions.ShowReturnBar

JPR.iPhone.Functions.CloseControlPanel

JPR.iPhone.Functions.OpenNewApp(appname)

JPR.iPhone.Functions.OpenControlArea

sendCustomNotification(text, image, title)

PreviousEvents & CommandsNextTranslations

Last updated 8 months ago

This is how you do an app: 1- Add it to Phone System; 2- Add to AppStore; 3- Add to Storage System; 4- Create the Design; 5- Create the interactions; Good to go

📲
🎉