From the reference libraryFiveM

Client

ox/ox_lib/Dui/Javascript/Client.mdx

Client

Simple and centralised dui creation, supporting sending message, change url and deletion

Dui(data);
  • data: object
    • url: string
    • width: number
    • height: number
    • debug?: boolean

Returns:

  • dui: Dui
    • url: string
    • duiObject: number
    • duiHandle: string
    • runtimeTxd: number
    • txdObject: number
    • dictName: string
    • txtName: string
    • setUrl: function(url: string)
    • sendMessage: function(data: object)
    • remove: function

Usage Example

import { Dui, cache } from "@overextended/ox_lib/client";

const dui = new Dui({
  url: `nui://${cache.resource}/web/index.html`,
  width: 1920,
  height: 1080,
  debug: true,
});

// Change url
dui.setUrl("https://google.com");

// Send a message
dui.sendMessage({
  action: "display",
  value: true,
});

// Destroy
dui.remove();
Back to documentation