vms* store - Docs
Purchase Asset
  • Welcome
  • Official Store
  • Discord
  • Helpful
    • Basic Server Knowledge
      • How to import SQL to database?
      • How to update server artifacts?
    • General Issues
    • Prepared Resources
  • ASSETS
    • vms_notifyV2
      • Installation
      • FAQ
      • Guides
        • Text Formatting
        • Swap in framework
      • Developer API
        • Client Exports
        • Server Events
      • Configuration Files
        • config.lua
        • config.js
    • vms_bossmenu
      • Installation
      • Compatibility
      • FAQ
      • Guides
        • Creating job2 on ESX
        • Paychecks Integration
      • Developer API
        • Client Exports
        • Client Events
        • Server Exports
      • Configuration Files
        • config.lua
        • config.client.lua
        • config.server.lua
    • vms_cityhall
      • Installation
      • Compatibility
      • FAQ
      • Common Errors
      • Guides
        • License Revocation
        • Personal Taxes Integration
        • Business Taxes Integration
        • Paychecks Integration
        • Add SSN Generation
        • Generate SSN for Players
        • Add VIN Generation
        • Generate VIN for Vehicles
      • Developer API
        • Client Exports
        • Server Exports
        • Commands
      • Configuration Files
        • config.lua
        • config.client.lua
        • config.server.lua
        • config.shared.lua
        • config.clerks.lua
        • config.taxes.lua
        • config.js
    • vms_documentsV2
      • Installation
      • FAQ
      • Common Errors
      • Guides
        • Add SSN Generation
        • Generate SSN for Players
        • Creating New Document
        • Driving School Integration
      • Developer API
        • Client Exports
        • Server Exports
        • Commands
      • Configuration Files
        • config.lua
        • config.client.lua
        • config.server.lua
        • metadata.js
    • vms_garagesV2
      • Installation
      • Compatibility
        • Housings
          • qs-housing
          • esx_property
          • bcs_housing
        • Phones
          • yflip-phone
          • qs-smartphone-pro
        • Other
          • VehicleDeformation
          • kq_wheeldamage
      • FAQ
      • Common Errors
      • Guides
        • Interior Stuck Prevention
        • Registering House Garage
      • Developer API
        • Client Exports
        • Server Exports
        • Server Events
        • Commands
      • Configuration Files
        • config.lua
        • config.client.lua
        • config.server.lua
        • config.garages.lua
        • config.management.lua
        • config.parkingcreator.lua
        • config.js
    • vms_houserobberies
      • Installation
      • FAQ
      • Common Errors
      • Configuration Files
        • config.lua
        • config.client.lua
        • config.server.lua
        • config.items.lua
        • config.interiors.lua
        • config.houseslist.lua
        • config.configurator.lua
    • vms_vehicleshopV2
      • Installation
      • Compatibility
      • FAQ
      • Common Errors
      • Guides
        • Adjusting Required Licenses
        • Adjusting orderprice
        • Photos Tool
      • Developer API
        • Client Exports
        • Client Events
        • Server Exports
        • Commands
      • Configuration Files
        • config.lua
        • config.client.lua
        • config.server.lua
        • config.management.lua
        • config.showroom.lua
        • config.js
    • vms_stores
      • Installation
      • Compatibility
      • FAQ
      • Common Errors
      • Configuration Files
        • config.lua
        • config.client.lua
        • config.server.lua
        • config.camera.lua
        • config.robbery.lua
        • config.storemanage.lua
        • config.js
    • vms_reports
      • Installation
      • Common Errors
      • Configuration Files
        • config.lua
        • config.client.lua
        • config.server.lua
        • config.js
    • vms_tuning
      • Installation
      • FAQ
      • Common Errors
      • Guides
        • Garage Integration
          • jg-advancedgarages
        • Understanding Prices
        • Using whitelist & blacklist
        • Fix tuning parts names from NULL
        • Paychecks from the built-in balance
      • Developer API
        • Client Exports
        • Server Exports
      • Configuration Files
        • config.lua
        • config.client.lua
        • config.server.lua
        • config.vehicles.lua
        • config.tuningmenu.lua
        • config.installationparts.lua
        • config.custommods.lua
        • config.missions.lua
    • vms_gym
      • Installation
      • FAQ
      • Common Errors
      • Developer API
        • Client Exports
        • Server Exports
        • Server Events
      • Configuration Files
        • config.lua
        • config.client.lua
        • config.server.lua
        • config.management.lua
    • vms_hud
      • Installation
      • FAQ
      • Common Errors
      • Developer API
        • Client Exports
        • Client Events
        • Server Events
      • Configuration Files
        • config.lua
        • config.client.lua
        • config.server.lua
        • config.js
    • vms_spawnselector
      • Installation
      • Compatibility
        • vms_multichars
        • esx_multicharacter
        • esx_identity
        • qb-multicharacter
      • FAQ
      • Developer API
        • Client Exports
        • Server Events
      • Configuration Files
        • config.lua
        • config.client.lua
        • config.server.lua
    • vms_guidebook
      • Installation
      • Guides
        • Text Formating
      • Developer API
        • Client Exports
        • Client Events
        • Server Events
      • Configuration Files
        • config.lua
        • pages.js
    • vms_coinshop
      • Installation
      • Configuration Files
        • config.lua
    • vms_vehicleshop
      • Installation
      • Configuration Files
        • config.lua
    • vms_gangmissions
      • Installation
      • Guides
        • Connection to NPCTALK
      • Configuration Files
        • config.lua
    • vms_charcreator
      • Installation
      • Compatibility
        • vms_multichars
        • esx_multicharacter
        • esx_identity
        • qb-multicharacter
        • ZSX_Multicharacter
        • renzu_multicharacter
      • FAQ
      • Developer API
        • Client Events
        • Server Events
      • Configuration Files
        • config.lua
    • vms_clothestore
      • Installation
      • Compatibilty
      • Common Errors
      • Developer API
        • Client Exports
        • Client Events
        • Server Events
      • Configuration Files
        • config.lua
        • config.prices.lua
        • config.js
    • vms_multichars
      • Installation
      • Compatibilty
      • Common Errors
      • Developer API
        • Commands
      • Configuration Files
        • config.lua
        • config_client.lua
        • config_server.lua
        • config_commands.lua
    • vms_identity
      • Installation
      • FAQ
      • Common Errors
      • Configuration Files
        • config.lua
    • vms_barber
      • Installation
      • Compatibility
      • FAQ
      • Common Errors
      • Configuration Files
        • config.lua
        • config.client.lua
        • config.server.lua
        • config.management.lua
    • vms_tattooshop
      • Installation
      • Compatibility
      • FAQ
      • Common Errors
      • Guides
        • New ADD-ON Tattoos
      • Developer API
        • Client Exports
      • Configuration Files
        • config.lua
        • config.client.lua
        • config.server.lua
        • config.management.lua
        • config.tattoos.lua
    • vms_driveschoolV2
      • Installation
      • Compatibility
      • Common Errors
      • Configuration Files
        • config.lua
        • config.client.lua
        • config.server.lua
    • vms_boatschoolV2
      • Installation
      • Compatibility
      • Common Errors
      • Configuration Files
        • config.lua
        • config.client.lua
        • config.server.lua
        • config.routes.lua
    • vms_flightschoolV2
      • Installation
      • Compatibility
      • Common Errors
      • Configuration Files
        • config.lua
        • config.client.lua
        • config.server.lua
        • config.routes.lua
    • vms_documents
      • Installation
      • Guides
        • Adding to radialmenu
        • Usage of documents
        • Adding new documents
      • Configuration Files
        • config.lua
    • vms_anims
      • Installation
      • Guides
        • Adding animations
        • Adding more binds
      • Developer API
        • Client Exports
      • Configuration Files
        • config.lua
        • animations.lua
        • keybinds.lua
    • vms_weaponshop
      • Installation
      • Configuration Files
        • config.lua
    • vms_notify
      • Installation
      • Guides
        • Implementation
        • Replace core notifications
Powered by GitBook
On this page

Was this helpful?

  1. ASSETS
  2. vms_guidebook
  3. Guides

Text Formating

Last updated 1 month ago

Was this helpful?

Classes List:

  • header

  • center

Text Colors:

  • darkred, red, lightred, darkgreen, green, lightgreen, darkblue, blue, lightblue, yellow, orange, pink, purple

Also if you know about CSS you can create your own custom style classes or use style="" option and create your own unique look, for people who have no idea about CSS style default classes have been created which usage is shown below

Name
Usage

Header Text

Center Text

Bolded Text

Color - Dark Red

Color - Red

Color - Light Red

Color - Dark Green

Color - Green

Color - Light Green

Color - Dark Blue

Color - Blue

Color - Light Blue

Color - Yellow

Color - Orange

Color - Pink

Color - Purple

Clickable Link

Clickable function in game Below is an explanation of usage.

Image

New Line

You can use the clickable function, e.g. to start job, to teleport on coords and many others, you add the function action to Config.Actions

Config.Actions = {
    [1] = function()
        -- Here you can add what you want, triggers, exports and everything
        SetEntityCoords(PlayerPedId(), vector3(414.3, -978.43, 28.45)) -- thats example usage
        SetEntityHeading(PlayerPedId(), 266.26) -- thats example usage
        closeBook() -- this function closes the book when you press on the text above
    end
}

The page shown above was written in this way:

const pages = {
    'default': {
        [1]: `
                <div class="header">HEADER TEXT</div>
                <div class="center">CENTER TEXT</div>
                <div><b>BOLD</b></div>
                <div class="darkred">DARK RED TEXT</div>
                <div class="red">RED TEXT</div>
                <div class="lightred">LIGHT RED TEXT</div>
                <div class="darkgreen">DARK GREEN TEXT</div>
                <div class="green">GREEN TEXT</div>
                <div class="lightgreen">LIGHT GREEN TEXT</div>
                <div class="darkblue">DARK BLUE TEXT</div>
                <div class="blue">BLUE TEXT</div>
                <div class="lightblue">LIGHT BLUE TEXT</div>
                <div class="yellow">YELLOW TEXT</div>
                <div class="orange">ORANGE TEXT</div>
                <div class="pink">PINK TEXT</div>
                <div class="purple">PURPLE TEXT</div>
                <div><a onclick="openUrl('URL_HERE')">CLICKABLE LINK</a></div>
        `,
        [2]: `
                <br>
                <br>
                <br>
                <div class="header center red" onclick="useAction(1)">CLICKABLE FUNCTION IN GAME</div>
                <br>
                <img src="https://i.imgur.com/vkYfkdB.gif" style="border-radius:15px" draggable="false"/>
        `
    }
}
<div class="header">TEXT_HERE</div>
<div class="center">TEXT_HERE</div>
<div><b>TEXT_HERE</b></div>
<div class="darkred">TEXT_HERE</div>
<div class="red">TEXT_HERE</div>
<div class="lightred">TEXT_HERE</div>
<div class="darkgreen">TEXT_HERE</div>
<div class="green">TEXT_HERE</div>
<div class="lightgreen">TEXT_HERE</div>
<div class="darkblue">TEXT_HERE</div>
<div class="blue">TEXT_HERE</div>
<div class="lightblue">TEXT_HERE</div>
<div class="yellow">TEXT_HERE</div>
<div class="orange">TEXT_HERE</div>
<div class="pink">TEXT_HERE</div>
<div class="purple">TEXT_HERE</div>
<div><a onclick="openUrl('URL_HERE')">TEXT_HERE</a></div>
<div onclick="useAction(1)">USE ME</div>
<img src="URL_IMAGE" draggable="false"/>
<br>