Next: Introduction, Previous: (dir), Up: (dir) [Contents][Index]
This is the clog Reference Manual, version 0.9.0, generated automatically by Declt version 3.0 "Montgomery Scott" on Mon Apr 19 15:38:23 2021 GMT+0.
| • Introduction | What clog is all about | |
| • Systems | The systems documentation | |
| • Files | The files documentation | |
| • Packages | The packages documentation | |
| • Definitions | The symbols documentation | |
| • Indexes | Concepts, functions, variables and data types |
View the HTML Documentation:
https://rabbibotton.github.io/clog/clog-manual.html
The Common Lisp Omnificent GUI, CLOG for short, uses web technology to produce graphical user interfaces for applications locally or remotely. CLOG can take the place, or work alongside, most cross-platform GUI frameworks and website frameworks. The CLOG package starts up the connectivity to the browser or other websocket client (often a browser embedded in a native template application.)
STATUS: CLOG is complete and all work is on higher order additions, such as full desktop over the web, database tools,etc. See below for some enhacements being worked on. CLOG is actually based on GNOGA, a framework I wrote for Ada in 2013 and used in commercial production code for the last 8+ years, i.e. the techiniques CLOG uses are solid and proven.
CLOG is being actively extended daily. Check the github discussion boards for the latest.
Some potential applications for CLOG:
The key to CLOG is the relationship it forms with a Browser window or Browser control compiled to native code. CLOG uses websockets for communications and the browser to render a GUI that maintains an active soft realtime connection. For most CLOG applications all programming logic, events and decisions are done on the server which can be local, or remote over the web.
CLOG is developed on an M1 MacBook with ECL, it is tested fairly regulary with SBCL on Linux, Windows and an Intel MacBook. It should in theory work on any system Quicklisp and CLACK will load on to.
CLOG is in Quicklisp, but because I am still adding code daily, it is currently preferable to clone the github repo into your ~/common-lisp directory (or other quicklisp/asdf findable directory):
cd ~/common-lisp
git clone https://github.com/rabbibotton/clog.git
To load this package and work through tutorials (assuming you have Quicklisp configured):
CL-USER> (ql:quickload :clog)
CL-USER> (clog:run-tutorial 1)
To see where the source files are:
CL-USER> (clog:clog-install-dir)
You can the run the demos with (currently 1 or 3):
CL-USER> (ql:quickload :clog)
CL-USER> (clog:run-demo 1)
The clog-db-admin tool (currently being worked on) can be run with:
CL-USER> (ql:quickload :clog/tools)
CL-USER> (clog-tools:clog-db-admin)
You can also open a "clog-repl" window in your browser to play from the common-lisp repl:
CL-USER> (in-package clog-user)
CLOG-USER> (clog-repl)
CLOG-USER> (setf (background-color *body*) "beige")
CLOG-USER> (create-div *body* :content "Hello World!")
To open a browser with the CLOG manual:
CL-USER> (clog:open-manual)
Work your way through the tutorials. You will see how quick and easy it is to be a CLOGer.
Here is a sample CLOG app:
(defpackage #:clog-user ; Setup a package for our work to exist in
(:use #:cl #:clog) ; Use the Common Lisp language and CLOG
(:export start-tutorial)) ; Export as public the start-tutorial function
(in-package :clog-user) ; Tell the "reader" we are in the clog-user package
;; Define our CLOG application
(defun on-new-window (body) ; Define the function called on-new-window
"On-new-window handler." ; Optional docstring to describe function
(let ((hello-element ; hello-element is a local variable that
; will be bound to our new CLOG-Element
;; This application simply creates a CLOG-Element as a child to the
;; CLOG-body object in the browser window.
;; A CLOG-Element represents a block of HTML (we will later see ways to
;; directly create buttons and all sorts of HTML elements in more
;; lisp-like ways with no knowledge of HTML or JavaScript.
(create-child body "<h1>Hello World! (click me!)</h1>")))
(set-on-click hello-element ; Now we set a function to handle clicks
(lambda (obj) ; In this case we use an anonymous function
(setf (color hello-element) "green")))
(run body))) ; Keep our thread alive until connection closes
; and prevent garbage collection of our CLOG-Objects
; until no longer needed.
;; To see all the events one can set and the many properties and styles that
;; exist, refer to the CLOG manual or the file clog-element.lisp
(defun start-tutorial () ; Define the function called start-tutorial
"Start tutorial." ; Optional docstring to describe function
;; Initialize the CLOG system
(initialize #'on-new-window)
;; Set the function on-new-window to execute
;; every time a browser connection to our app.
;; #' tells Common Lisp to pass the function
;; to intialize and not to execute it.
;; Open a browser to http://12.0.0.1:8080 - the default for CLOG apps
(open-browser))
Work in progress: (Add an enhancement request if you want to see a specific feature not yet covered.)
Tutorial Summary
Demo Summary
Tool Summary
Template Summary
clog-gui-template.lisp - Basic CLOG-GUI app
High Order Extensions to CLOG (so far)
clog-gui - Desktop over the web
clog-web - Webpage creation
clog-data
Post 1.0 (~ April time)
clog-auth
clog-monitor
Next: Files, Previous: Introduction, Up: Top [Contents][Index]
The main system appears first, followed by any subsystem dependency.
| • The clog system |
David Botton <david@botton.com>
BSD
The Common Lisp Omnificent GUI
0.9.0
clog.asd (file)
Files are sorted by type and then listed depth-first from the systems components trees.
| • Lisp files |
Next: The clog/clog-connection․lisp file, Previous: Lisp files, Up: Lisp files [Contents][Index]
/home/quickref/quicklisp/dists/quicklisp/software/clog-20210411-git/clog.asd
clog (system)
Next: The clog/clog․lisp file, Previous: The clog․asd file, Up: Lisp files [Contents][Index]
clog (system)
clog-connection.lisp
Next: The clog/clog-docs․lisp file, Previous: The clog/clog-connection․lisp file, Up: Lisp files [Contents][Index]
clog-connection.lisp (file)
clog (system)
clog.lisp
Next: The clog/clog-utilities․lisp file, Previous: The clog/clog․lisp file, Up: Lisp files [Contents][Index]
clog.lisp (file)
clog (system)
clog-docs.lisp
Next: The clog/clog-base․lisp file, Previous: The clog/clog-docs․lisp file, Up: Lisp files [Contents][Index]
clog-docs.lisp (file)
clog (system)
clog-utilities.lisp
Next: The clog/clog-element․lisp file, Previous: The clog/clog-utilities․lisp file, Up: Lisp files [Contents][Index]
clog-utilities.lisp (file)
clog (system)
clog-base.lisp
Next: The clog/clog-element-common․lisp file, Previous: The clog/clog-base․lisp file, Up: Lisp files [Contents][Index]
clog-base.lisp (file)
clog (system)
clog-element.lisp
Next: The clog/clog-style․lisp file, Previous: The clog/clog-element․lisp file, Up: Lisp files [Contents][Index]
clog-element.lisp (file)
clog (system)
clog-element-common.lisp
Next: The clog/clog-canvas․lisp file, Previous: The clog/clog-element-common․lisp file, Up: Lisp files [Contents][Index]
clog-element-common.lisp (file)
clog (system)
clog-style.lisp
selector-type (type)
Next: The clog/clog-form․lisp file, Previous: The clog/clog-style․lisp file, Up: Lisp files [Contents][Index]
clog-style.lisp (file)
clog (system)
clog-canvas.lisp
Next: The clog/clog-multimedia․lisp file, Previous: The clog/clog-canvas․lisp file, Up: Lisp files [Contents][Index]
clog-canvas.lisp (file)
clog (system)
clog-form.lisp
Next: The clog/clog-window․lisp file, Previous: The clog/clog-form․lisp file, Up: Lisp files [Contents][Index]
clog-form.lisp (file)
clog (system)
clog-multimedia.lisp
Next: The clog/clog-document․lisp file, Previous: The clog/clog-multimedia․lisp file, Up: Lisp files [Contents][Index]
clog-multimedia.lisp (file)
clog (system)
clog-window.lisp
Next: The clog/clog-location․lisp file, Previous: The clog/clog-window․lisp file, Up: Lisp files [Contents][Index]
clog-window.lisp (file)
clog (system)
clog-document.lisp
Next: The clog/clog-navigator․lisp file, Previous: The clog/clog-document․lisp file, Up: Lisp files [Contents][Index]
clog-document.lisp (file)
clog (system)
clog-location.lisp
Next: The clog/clog-body․lisp file, Previous: The clog/clog-location․lisp file, Up: Lisp files [Contents][Index]
clog-location.lisp (file)
clog (system)
clog-navigator.lisp
make-clog-navigator (function)
Next: The clog/clog-system․lisp file, Previous: The clog/clog-navigator․lisp file, Up: Lisp files [Contents][Index]
clog-navigator.lisp (file)
clog (system)
clog-body.lisp
make-clog-body (function)
Next: The clog/clog-gui․lisp file, Previous: The clog/clog-body․lisp file, Up: Lisp files [Contents][Index]
clog-body.lisp (file)
clog (system)
clog-system.lisp
Next: The clog/clog-web․lisp file, Previous: The clog/clog-system․lisp file, Up: Lisp files [Contents][Index]
clog-system.lisp (file)
clog (system)
clog-gui.lisp
Next: The clog/clog-helpers․lisp file, Previous: The clog/clog-gui․lisp file, Up: Lisp files [Contents][Index]
clog-gui.lisp (file)
clog (system)
clog-web.lisp
Previous: The clog/clog-web․lisp file, Up: Lisp files [Contents][Index]
clog-web.lisp (file)
clog (system)
clog-helpers.lisp
*body* (special variable)
Next: Definitions, Previous: Files, Up: Top [Contents][Index]
Packages are listed by definition order.
| • The clog-connection package | ||
| • The clog package | ||
| • The clog-gui package | ||
| • The clog-web package | ||
| • The clog-user package |
Next: The clog package, Previous: Packages, Up: Packages [Contents][Index]
The Common List Omnificent GUI - Connection
clog-connection.lisp (file)
Next: The clog-gui package, Previous: The clog-connection package, Up: Packages [Contents][Index]
The Common List Omnificent GUI - CLOG
clog.lisp (file)
Next: The clog-web package, Previous: The clog package, Up: Packages [Contents][Index]
CLOG-GUI a desktop GUI abstraction for CLOG
clog-gui.lisp (file)
Next: The clog-user package, Previous: The clog-gui package, Up: Packages [Contents][Index]
CLOG-WEB a web page style abstraction for CLOG
clog-web.lisp (file)
Previous: The clog-web package, Up: Packages [Contents][Index]
clog-helpers.lisp (file)
*body* (special variable)
Definitions are sorted by export status, category, package, and then by lexicographic order.
| • Exported definitions | ||
| • Internal definitions |
Next: Internal definitions, Previous: Definitions, Up: Definitions [Contents][Index]
| • Exported special variables | ||
| • Exported functions | ||
| • Exported generic functions | ||
| • Exported classes | ||
| • Exported types |
Next: Exported functions, Previous: Exported definitions, Up: Exported definitions [Contents][Index]
Verbose server output (default false)
clog-connection.lisp (file)
clog-connection.lisp (file)
clog-docs.lisp (file)
clog-docs.lisp (file)
clog-gui.lisp (file)
clog-docs.lisp (file)
clog-docs.lisp (file)
clog-web.lisp (file)
Next: Exported generic functions, Previous: Exported special variables, Up: Exported definitions [Contents][Index]
Create an alert box on CONNECTION-ID with MESSAGE
clog-connection.lisp (file)
Create an alert dialog box with CONTENT centered.
clog-gui.lisp (file)
Create an alert toast with option :TIME-OUT. If place-top is t then alert is placed in DOM at top of html body instead of bottom of html body.
clog-gui.lisp (file)
Close connection to CONNECTION-ID. The boot file may try to reistablish connectivity.
clog-connection.lisp (file)
Initializes clog-gui and installs a clog-gui object on connection. If W3-CSS-URL has not been loaded before is installed unless is nil.
clog-gui.lisp (file)
Return the directory CLOG was installed in.
clog-helpers.lisp (file)
Set a path /repl that opens a blank page and sets the global clog-user:*body* to last window openned to /repl.
clog-helpers.lisp (file)
Create an alert toast with option :TIME-OUT. If place-top is t then alert is placed in DOM at top of OBJ instead of bottom of OBJ.
clog-web.lisp (file)
Create a form with CONTENT followed by FIELDS.
FIELDS is a list of lists each list has:
(1) Field name - Used for (name attribute)
(2) Field description - Used for label
(3) Field type - Optional (defaults to :text)
(4) Field type options - Optional
Special field types
Field Type Field Type Options
============= ==================
:checkbox t if checked
:radiobox a-list ((label name)) a third value can be added "checked"
:select a-list ((label name)) a third value can be added "selected"
:text value
(any text input types also work :email, :tel, etc.
see FORM-ELEMENT-TYPE)
Calls on-input after OK or Cancel with an a-list of field name to value if confirmed or nil if canceled. CANCEL-TEXT is only displayed if modal is t
clog-web.lisp (file)
Initializes clog-web and installs a clog-web object on connection. If W3-CSS-URL has not been loaded before is installed unless is nil.
clog-web.lisp (file)
Create a confirmation dialog box with CONTENT centered. Calls on-input with t if confirmed or nil if canceled.
clog-gui.lisp (file)
Return a new CLOG-GROUP object for storing CLOG-OBJs. They are indexed by their HTML-ID.
clog-utilities.lisp (file)
Turn on javascript debug mode in the boot.js file
clog-connection.lisp (file)
Turn on browser console debugging for OBJ’s connection.
clog-system.lisp (file)
Escape STR for sending to browser script.
clog-connection.lisp (file)
Escape STR for sending to browser script.
clog-utilities.lisp (file)
Execute SCRIPT on CONNECTION-ID, disregard return value.
clog-connection.lisp (file)
Return value for ITEM from FROM-DATA a-list
clog-form.lisp (file)
Create a form dialog box with CONTENT followed by FIELDS.
FIELDS is a list of lists each list has:
(1) Field name - Used for (name attribute)
(2) Field description - Used for label
(3) Field type - Optional (defaults to :text)
(4) Field type options - Optional
Special field types
Field Type Field Type Options
============= ==================
:filename default dir – NOTE: This is _server_ side!
:checkbox t if checked
:radiobox a-list ((label name)) a third value can be added "checked"
:select a-list ((label name)) a third value can be added "selected"
:text value
(any text input types also work :email, :tel, etc.
see FORM-ELEMENT-TYPE)
Calls on-input after OK or Cancel with an a-list of field name to value if confirmed or nil if canceled.
clog-gui.lisp (file)
Generate unique ids for use in connections and sripts.
clog-connection.lisp (file)
Return the connecton data associated with the CONNECTION-ID a hash test: #’equal.
clog-connection.lisp (file)
Return HSL string, hue 0-360, saturation and lightness 0%-100%
clog-utilities.lisp (file)
Return HSLA string, hue 0-360, saturation and lightness 0%-100%, alpha 0.0 - 1.0
clog-utilities.lisp (file)
Initialize CLOG on a socket using HOST and PORT to serve BOOT-FILE as
the default route for ’/’ to establish web-socket connections and static files
located at STATIC-ROOT. If BOOT-FILE is nil no initial clog-path’s will be
setup, use clog-path to add. The on-connect-handler needs to indentify the
path by querying the browser. See PATH-NAME (in CLOG-LOCATION). If
static-boot-js is nil then boot.js is served from the file /js/boot.js
instead of the compiled version.
clog-connection.lisp (file)
Inititalize CLOG on a socket using HOST and PORT to serve BOOT-FILE
as the default route to establish web-socket connections and static
files located at STATIC-ROOT. If CLOG was already initialized and not
shut down, this function does the same as set-on-new-window (does not
change the static-root). STATIC-ROOT by default is the "directory CLOG
is installed in ./static-files" If the variable clog:*overide-static-root*
is set STATIC-ROOT will be ignored. If BOOT-FILE is nil no default
boot-file will be set for root path, i.e. /. If static-boot-js is t
then boot.js is served from the file /js/boot.js instead of the
compiled version.
clog-system.lisp (file)
Create an input dialog box with CONTENT centered and an input box. Calls on-input with input box contents or nil if canceled.
clog-gui.lisp (file)
Return true if VALUE equalp the string on
clog-utilities.lisp (file)
Return true if VALUE equalp the string true
clog-utilities.lisp (file)
Change line feeds to <br>.
clog-utilities.lisp (file)
Load demo NUM - use (clog-user:start-demo)
clog-helpers.lisp (file)
Load tutorial NUM - use (clog-user:start-tutorial)
clog-helpers.lisp (file)
clog-helpers.lisp (file)
clog-helpers.lisp (file)
clog-helpers.lisp (file)
clog-helpers.lisp (file)
Write a new line raw to document object of CONNECTION-ID with a <br />.
clog-connection.lisp (file)
Launch on os a web browser on local machine to URL. See BROWSER-OPEN for openning windows on remote machines.
clog-system.lisp (file)
Launches a browser with CLOG manual.
clog-helpers.lisp (file)
Return "on" if VALUE t or return "off"
clog-utilities.lisp (file)
Return "true" if VALUE t
clog-utilities.lisp (file)
Write TEXT to document object of CONNECTION-ID with out new line.
clog-connection.lisp (file)
Write TEXT to document object of CONNECTION-ID with new line and HTML <br />.
clog-connection.lisp (file)
Execute SCRIPT on CONNECTION-ID, return value. If times out answer DEFAULT-ANSWER.
clog-connection.lisp (file)
Return RGB string, red green and blue may be 0-255
clog-utilities.lisp (file)
Return RGBA string, red green and blue may be 0-255, alpha 0.0 - 1.0
clog-utilities.lisp (file)
Run demo NUM
clog-helpers.lisp (file)
Run tutorial NUM
clog-helpers.lisp (file)
Create a local file dialog box called TITLE using INITIAL-DIR on server machine, upon close ON-FILE-NAME called with filename or nil if failure.
clog-gui.lisp (file)
clog-connection.lisp (file)
Set the client side variable clog[’html_on_close’] to replace the browser contents in case of connection loss.
clog-connection.lisp (file)
The default width is 980 pixels.
clog-web.lisp (file)
Change the ON-CONNECTION-HANDLER set during Initialize.
clog-connection.lisp (file)
Set or change the on-new-window handler or set a new one for PATH using BOOT_FILE. Paths should always begin with a ’/’. If PATH is set to "default" will use boot-file when the route can not be determined, ie a static html file including boot.js that has not been added with this function. If BOOT-FILE is nil path is removed.
clog-system.lisp (file)
Shutdown connection to CONNECTION-ID. The boot file may not try to reistablish connectivity.
clog-connection.lisp (file)
Shutdown CLOG.
clog-system.lisp (file)
Shutdown CLOG.
clog-connection.lisp (file)
produce a string from numeric value with UNIT-TYPE appended.
clog-utilities.lisp (file)
Check if CONNECTION-ID is valid.
clog-connection.lisp (file)
Next: Exported classes, Previous: Exported functions, Up: Exported definitions [Contents][Index]
Get/Setf access-key. Used for hot key access to element.
[special key] + Access_Key
The [special key] per browser and platform is:
Browser Windows Linux Mac
—————– ——- —– —
Internet Explorer [Alt] N/A N/A
Chrome [Alt] [Alt] [Control][Alt]
Firefox [Alt][Shift] [Alt][Shift] [Control][Alt]
Safari [Alt] N/A [Control][Alt]
Opera 15+ [Alt] [Alt] [Alt]
clog-element.lisp (file)
(setf access-key) (setf expander)
clog-element.lisp (file)
access-key (generic function)
set-access-key (generic function)
Add CLOG-OBJ to a CLOG-GROUP indexed by the html-id of CLOG-OBJ unless :NAME is set and is used instead.
clog-utilities.lisp (file)
Change clog-element to use 2px card look
clog-web.lisp (file)
add-class.
clog-element.lisp (file)
Change clog-element to use 4px card look
clog-web.lisp (file)
Add option VALUE to data-list.
clog-form.lisp (file)
Add option VALUE to data-list.
clog-form.lisp (file)
Add option VALUE to select.
clog-form.lisp (file)
Add group of options to select.
clog-form.lisp (file)
Add to style-block an alist of css styles to affect
selector. For example:
(add-style :element "a" ’(("text-decoration" :none)))
clog-style.lisp (file)
Get/Setf advisory title of Element, usually
used for body and image maps but creates in forms and many
elements a tool tip.
clog-element.lisp (file)
(setf advisory-title) (setf expander)
clog-element.lisp (file)
advisory-title (generic function)
set-advisory-title (generic function)
Launch an alert box. Note that as long as not dismissed events and messages may not be trasmitted on most browsers.
clog-window.lisp (file)
Get/Setf align content wrapped inline of a flexbox on opposite sides of each other or grid on column axis.
clog-element.lisp (file)
(setf align-content) (setf expander)
clog-element.lisp (file)
align-content (generic function)
set-align-content (generic function)
Get/Setf align items in a flexbox/grid on column axis.
clog-element.lisp (file)
(setf align-items) (setf expander)
clog-element.lisp (file)
align-items (generic function)
set-align-items (generic function)
Get/Setf override align-items for this item in a flexbox/grid.
clog-element.lisp (file)
(setf align-self) (setf expander)
clog-element.lisp (file)
align-self (generic function)
set-align-self (generic function)
Get/Setf the alt-text of the img.
clog-form.lisp (file)
(setf alt-text) (setf expander)
clog-element-common.lisp (file)
clog-form.lisp (file)
alt-text (generic function)
set-alt-text (generic function)
Adds a circular arc to the current path.
clog-canvas.lisp (file)
Adds an arc to the current path.
clog-canvas.lisp (file)
Create a new CLOG-Element or sub-type of CLOG-TYPE and
attach an existing element with HTML-ID. The HTML-ID must be unique and
must be in DOM, ie placed or auto-placed.
clog-element.lisp (file)
Get/Setf html tag attribute. (eg. src on img tag)
clog-element.lisp (file)
(setf attribute) (setf expander)
clog-element.lisp (file)
attribute (generic function)
set-attribute (generic function)
Get/Setf form element autocomplete.
clog-form.lisp (file)
(setf autocomplete) (setf expander)
clog-form.lisp (file)
autocomplete (generic function)
set-autocomplete (generic function)
Get/Setf form autocompletep.
clog-form.lisp (file)
(setf autocompletep) (setf expander)
clog-form.lisp (file)
autocompletep (generic function)
set-autocompletep (generic function)
Get/Setf form element autofocusp. Only one element should have this set true. Autofocus on element when form loaded.
clog-form.lisp (file)
(setf autofocusp) (setf expander)
clog-form.lisp (file)
autofocusp (generic function)
set-autofocusp (generic function)
Get/Setf background-attachment.
clog-element.lisp (file)
(setf background-attachment) (setf expander)
clog-element.lisp (file)
background-attachment (generic function)
set-background-attachment (generic function)
Get/Setf background-clip. If an element’s background extends underneath its border box, padding box, or content box.
clog-element.lisp (file)
(setf background-clip) (setf expander)
clog-element.lisp (file)
background-clip (generic function)
set-background-clip (generic function)
Get/Setf background-color.
clog-element.lisp (file)
(setf background-color) (setf expander)
clog-element.lisp (file)
background-color (generic function)
set-background-color (generic function)
Get/Setf background-image url. proper syntax is ’url(...)’ | nil to clear
clog-element.lisp (file)
(setf background-image) (setf expander)
clog-element.lisp (file)
background-image (generic function)
set-background-image (generic function)
Get/Setf background-origin. Background position property is relative to origin of: padding-box|border-box|content-box
clog-element.lisp (file)
(setf background-origin) (setf expander)
clog-element.lisp (file)
background-origin (generic function)
set-background-origin (generic function)
Get/Setf background-position. combination of 2 - left/right/center/top/bottom | %x %y | x y
clog-element.lisp (file)
(setf background-position) (setf expander)
clog-element.lisp (file)
background-position (generic function)
set-background-position (generic function)
Get/Setf background-repeat. repeat-x | repeat-y | [ repeat | space | round | no-repeat ]{1,2}
clog-element.lisp (file)
(setf background-repeat) (setf expander)
clog-element.lisp (file)
background-repeat (generic function)
set-background-repeat (generic function)
Get/Setf background-size.
auto | w h | % = cover of parent | contain
clog-element.lisp (file)
(setf background-size) (setf expander)
clog-element.lisp (file)
background-size (generic function)
set-background-size (generic function)
Starts a new path empting any previous points.
clog-canvas.lisp (file)
Adds a cubic Bezier curve to the current path.
clog-canvas.lisp (file)
Remove focus from CLOG-OBJ
clog-base.lisp (file)
automatically generated reader method
clog-document.lisp (file)
Get border. <line-width> <line-style> <line-color>
clog-element.lisp (file)
Get/Setf border-radius.
clog-element.lisp (file)
(setf border-radius) (setf expander)
clog-element.lisp (file)
border-radius (generic function)
set-border-radius (generic function)
Get/Setf bottom.
clog-element.lisp (file)
(setf bottom) (setf expander)
clog-element.lisp (file)
bottom (generic function)
set-bottom (generic function)
Get/Setf box-height. Height based on box sizing.
clog-element.lisp (file)
(setf box-height) (setf expander)
clog-element.lisp (file)
box-height (generic function)
set-box-height (generic function)
Get/Setf box-shadow.
clog-element.lisp (file)
(setf box-shadow) (setf expander)
clog-element.lisp (file)
box-shadow (generic function)
set-box-shadow (generic function)
Get/Setf box-sizing. Affects if height and width
properteries represent just the content or the border, marging, padding,
scroll and conent area as a whole. The default is content-box
clog-element.lisp (file)
(setf box-sizing) (setf expander)
clog-element.lisp (file)
box-sizing (generic function)
set-box-sizing (generic function)
Get/Setf box-width. Width based on box sizing.
clog-element.lisp (file)
(setf box-width) (setf expander)
clog-element.lisp (file)
box-width (generic function)
set-box-width (generic function)
Returns true if browser claims support of a media type.
Browsers report possibility but not guarantees of being able to support a
media type.
Common values:
video/ogg
video/mp4
video/webm
audio/mpeg
audio/ogg
audio/mp4
audio/mp3
Common values, including codecs:
video/ogg; codecs="theora, vorbis"
video/mp4; codecs="avc1.4D401E, mp4a.40.2"
video/webm; codecs="vp8.0, vorbis"
audio/ogg; codecs="vorbis"
audio/mp4; codecs="mp4a.40.5"
clog-multimedia.lisp (file)
Restore canvas from stack
clog-canvas.lisp (file)
Save canvas to stack
clog-canvas.lisp (file)
Returns t or nil on the selected checkbox button.
clog-form.lisp (file)
Get/Setf form element checkedp.
clog-form.lisp (file)
(setf checkedp) (setf expander)
clog-form.lisp (file)
checkedp (generic function)
set-checkedp (generic function)
Clear rectangle to transparent black
clog-canvas.lisp (file)
Get/Setf clear-side. When using ’float’ for layout sets
if the right or left side of block should be clear of any ’floated’ Element.
clog-element.lisp (file)
(setf clear-side) (setf expander)
clog-element.lisp (file)
clear-side (generic function)
set-clear-side (generic function)
simulate click.
clog-element.lisp (file)
Get client-right. Inner height of an element in pixels.
CSS height + CSS padding - height of horizontal scrollbar (if present)
Does not include the border or margin.
clog-element.lisp (file)
Get client-left. The width of the left border of an element in pixels. It does not include the margin or padding.
clog-element.lisp (file)
Get client-top. The width of the top border of an element in pixels. It does not include the margin or padding.
clog-element.lisp (file)
Get client-width. Inner width of an element in pixels.
CSS width + CSS padding - width of vertical scrollbar (if present)
Does not include the border or margin.
clog-element.lisp (file)
Close connection to browser with out closing browser.
clog-window.lisp (file)
Adds a line to start point of path.
clog-canvas.lisp (file)
Close browser window.
clog-window.lisp (file)
Get/Setf color.
clog-element.lisp (file)
(setf color) (setf expander)
clog-element.lisp (file)
color (generic function)
set-color (generic function)
Get/Setf column-gap.
clog-element.lisp (file)
(setf column-gap) (setf expander)
clog-element.lisp (file)
column-gap (generic function)
set-column-gap (generic function)
Get/Setf form element columns.
clog-form.lisp (file)
(setf columns) (setf expander)
clog-form.lisp (file)
columns (generic function)
set-columns (generic function)
Composite CLOG-ELEMENT on bottom-left.
clog-web.lisp (file)
Composite CLOG-ELEMENT on bottom-middle.
clog-web.lisp (file)
Composite CLOG-ELEMENT on bottom-right.
clog-web.lisp (file)
Composite CLOG-ELEMENT on left.
clog-web.lisp (file)
Composite CLOG-ELEMENT on middle.
clog-web.lisp (file)
Composite CLOG-ELEMENT on on-hover.
clog-web.lisp (file)
Composite CLOG-ELEMENT to coordinate top left.
clog-web.lisp (file)
Composite CLOG-ELEMENT on right.
clog-web.lisp (file)
Composite CLOG-ELEMENT on top-left.
clog-web.lisp (file)
Composite CLOG-ELEMENT on top-middle.
clog-web.lisp (file)
Composite CLOG-ELEMENT on top-right.
clog-web.lisp (file)
Get connection-data that is associated with
clog-obj that will persist regardless of thread. The event hooks
are stored in this string based hash in the format of:
"html-id:event-name" => #’event-handler. clog-* keys are reserved
for internal use of clog. The key "clog-body" is set to the
clog-body of this connection.
clog-base.lisp (file)
Get/Setf from connection-data the item-name in hash.
clog-base.lisp (file)
(setf connection-data-item) (setf expander)
clog-base.lisp (file)
connection-data-item (generic function)
set-connection-data-item (generic function)
Get if cookie enabled.
clog-navigator.lisp (file)
Create a new CLOG-A as child of CLOG-OBJ with :LINK and
:CONTENT (default "") and :TARGET ("_self") and if :AUTO-PLACE (default t)
place-inside-bottom-of CLOG-OBJ.
Target of link, name of a frame or:
_blank = new window
_top = top most frame (full browser window)
_parent = parent frame or window
_self = current frame or window
clog-element-common.lisp (file)
Create a CLOG Audio control
clog-multimedia.lisp (file)
Create a new CLOG-BR as child of CLOG-OBJ that creates a
line break and if :AUTO-PLACE (default t) place-inside-bottom-of CLOG-OBJ
clog-element-common.lisp (file)
Create a new CLOG-Button as child of CLOG-OBJ with :CONTENT (default "") and if :AUTO-PLACE (default t) place-inside-bottom-of CLOG-OBJ
clog-element-common.lisp (file)
Create a new CLOG-Canvas as child of CLOG-OBJ if :AUTO-PLACE (default t) place-inside-bottom-of CLOG-OBJ.
clog-canvas.lisp (file)
Create a new CLOG-Element or sub-type of CLOG-TYPE from HTML
as child of CLOG-OBJ and if :AUTO-PLACE (default t) place-inside-bottom-of
CLOG-OBJ. If HTML-ID is nil one will be generated.
clog-element.lisp (file)
Create a new CLOG-Context2d from a CLOG-Canvas
clog-canvas.lisp (file)
Create a new clog-data-list as child of CLOG-OBJ and optionally fill in with contents of data-list.
clog-form.lisp (file)
Create a new CLOG-Definition-List as child of CLOG-OBJ
and if :AUTO-PLACE (default t) place-inside-bottom-of CLOG-OBJ
clog-element-common.lisp (file)
Create a new CLOG-Description as child of CLOG-OBJ
and if :AUTO-PLACE (default t) place-inside-bottom-of CLOG-OBJ
clog-element-common.lisp (file)
Create a new CLOG-Div as child of CLOG-OBJ with :CONTENT (default "") and if :AUTO-PLACE (default t) place-inside-bottom-of CLOG-OBJ. If hidden it true visiblep is set to nil.
clog-element-common.lisp (file)
Create a new clog-fieldset as child of CLOG-OBJ.
clog-form.lisp (file)
Create a new CLOG-Form as child of CLOG-OBJ that organizes
a collection of form elements in to a single form if :AUTO-PLACE (default t)
place-inside-bottom-of CLOG-OBJ. In CLOG a form’s on-submit handler should be
set and the form element values handled in that handler as opposed to the
HTML model of submitting to a new "page". If though one wishes to submit to
another page can use the :ACTION :METHOD and :TARGET keys and either do not
set an on-submit handler or call (submit CLOG-FORM) to perform the form
action.
clog-form.lisp (file)
Create a new clog-form-element as child of CLOG-OBJ.
It is importamt that clog-form-elements are a child or descendant of a
clog-form in the DOM. The radio ELEMENT-TYPE groups by NAME.
clog-form.lisp (file)
Attached a menu bar to a CLOG-OBJ in general a clog-body.
clog-gui.lisp (file)
Attached a menu bar drop-down to a CLOG-GUI-MENU-BAR
clog-gui.lisp (file)
Add as last item in menu bar to allow for a full screen icon ⤢ and full screen mode.
clog-gui.lisp (file)
Add icon as menu bar item.
clog-gui.lisp (file)
Attached a menu item to a CLOG-GUI-MENU-DROP-DOWN
clog-gui.lisp (file)
Attached a clog-select as a menu item that auto updates
with open windows and maximizes them unless is a keep-on-top window or
on-window-can-maximize returns nil. Only one instance allowed.
clog-gui.lisp (file)
Create a clog-gui-window. If client-movement is t then
use jquery-ui to move/resize and will not work on mobile. When client-movement
is t only on-window-move is fired once at start of drag and on-window-move-done
at end of drag and on-window-resize at start of resize and
on-window-resize-done at end of resize. If has-pinner a toggle wil appear on
title bar to allow pinning the window in place, if keep-on-top t then when
pinned also will keep-on-top. If had-pinned is nil and keep-on-top t then
the window will be set to keep-on-top always.
clog-gui.lisp (file)
Create a new CLOG-HR as child of CLOG-OBJ that creates a
horizontal rule (line) and if :AUTO-PLACE (default t) place-inside-bottom-of
CLOG-OBJ
clog-element-common.lisp (file)
Create a new CLOG-Img as child of CLOG-OBJ with :URL-SRC
(default "") and :ALT-TEXT (default "") if :AUTO-PLACE (default t)
place-inside-bottom-of CLOG-OBJ. Use width and height properties before
placing image to constrain image size.
clog-element-common.lisp (file)
Create a new clog-label as child of CLOG-OBJ.
clog-form.lisp (file)
Create a new CLOG-List-Item as child of CLOG-OBJ
and if :AUTO-PLACE (default t) place-inside-bottom-of CLOG-OBJ
clog-element-common.lisp (file)
Create a new CLOG-Meter as child of CLOG-OBJ with VALUE
(default 0) HIGH (default 100) LOW (default 0) MAXIMUM (default 100) MINIMUM
(default 0) OPTIMUM (default 50) and if :AUTO-PLACE (default t)
place-inside-bottom-of CLOG-OBJ.
clog-element-common.lisp (file)
Create a new clog-optgroup as child of CLOG-OBJ.
clog-form.lisp (file)
Create a new clog-option as child of CLOG-OBJ.
clog-form.lisp (file)
Create a new CLOG-Ordered-List as child of CLOG-OBJ
and if :AUTO-PLACE (default t) place-inside-bottom-of CLOG-OBJ
clog-element-common.lisp (file)
Create a new CLOG-P as child of CLOG-OBJ with :CONTENT (default "") and if :AUTO-PLACE (default t) place-inside-bottom-of CLOG-OBJ
clog-element-common.lisp (file)
Create a new CLOG-Phrase of phrase type as child of
CLOG-OBJ with CONTENT and if :AUTO-PLACE (default t) place-inside-bottom-of
CLOG-OBJ
clog-element-common.lisp (file)
Create a new CLOG-Progress-Bar as child of CLOG-OBJ with
VALUE (default 0) MAXIMUM (default 100) and if :AUTO-PLACE (default t)
place-inside-bottom-of CLOG-OBJ.
clog-element-common.lisp (file)
Create a new CLOG-Section of section type as child of
CLOG-OBJ with CONTENT and if :AUTO-PLACE (default t) place-inside-bottom-of
CLOG-OBJ
clog-element-common.lisp (file)
Create a new clog-select as child of CLOG-OBJ.
clog-form.lisp (file)
Create a new CLOG-Span as child of CLOG-OBJ with CONTENT and if :AUTO-PLACE (default t) place-inside-bottom-of CLOG-OBJ
clog-element-common.lisp (file)
Ideally style blocks should be created in the (head body)
clog-element but can be placed anywhere on a document and are applied as found
in the document. Although they are not ’scoped’. Media is a css media query
defaulting to all. To load CSS style sheets from files see LOAD-CSS in
clog-document. The add-style method can be used or can directly use the
TEXT method to access blocks content.
clog-style.lisp (file)
Create a new CLOG-Table as child of CLOG-OBJ
and if :AUTO-PLACE (default t) place-inside-bottom-of CLOG-OBJ
clog-element-common.lisp (file)
Create a new CLOG-Table-Body as child of CLOG-OBJ
and if :AUTO-PLACE (default t) place-inside-bottom-of CLOG-OBJ
clog-element-common.lisp (file)
Create a new CLOG-Table-Caption as child of CLOG-OBJ
and if :AUTO-PLACE (default t) place-inside-bottom-of CLOG-OBJ
clog-element-common.lisp (file)
Create a new CLOG-Table-Column as child of CLOG-OBJ
and if :AUTO-PLACE (default t) place-inside-bottom-of CLOG-OBJ
clog-element-common.lisp (file)
Create a new CLOG-Table-Column-Group as child of CLOG-OBJ and if :AUTO-PLACE (default t) place-inside-bottom-of CLOG-OBJ
clog-element-common.lisp (file)
Create a new CLOG-Table-Column-Group-Item as child of CLOG-OBJ and if :AUTO-PLACE (default t) place-inside-bottom-of CLOG-OBJ
clog-element-common.lisp (file)
Create a new CLOG-Table-Footer as child of CLOG-OBJ
and if :AUTO-PLACE (default t) place-inside-bottom-of CLOG-OBJ
clog-element-common.lisp (file)
Create a new CLOG-Table-Head as child of CLOG-OBJ
and if :AUTO-PLACE (default t) place-inside-bottom-of CLOG-OBJ
clog-element-common.lisp (file)
Create a new CLOG-Table-Heading as child of CLOG-OBJ
and if :AUTO-PLACE (default t) place-inside-bottom-of CLOG-OBJ
clog-element-common.lisp (file)
Create a new CLOG-Table-Row as child of CLOG-OBJ
and if :AUTO-PLACE (default t) place-inside-bottom-of CLOG-OBJ
clog-element-common.lisp (file)
Create a new CLOG-Term as child of CLOG-OBJ
and if :AUTO-PLACE (default t) place-inside-bottom-of CLOG-OBJ
clog-element-common.lisp (file)
Create a new clog-text-area as child of CLOG-OBJ.
clog-form.lisp (file)
Create a new CLOG-Unordered-List as child of CLOG-OBJ
and if :AUTO-PLACE (default t) place-inside-bottom-of CLOG-OBJ
clog-element-common.lisp (file)
Create a CLOG video control
clog-multimedia.lisp (file)
Create a clog-web-auto-column. Container for auto-columns
If hidden is t then then the visiblep propetery will be set to nil on
creation.
clog-web.lisp (file)
Create a clog-web-auto-row. Container for auto-columns
If hidden is t then then the visiblep propetery will be set to nil on
creation.
clog-web.lisp (file)
Create a clog-web-code. Code content container.
If hidden is t then then the visiblep propetery will be set
to nil on creation.
clog-web.lisp (file)
Create a clog-web-compositor. Allows compositing of content
on top of other content. Content is added as children and then
composit-location is called on the object of that content. If hidden is t then
then the visiblep propetery will be set to nil on creation.
clog-web.lisp (file)
Create a clog-web-container. COLUMN-SIZE can be of type container-size-type when to set size displayed on medium and large screens or can use a string of "s1-12 m1-12 l1-12" s m or l followed by how many columns this container uses on small, medium or large screens. Small screens are always displayed full row. Total columns must add to 12 or one needs to be of type :w3-rest to fill space. If hidden is t then then the visiblep propetery will be set to nil on creation.
clog-web.lisp (file)
Create a clog-web-content. General container with 16px left
and right padding. If hidden is t then then the visiblep propetery will be set
to nil on creation.
clog-web.lisp (file)
Create a clog-web-main. Container for main content when
using a collapsable sidebar or other whole page shifting technique.
If hidden is t then then the visiblep propetery will be set to nil on
creation.
clog-web.lisp (file)
Attached a menu bar to a CLOG-OBJ in general a clog-body.
clog-web.lisp (file)
Attached a menu bar drop-down to a CLOG-WEB-MENU-BAR
clog-web.lisp (file)
Add as last item in menu bar to allow for a full screen icon ⤢ and full screen mode.
clog-web.lisp (file)
Add icon as menu bar item.
clog-web.lisp (file)
Attached a menu item to a CLOG-WEB-MENU-DROP-DOWN
clog-web.lisp (file)
Create a clog-web-panel. General container with 16px left
and right padding and 16x top and bottom margin. If hidden is t then then the
visiblep propetery will be set to nil on creation.
clog-web.lisp (file)
Create a clog-web-row. If padding is true 8px left and
right padding is addded. If hidden is t then then the visiblep propetery will
be set to nil on creation.
clog-web.lisp (file)
Create a clog-web-sidebar. Container for sidebar content.
sidebars are create with the display property set to :none if hidden it t
and :block if nil. In general the visiblep property is used in clog, however
in clog-web-sidebar the block property is needed to activate its animations
if used. If using a sidebar that will take space on not collapse, make sure
to set the sidebar’s size and set a margin equal to the size on the main
container.
clog-web.lisp (file)
Create a clog-web-sidebar-item. A sidebar menu bar item.
If hidden is t then then the visiblep propetery will be set to nil on
creation.
clog-web.lisp (file)
Get/Setf css-class-name. CSS Class name, can be multiple
seperated by <space>. See add-class, remove-class and toggle-class methods
for adding and removing individual or groups of classes in an easier way.
clog-element.lisp (file)
(setf css-class-name) (setf expander)
clog-element.lisp (file)
css-class-name (generic function)
set-css-class-name (generic function)
Get the current selected clog-gui-window
clog-gui.lisp (file)
Get/Setf cursor. Sets the cursor to a standard type or an
image if set to url(url_to_image). When using a url is best to suggest an
alternate cursor, e.g. ’url(url_to_image),auto’
A list of standard cursor types can be found at:
http://www.w3schools.com/cssref/pr_class_cursor.asp
clog-element.lisp (file)
(setf cursor) (setf expander)
clog-element.lisp (file)
cursor (generic function)
set-cursor (generic function)
Get/Setf form element default-value.
If the form is reset the value will be set to default value
If Value is set at time of creation it also sets it as the Default_Value
clog-form.lisp (file)
(setf default-value) (setf expander)
clog-form.lisp (file)
default-value (generic function)
set-default-value (generic function)
Remove CLOG-Element from the DOM on browser and clog cache on browser.
clog-element.lisp (file)
Disable resize of text area.
clog-form.lisp (file)
Get/Setf form element disabledp.
clog-form.lisp (file)
(setf disabledp) (setf expander)
clog-element-common.lisp (file)
clog-form.lisp (file)
disabledp (generic function)
set-disabledp (generic function)
Get/Setf display. Display sets the CSS Display property that
handles how elements are treated by the browser layout engine.
Common Values:
none - Remove Element from layout but remain in the DOM this is
similar to hiddenp, but not like visiblep that makes the
element not visible but still take up space in layout.
block - Displays an element starting on a new line and stretches
out to the left and right as far as it can. e.g. <div> by
default
inline - Wraps with text in a paragraph. e.g. <span> by default
inline-block - Flows with paragraph but will always fill from left to
right.
flex - Turn this item in to a flexbox container. The flexbox
properties for container to adjust are:
justify-content - how items are spaced in flexbox
align-content - how items spaced when wrapped
align-items - when placed (from start, center, from end)
flex-direction - flex-box left<>right or top<>bottom
flex-wrap - keep in one line or wrap to more
The properties to adjust for items in the flexbox are:
flex - sets the relative grow,shrink,basis
order - sets visual item order in flexbox
align-self - override flexbox’s align-items for item
:flex-start [— ]
:flex-end [ —]
:center [ — ]
:space-between [- - -]
:space-around [ - - - ]
:space-evenly [ - - - ]
grid - Turn this item in to a grid container block level. The grid
properties to adjust for container are:
grid-template-columns
grid-template-rows
grid-template-areas
column-gap
row-gap
align-items
justify-items
justify-content - align the grid as a whole in container
align-content - align the grid as a whole in container
grid-auto-columns
grid-auto-rows
grid-auto-flow
The properties to adjust for grid items is:
grid-column-start
grid-column-end
grid-row-start
grid-row-end
align-self
justify-self
inline-grid - Turn this item in to a grid container inline level.
clog-element.lisp (file)
(setf display) (setf expander)
clog-element.lisp (file)
display (generic function)
set-display (generic function)
Reader for Body Element object
clog-document.lisp (file)
automatically generated reader method
Get url.
clog-document.lisp (file)
Get domain.
clog-document.lisp (file)
Get/Setf draggablep. In order to make an object draggable
in addition to Draggable being true the on-drag-start event _must_ be bound
as well to set the drag-text. To receive a drop, you need to bind on-drop.
See clog-base.lisp
clog-element.lisp (file)
(setf draggablep) (setf expander)
clog-element.lisp (file)
draggablep (generic function)
set-draggablep (generic function)
Get/Setf editable. This will make almost any element with content editable, even non-form types in most browsers.
clog-element.lisp (file)
(setf editablep) (setf expander)
clog-element.lisp (file)
editablep (generic function)
set-editablep (generic function)
Get/Setf form element step.
clog-form.lisp (file)
(setf element-step) (setf expander)
clog-form.lisp (file)
element-step (generic function)
set-element-step (generic function)
Adds an elliptical arc to the current path.
clog-canvas.lisp (file)
Get/Setf form encoding. Comming values are: application/x-www-form-urlencoded multipart/form-data text/plain
clog-form.lisp (file)
(setf encoding) (setf expander)
clog-form.lisp (file)
encoding (generic function)
set-encoding (generic function)
Get/Setf form element file-accept. Only works with
the File form element type.
example: (setf (file-accept obj) "image/png, image/jpeg")
clog-form.lisp (file)
(setf file-accept) (setf expander)
clog-form.lisp (file)
file-accept (generic function)
set-file-accept (generic function)
Fill rectangle with current fill-color
clog-canvas.lisp (file)
Set text direction style
clog-canvas.lisp (file)
Fill text with current fill-color
clog-canvas.lisp (file)
Traverse to first child element. If Child does not have an
html id than Element_Type will have an ID of undefined and therefore attached
to no actual HTML element.
clog-element.lisp (file)
Get item’s flexbox relative grow, shrink, and basis
clog-element.lisp (file)
Get/Setf direction of flexbox packing.
clog-element.lisp (file)
(setf flex-direction) (setf expander)
clog-element.lisp (file)
flex-direction (generic function)
set-flex-direction (generic function)
Get/Setf direction of flexbox packing.
clog-element.lisp (file)
(setf flex-wrap) (setf expander)
clog-element.lisp (file)
flex-wrap (generic function)
set-flex-wrap (generic function)
Get/Setf for element float left or right and other elements wrap around it.
clog-element.lisp (file)
(setf float-wrap) (setf expander)
clog-element.lisp (file)
float-wrap (generic function)
set-float-wrap (generic function)
Focus on CLOG-OBJ
clog-base.lisp (file)
Get/Setf font.
clog-element.lisp (file)
(setf font) (setf expander)
clog-element.lisp (file)
font (generic function)
set-font-css (generic function)
Set font style using css font string https://developer.mozilla.org/en-US/docs/Web/CSS/font
clog-canvas.lisp (file)
Get form element count.
clog-form.lisp (file)
Get the form data as an a-list sent by the get method
clog-form.lisp (file)
Get the form data as an a-list sent by post method
clog-form.lisp (file)
Change element to display:block, take up the full row, when screen size smaller then 601 pixels DP
clog-web.lisp (file)
Set line style dash pattern, e.g. [10, 20]
clog-canvas.lisp (file)
Get/Setf grid-auto-columns.
clog-element.lisp (file)
(setf grid-auto-columns) (setf expander)
clog-element.lisp (file)
grid-auto-columns (generic function)
set-grid-auto-columns (generic function)
Get/Setf grid-auto-flow.
clog-element.lisp (file)
(setf grid-auto-flow) (setf expander)
clog-element.lisp (file)
grid-auto-flow (generic function)
set-grid-auto-flow (generic function)
Get/Setf grid-auto-rows.
clog-element.lisp (file)
(setf grid-auto-rows) (setf expander)
clog-element.lisp (file)
grid-auto-rows (generic function)
set-grid-auto-rows (generic function)
Get/Setf grid-column-end.
clog-element.lisp (file)
(setf grid-column-end) (setf expander)
clog-element.lisp (file)
grid-column-end (generic function)
set-grid-column-end (generic function)
Get/Setf grid-column-start.
clog-element.lisp (file)
(setf grid-column-start) (setf expander)
clog-element.lisp (file)
grid-column-start (generic function)
set-grid-column-start (generic function)
Get/Setf grid-row-end.
clog-element.lisp (file)
(setf grid-row-end) (setf expander)
clog-element.lisp (file)
grid-row-end (generic function)
set-grid-row-end (generic function)
Get/Setf grid-row-start.
clog-element.lisp (file)
(setf grid-row-start) (setf expander)
clog-element.lisp (file)
grid-row-start (generic function)
set-grid-row-start (generic function)
Get/Setf grid-template-areas.
clog-element.lisp (file)
(setf grid-template-areas) (setf expander)
clog-element.lisp (file)
grid-template-areas (generic function)
set-grid-template-areas (generic function)
Get/Setf grid-template-columns.
clog-element.lisp (file)
(setf grid-template-columns) (setf expander)
clog-element.lisp (file)
grid-template-columns (generic function)
set-grid-template-columns (generic function)
Get/Setf grid-template-rows.
clog-element.lisp (file)
(setf grid-template-rows) (setf expander)
clog-element.lisp (file)
grid-template-rows (generic function)
set-grid-template-rows (generic function)
Get/Setf url hash.
clog-location.lisp (file)
(setf hash) (setf expander)
clog-location.lisp (file)
hash (generic function)
set-hash (generic function)
Reader for Head Element object
clog-document.lisp (file)
automatically generated reader method
Get/Setf html height in pixels.
clog-base.lisp (file)
(setf height) (setf expander)
clog-base.lisp (file)
height (generic function)
set-height (generic function)
Get/Setf hiddenp. The hidden property will make an element
invisible, however unlike visiblep, hiddenp implies the element is semantically
not relevant not just visually and will _also_ remove it from layout similar to
setting display (None).
clog-element.lisp (file)
(setf hiddenp) (setf expander)
clog-element.lisp (file)
hiddenp (generic function)
set-hiddenp (generic function)
Hide element on screens smaller then 993 pixels DP
clog-web.lisp (file)
Hide element on screens smaller then 993 pixels DP
clog-web.lisp (file)
Hide element on screens smaller then 601 pixels DP
clog-web.lisp (file)
Get/Setf the high of the meter.
clog-element-common.lisp (file)
(setf high) (setf expander)
clog-element-common.lisp (file)
high (generic function)
set-high (generic function)
Get/Setf url host.
clog-location.lisp (file)
(setf host) (setf expander)
clog-location.lisp (file)
host (generic function)
set-host (generic function)
Get/Setf url host name.
clog-location.lisp (file)
(setf host-name) (setf expander)
clog-location.lisp (file)
host-name (generic function)
set-host-name (generic function)
Reader for CLOG-Document object
clog-body.lisp (file)
automatically generated reader method
Internal html-id of CLOG-Obj. (Internal)
clog-base.lisp (file)
automatically generated reader method
Get html-tag.
clog-element.lisp (file)
Get/Setf inner height of browser window.
clog-window.lisp (file)
(setf inner-height) (setf expander)
clog-element.lisp (file)
clog-window.lisp (file)
inner-height (generic function)
set-inner-height (generic function)
Get/Setf inner-html. This will completely replace the inner
html of an element. This will remove any Elements within Element from the DOM.
If those elements were created in CLOG they are still available and can be
placed in the DOM again using the placement methods. However if they were
created through html writes or otherwise not assigned an ID by CLOG, they are
lost forever.
clog-element.lisp (file)
(setf inner-html) (setf expander)
clog-element.lisp (file)
inner-html (generic function)
set-inner-html (generic function)
Get/Setf inner width of browser window.
clog-window.lisp (file)
(setf inner-width) (setf expander)
clog-element.lisp (file)
clog-window.lisp (file)
inner-width (generic function)
set-inner-width (generic function)
Get input encoding.
clog-document.lisp (file)
Get/Setf hint the input-mode of an element for virtual keyboards.
clog-form.lisp (file)
(setf input-mode) (setf expander)
clog-form.lisp (file)
input-mode (generic function)
set-input-mode (generic function)
Get/Setf list item-value.
clog-element-common.lisp (file)
(setf item-value) (setf expander)
clog-element-common.lisp (file)
item-value (generic function)
set-item-value (generic function)
Execure SCRIPT on browser. (Internal)
clog-base.lisp (file)
Execure SCRIPT on browser and return result. (Internal)
clog-base.lisp (file)
Get/Setf justify content for items inline of a flexbox or grid on row access.
clog-element.lisp (file)
(setf justify-content) (setf expander)
clog-element.lisp (file)
justify-content (generic function)
set-justify-content (generic function)
Get/Setf justify items in a grid on row axis.
clog-element.lisp (file)
(setf justify-items) (setf expander)
clog-element.lisp (file)
justify-items (generic function)
set-justify-items (generic function)
Get/Setf override align this item in grid on row axis.
clog-element.lisp (file)
(setf justify-self) (setf expander)
clog-element.lisp (file)
justify-self (generic function)
set-justify-self (generic function)
Set label is for ELEMENT.
clog-form.lisp (file)
Get user prefered language.
clog-navigator.lisp (file)
Get/Setf language-code.
clog-element.lisp (file)
(setf language-code) (setf expander)
clog-element.lisp (file)
language-code (generic function)
set-language-code (generic function)
Get last modified.
clog-document.lisp (file)
Get/Setf browser x position.
clog-window.lisp (file)
(setf left) (setf expander)
clog-element.lisp (file)
clog-window.lisp (file)
left (generic function)
set-left (generic function)
Set line cap style
clog-canvas.lisp (file)
Set miter style limit
clog-canvas.lisp (file)
Set line join style
clog-canvas.lisp (file)
Adds a line to the current path.
clog-canvas.lisp (file)
Set line style width
clog-canvas.lisp (file)
Get/Setf the HREF link of the anchor.
clog-element-common.lisp (file)
(setf link) (setf expander)
clog-element-common.lisp (file)
link (generic function)
set-link (generic function)
Get/Setf list list-kind.
clog-element-common.lisp (file)
(setf list-kind) (setf expander)
clog-element-common.lisp (file)
list-kind (generic function)
set-list-kind (generic function)
Get/Setf list list-location. Default is outside.
clog-element-common.lisp (file)
(setf list-location) (setf expander)
clog-element-common.lisp (file)
list-location (generic function)
set-list-location (generic function)
Load css from CSS-URL.
clog-document.lisp (file)
Load/Reload media.
clog-multimedia.lisp (file)
Load script from SCRIPT-URL.
clog-document.lisp (file)
Reader for CLOG-Location object
clog-body.lisp (file)
automatically generated reader method
Print message to browser console.
clog-window.lisp (file)
Print error message to browser console.
clog-window.lisp (file)
Get/Setf loop media property.
clog-multimedia.lisp (file)
(setf loop-mediap) (setf expander)
clog-multimedia.lisp (file)
loop-mediap (generic function)
set-loop-mediap (generic function)
Get/Setf the low of the meter.
clog-element-common.lisp (file)
(setf low) (setf expander)
clog-element-common.lisp (file)
low (generic function)
set-low (generic function)
Set the option data list to use for this element.
clog-form.lisp (file)
Get margin.
clog-element.lisp (file)
Maximize all windows
clog-gui.lisp (file)
Get/Setf form element maximum.
clog-form.lisp (file)
(setf maximum) (setf expander)
clog-element-common.lisp (file)
clog-element-common.lisp (file)
clog-form.lisp (file)
maximum (generic function)
set-maximum (generic function)
Get/Setf maximum-height.
clog-element.lisp (file)
(setf maximum-height) (setf expander)
clog-element.lisp (file)
maximum-height (generic function)
set-maximum-height (generic function)
Get/Setf form element maximum-length.
clog-form.lisp (file)
(setf maximum-length) (setf expander)
clog-form.lisp (file)
maximum-length (generic function)
set-maximum-length (generic function)
Get/Setf maximum-width.
clog-element.lisp (file)
(setf maximum-width) (setf expander)
clog-element.lisp (file)
maximum-width (generic function)
set-maximum-width (generic function)
Get/Setf media in seconds property.
clog-multimedia.lisp (file)
Get/Setf postion of media in seconds.
clog-multimedia.lisp (file)
(setf media-position) (setf expander)
clog-multimedia.lisp (file)
media-position (generic function)
set-media-position (generic function)
Get/Setf media source/url.
clog-multimedia.lisp (file)
(setf media-source) (setf expander)
clog-multimedia.lisp (file)
media-source (generic function)
set-media-source (generic function)
Get/Setf media volume, not system volume. 0.0 .. 1.0
clog-multimedia.lisp (file)
(setf media-volume) (setf expander)
clog-multimedia.lisp (file)
media-volume (generic function)
set-media-volume (generic function)
Get/setf window menu-bar. This is set buy create-gui-menu-bar.
clog-gui.lisp (file)
(setf menu-bar) (setf expander)
clog-gui.lisp (file)
menu-bar (generic function)
set-menu-bar (generic function)
Get menu-bar height
clog-gui.lisp (file)
Get/Setf form element minimum.
clog-form.lisp (file)
(setf minimum) (setf expander)
clog-element-common.lisp (file)
clog-form.lisp (file)
minimum (generic function)
set-minimum (generic function)
Get/Setf minimum-height.
clog-element.lisp (file)
(setf minimum-height) (setf expander)
clog-element.lisp (file)
minimum-height (generic function)
set-minimum-height (generic function)
Get/Setf form element minimum-length.
clog-form.lisp (file)
(setf minimum-length) (setf expander)
clog-form.lisp (file)
minimum-length (generic function)
set-minimum-length (generic function)
Get/Setf minimum-width.
clog-element.lisp (file)
(setf minimum-width) (setf expander)
clog-element.lisp (file)
minimum-width (generic function)
set-minimum-width (generic function)
Set miter style limit
clog-canvas.lisp (file)
Moves start point of path.
clog-canvas.lisp (file)
Move browser window by x y.
clog-window.lisp (file)
Move browser window to x y.
clog-window.lisp (file)
Get/Setf muted property.
clog-multimedia.lisp (file)
(setf mutedp) (setf expander)
clog-multimedia.lisp (file)
mutedp (generic function)
set-mutedp (generic function)
Get/Setf form element name.
Form element name, name is not the id of the element but rather how
the data returned from the element will be named in the submit to a
server. For example if Name is My_Field a GET request could look like
http://localhost:8080?My_Field=xxxx
clog-form.lisp (file)
(setf name) (setf expander)
clog-form.lisp (file)
name (generic function)
set-name (generic function)
Returns the value of input item called NAME and must be unique name on entire document.
clog-form.lisp (file)
Reader for CLOG-Navigator object
clog-body.lisp (file)
automatically generated reader method
Write to browser document <br>new-line.
clog-document.lisp (file)
Traverse to next sibling element. If Child does not have an
html id than Element_Type will have an ID of undefined and therefore attached
to no actual HTML elemen.
clog-element.lisp (file)
Normalize all windows
clog-gui.lisp (file)
Retrieve from CLOG-GROUP the CLOG-OBJ with name
clog-utilities.lisp (file)
Get offset-height. CSS height + CSS padding + height of horizontal scrollbar (if present) + Border
clog-element.lisp (file)
Position in pixels from left relative to the document.
clog-element.lisp (file)
Position in pixels from top relative to the document.
clog-element.lisp (file)
Get offset-width. CSS width + CSS padding + width of vertical scrollbar (if present) + Border
clog-element.lisp (file)
Get/Setf opacity.
clog-element.lisp (file)
(setf opacity) (setf expander)
clog-element.lisp (file)
opacity (generic function)
set-opacity (generic function)
This will launch a new window of current browser where
CLOG-WINDOW is displayed (remote or local). In modern browsers it is
very limitted to just open a new tab with url unless is a localhost url.
clog-window.lisp (file)
Get/Setf the optimum of the meter.
clog-element-common.lisp (file)
(setf optimum) (setf expander)
clog-element-common.lisp (file)
optimum (generic function)
set-optimum (generic function)
Get/Setf visual item order flexbox packing but not actual order in document or tab order etc.
clog-element.lisp (file)
(setf order) (setf expander)
clog-element.lisp (file)
order (generic function)
set-order (generic function)
Get url origin.
clog-location.lisp (file)
Get/Setf outer height of browser window.
clog-window.lisp (file)
(setf outer-height) (setf expander)
clog-element.lisp (file)
clog-window.lisp (file)
outer-height (generic function)
set-outer-height (generic function)
Get outer-height-to-margin. Includes padding and border and margin.
clog-element.lisp (file)
Get/Setf outer-html. Returns the HTML for Element and all its contents
clog-element.lisp (file)
Get/Setf outer width of browser window.
clog-window.lisp (file)
(setf outer-width) (setf expander)
clog-element.lisp (file)