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.
GraffitiWebAdSense allows you to easily embed AdSense advertising in your Xojo web application for monetization.
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!
GraffitiWebAnimator is a powerful web animation component that allows you to easily chain animations for complex and interesting effects without writing multiple lines of code for each transition.
GraffitiWebBarcodeReader allows Xojo developers to implement barcode and QR reading capabilities directly in to their web applications using a device's camera, complete with device selection.
Supports AZTEC, CODABAR, CODE39, CODE93, CODE128, EAN8, EAN13, ITF, PDF417, QR, RSS14, UPCA and UPCE.
This class allows you to read the current session's hardware battery status, including charge and drain times.
GraffitiWebCalculator allows Xojo developers to embed an attractive and functional calculator directly in to their web applications.
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.
GraffitiWebCard is an amazing modern component that allows Xojo developer to display information in interesting ways, directly on their page. Whether you need to provide instruction, an error message, or a product listing, GraffitiWebCard can handle it.
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…
An extensive and powerful What You See If What You Get (WYSIWYG) editor with support for many different types of HTML tabs, from Bold to Tables.
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.
GraffitiWebNotifier allows Xojo developers to leverage the power and usability of the browser's built-in notification system to display messages directly on the users' desktop.
GraffitiWebOption is a set of two classes, one for boolean display (Checkbox), and the other for group selection (Radiobutton).
GraffitiWebPagePanel mimics Xojo's desktop PagePanel by allowing the quick and easy switching of WebContainers while retaining size and position.
GraffitiWebPagination provides an easy means of allowing users to select between sets of data. The developer can set the maximum numbers of pages, currently selected page, and fully style the component.
GraffitiWebPDF allows Xojo developers to create PDF files for viewing or download directly in their web projects. With support for fonts, colors, shapes, images, and tables.
Adds the ability to slide a containercontrol on to and off of the page on-demand, with advanced styling.
GraffitiWebSlider is an advanced numeric selector with a number of interesting features and styling possibilities, including the ability to style background ranges directly in the component.
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.
GraffitiWebToolbar is a powerful toolbar replacement control with support for flexible spaces, flexible buttons, Bootstrap styling, and FontAwesome icons baked in.
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.