Better UI for the Web
GraffitiWebAccordion allows for easy and compact representation of UI elements within container controls (access to WebContainers is required for GraffitiAccordion).
GraffitiWebAccordionNav provides a means of incorporating an accordion-style navigation area of your application, including the display of notification counts.
GraffitiWebAlert gives access to a robust framework of messages, including OK Only, OK/Cancel, Yes/No, Yes/No/Cancel, Log Messages, Error Log Messages, Success Log Messages, and even WebContainers!
This class allows you to read the current session's hardware battery status, including charge and drain times.
A full page calendar class with both basic and agenda views for Month / Week / Day. Supports event management by dragging and resizing, and addition to Google Calendar feeds.
GraffitiWebCamera allows for the display of real-time streams from a user's camera, or capturing single-frames to a BASE64 data URI.
Allows for the presentation of custom context menus with Font Awesome icons, and triggered on left click, hover, right click, or via function call.
An Input element for the display and input of currency-related data. Allows fine-tuned control of all aspects of the data within the element.
Allows for the using a FontAwesome icon as the cursor of either a single control or the whole page.
An input box designed for selection of dates and date ranges by use of a popup calendar.
Allows for the validation of entered email addresses, and make suggestions based on the input. Can be used to automatically correct typographical errors. For instance, if a user type “firstname.lastname@example.org”, this class will suggest “email@example.com”.
Allows developers to add support for custom format and cuetext on any WebTextField. Includes an event for Mask completion as a form of field validation.
Allows for the implementation of FontAwesome icons in Xojo web apps. Includes all current styles, and the demo includes a list of all currently available icons.
GraffitiWebGrid is an amazingly complex grid component.
- Cell or Row Select
- Cell Editing
- Column Sorting
- Column Reordering
- Keyboard Navigation
- Custom Displays for for percentages and boolean values
- And More…
GraffitiWebLabel is an advanced responsive label class that supports a wide variety of functionality:
- Automatic height based on content
- HTML formatted content
- FontAwesome Icons
- Xojo WebStyles
An amazing solution to problems of resizable application layouts. GraffitiWebLayout allows you to assign panels to the four cardinal directions, then can makes those panels resizable, hideable, closable, and more.
GraffitiWebLikert allows you to build questionnaires for your users using a range of selectable options.
A class that allows Xojo applications to intercept events from the browser that are fired when the user physically moves their device.
GraffitiWebOption is a set of two classes, one for boolean display (Checkbox), and the other for group selection (Radiobutton).
GraffitiWebQRReader allows Xojo developers to implement QR reading capabilities directly in to their web applications using a device's camera, with automatic detection of front-facing cameras.
Adds the ability to slide a containercontrol on to and off of the page on-demand, with advanced styling.
Allows for Text-To-Speech functionality from within the browser by using the HTML5 SpeechSynthesis API, which includes many voices for different languages.
Allows for storing custom data in the user’s browser. Can be either persistent or session specific. Developers may also bind the class to controls to automatically store and restore their values.
An amazingly versatile code highlighter and editor with support for a wide array of languages. Has built-in breakpoint, annotation, formatting options, built-in undo engine, and a robust Find/Replace system.
Pastel on Dark
Tomorrow Night Blue
Tomorrow Night Bright
Tomorrow Night Eighties
Currently supported languages:
A TabPanel control which supports embedding WebContainers for full integration with your Xojo web application.
A custom toggle control with 5 different styles, support for both clicking and dragging, and custom strings for True and False values.
An animated and stylized tooltip that can be bound to any control type. Supports Hover, Focus, and Click events.
An advanced TreeView-style control with a plethora of options, including:
- Full control over item styling
- Per-item icons
- Row editing
- HTML content in items, including image/video/audio embedding.
- and more!
This class facilitates the transfer of files from the user's computer to web applications via a drag-and-drop interface, and results in a BASE64 DataURI representation of the file.