Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Appearance settings
NickWare edited this page Dec 29, 2022 · 18 revisions

Welcome to the Facefull wiki!

Get started

Including files

<script type="text/javascript" src="facefull/facefull.min.js" charset="utf-8"></script>
<link rel="stylesheet" href="facefull/facefull.min.css">

Initialization with JavaScript

facefullCreate();
// or facefullCreate(true) to init in native mode

window.addEventListener('load', function() {
    facefull.doInit();
});

Working with UI components

To initialize UI components, you need to set data-*name HTML tag value for each component (data-subpagename for Subpage component, for example). Initialization will be automatically done on facefull initialization.

Interacting with UI components in JS

To access a UI components from JS you need to use the appropriate collection from the facefull class. (facefull.Subpages[id], for example). id must be equal to data-*name (data-subpagename, for example) HTML tag value of relevant element.

Show all members of Facefull

Native mode

Native mode allows you to use Facefull to create a user interface for native desktop applications using the webview component. In native mode you can use built-in event system to communicate with your native desktop application backend. All you need to do is implement a bridge - the communication system between your application backend and the user interface.

Learn more about Facefull bridge interface

Available UI components

Clone this wiki locally

Morty Proxy This is a proxified and sanitized view of the page, visit original site.