http://www.terrainformatica.com/wiki/ 2010-08-23T05:14:07-04:00 http://www.terrainformatica.com/wiki/ http://www.terrainformatica.com/wiki/lib/images/favicon.ico text/html 2007-01-20T18:07:12-04:00 http://www.terrainformatica.com/wiki/h-smile/built-in-behaviors/button?rev=1169334432&do=diff Standard button behavior Elements that have this behavior applied by default (see master style sheet): * <button></button> * <input type=“button” /> * <widget type=“button”></widget> * <input type=“reset” /> * <input type=“submit” /> text/html 2007-01-17T22:53:48-04:00 http://www.terrainformatica.com/wiki/h-smile/built-in-behaviors/calendar?rev=1169092428&do=diff Calendar element behavior. Element is rendered as a month view. Example, calendar input element: <input type="calendar" name="calendar" value="2004-01-24" /> Calendar element is sensitive to current user' locale settings, e.g. it will use localized names of months and week days. text/html 2008-11-23T14:30:36-04:00 http://www.terrainformatica.com/wiki/h-smile/built-in-behaviors/checkbox?rev=1227468636&do=diff Standard checkbox button implementation. This behavior is pretty simple: on click it toggles :checked state flag on the element. You can assign this behavior to other elements that you would like to behave as a “toggle”. Elements that have this behavior applied by default: text/html 2008-07-21T14:13:26-04:00 http://www.terrainformatica.com/wiki/h-smile/built-in-behaviors/clickable?rev=1216664006&do=diff Clickable is the element that will generate BUTTON_CLICK and BUTTON_PRESS events but is not normally “TAB traversable”. That is typical behavior of toolbar buttons. Elements There are no elements that have this behavior applied by default. Attributes It does not use any specific attributes other than common attributes like disabled or id. text/html 2008-01-07T19:00:08-04:00 http://www.terrainformatica.com/wiki/h-smile/built-in-behaviors/currency?rev=1199750408&do=diff Currency input behavior. Elements that have this behavior applied by default (see master style sheet): * <input type=“currency” /> - inline single line * <widget type=“currency”></widget> Attributes that this behavior knows about: text/html 2008-12-01T22:25:07-04:00 http://www.terrainformatica.com/wiki/h-smile/built-in-behaviors/date?rev=1228188307&do=diff Date input element behavior. Example: <input type="date" name="date1" value="2004-01-24" /> Date element is sensitive to current user' locale settings, e.g. it will use localized names of months and week days and month/day/year order in the editing portion of the element. text/html 2009-12-15T12:42:54-04:00 http://www.terrainformatica.com/wiki/h-smile/built-in-behaviors/decimal?rev=1260898974&do=diff Decimal number input behavior. Elements that have this behavior applied by default (see master style sheet): * <input type=“decimal” /> - inline single line * <widget type=“decimal”></widget> Attributes that this behavior knows about: text/html 2007-09-21T22:38:46-04:00 http://www.terrainformatica.com/wiki/h-smile/built-in-behaviors/dropdown-select?rev=1190428726&do=diff select-dropdown is what is known as COMBOBOX in Windows. Elements that have this behavior applied by default (see master style sheet): * <select>...</select> * <widget type=“select”></widget> In h-smile <select> can have any arbitrary markup inside but following elements have special meaning: text/html 2009-11-07T23:28:05-04:00 http://www.terrainformatica.com/wiki/h-smile/built-in-behaviors/edit?rev=1257654485&do=diff Standard single line input element behavior Elements that have this behavior applied by default (see master_style_sheet): * <input type=“text” /> - inline single line * <widget type=“text”></widget> Attributes that this behavior knows about: text/html 2009-12-25T16:02:18-04:00 http://www.terrainformatica.com/wiki/h-smile/built-in-behaviors/file-icon?rev=1261774938&do=diff behavior:file-icon is used when you need to present some file name to the user with shell icon registered in the system for the file. Here is an example of <select> elements that show list of files: [options with file icons] behavior:file-icon is using foreground-*** CSS attributes to position the icon on the element. Here is an example of <option> element styling in the example above: text/html 2010-08-05T12:25:43-04:00 http://www.terrainformatica.com/wiki/h-smile/built-in-behaviors/file-selector?rev=1281025543&do=diff File or folder paths selectors. Elements that have this behavior applied by default: * <input type=“file-path” /> - inline single line * <widget type=“file-path”></widget> * <input type=“folder-path” /> - inline single line * <widget type=“folder-path”></widget> text/html 2010-07-21T22:57:24-04:00 http://www.terrainformatica.com/wiki/h-smile/built-in-behaviors/file?rev=1279767444&do=diff Standard file selector. Elements that have this behavior applied by default: * <input type=“file” /> - inline single line * <widget type=“file”></widget> These elements placed inside <form enctype=“multipart/form-data”> will cause content of the selected file to be sent to the server. text/html 2010-07-21T23:08:44-04:00 http://www.terrainformatica.com/wiki/h-smile/built-in-behaviors/form?rev=1279768124&do=diff Standard behavior of the <form> element. Form is a “submitable” container. When it receives FORM_SUBMIT event from <button type=“submit”> it sends collection of name/value pairs to the server on url defined by action attribute. Elements that have this behavior applied by default (see master style sheet): text/html 2009-12-12T13:57:26-04:00 http://www.terrainformatica.com/wiki/h-smile/built-in-behaviors/frame?rev=1260644246&do=diff Standard behavior of <frame> element. After loading of document into the frame its root element (html) will be set as a single child of the frame element as if it was declared this way: ... <frame src="something.htm"> <html> <!-- root node of something.htm --> ... </html> </frame> ... text/html 2008-12-01T00:48:22-04:00 http://www.terrainformatica.com/wiki/h-smile/built-in-behaviors/history?rev=1228110502&do=diff Implementation of navigational history. behavior:history is navigation history manager. All <frame> elements Elements that have this behavior applied by default: * <frameset history> - horizontal slider, inline block; * <frame history> - horizontal slider, block; text/html 2010-06-07T23:51:05-04:00 http://www.terrainformatica.com/wiki/h-smile/built-in-behaviors/marquee?rev=1275969065&do=diff Automatic content scrolling of the element in vertical or horizontal dimension. Elements N/A Attributes that this behavior knows about: * marquee = horizontal | vertical - defines vertical or horizontal marquee; * marquee-direction = forward | reverse - defines scroll direction; * marquee-speed = normal | slow | fast - speed of auto-scroll; * marquee-play-count = undefined | <number> - number of cycles to play; * marquee-style = scroll | slide | alternate - style of ma… text/html 2009-11-07T23:33:09-04:00 http://www.terrainformatica.com/wiki/h-smile/built-in-behaviors/masked?rev=1257654789&do=diff Single line input element behavior with mask. Example, telephone number input element: <input type="masked" mask="( ### ) ### - ####" /> CSSmasked-editmaster_style_sheet<input type=“masked”> Elements that have this behavior applied by default (see master_style_sheet): text/html 2008-03-31T12:33:28-04:00 http://www.terrainformatica.com/wiki/h-smile/built-in-behaviors/master_style_sheet?rev=1206981208&do=diff Here is current master style sheet - styles of intrinsic controls. html { behavior: accesskeys; } form { behavior:form; } /* hyperlinks */ a:link { text-decoration:underline; color:blue; cursor:pointer; behavior:hyperlink; } a:link:focus { text-decoration:double-underline; } a:link:hover { color:red; } a:link:active { text-decoration:none; } a:link:tab-focus { outline-width:1px; outline-offset:0px; outline-style:dotted; } //popup[role="overflow-tooltip"] { white-space:nowrap; overflow:none;… text/html 2008-07-21T14:16:55-04:00 http://www.terrainformatica.com/wiki/h-smile/built-in-behaviors/menu-bar?rev=1216664215&do=diff Top level menu Elements There are no elements that have this behavior applied by default. In principle any element - block container - can use this behavior and so to serve as a top-level menu. See sdk/menu/menu-bar.htm for example of such menu bar. text/html 2008-07-21T14:06:48-04:00 http://www.terrainformatica.com/wiki/h-smile/built-in-behaviors/menu?rev=1216663608&do=diff Popup menu Elements that have this behavior applied by default (see master style sheet): * <menu class=“popup”> * <menu class=“context”> In principle any element - block container - can have this behavior applied and so to serve as a popup menu. text/html 2009-12-15T12:41:26-04:00 http://www.terrainformatica.com/wiki/h-smile/built-in-behaviors/number?rev=1260898886&do=diff Number input element behavior. If element has step attribute defined then it will rendered with spin buttons. Elements that have this behavior applied by default (see master style sheet): * <input type=“number” /> - inline single line * <widget type=“number”></widget> text/html 2010-08-01T23:51:43-04:00 http://www.terrainformatica.com/wiki/h-smile/built-in-behaviors/password?rev=1280721103&do=diff this is exactly edit but for password input. Elements that have this behavior applied by default (see master_style_sheet): * <input type=“password” /> - inline single line * <widget type=“password”></widget> Attributes additionally to attributes supported by behavior:edit it supports also: text/html 2009-05-23T14:18:44-04:00 http://www.terrainformatica.com/wiki/h-smile/built-in-behaviors/plaintext-context-menu?rev=1243102724&do=diff Source of the built-in resource res:behavior-text-menu.htm - context menu of <plaintext> and <textarea> elements. <menu .plaintext-context> <li command="richtext:undo" style="foreground-image:url(res:edit-undo.png)" >Undo<span class="accesskey">Ctrl+Z</span></li> <hr/> <li command="richtext:cut" style="foreground-image:url(res:edit-cut.png)" >Cut<span class="accesskey">Ctrl+X</span></li> <li command="richtext:copy" style="foreground-image:url(res:edit-copy.png)" >C… text/html 2008-10-13T15:46:40-04:00 http://www.terrainformatica.com/wiki/h-smile/built-in-behaviors/popup-menu?rev=1223927200&do=diff Shows popup menu when clicked. The popup-menu allows to share single list of menu items among many elements that have this behavior applied. Use popup-selector when you need to provide some inline/context actions for repeatable items, e.g. rows in table. text/html 2009-01-24T01:26:35-04:00 http://www.terrainformatica.com/wiki/h-smile/built-in-behaviors/popup-selector?rev=1232778395&do=diff Similar to <select type=“dropdown-select”> but uses popup menu instead of list of options. The popup-selector allows to share single list of items among many elements that have this behavior. Use popup-selector instead of <select> when you need to switch state of repeatable items, e.g. in rows of some table/grid. text/html 2009-12-22T02:09:18-04:00 http://www.terrainformatica.com/wiki/h-smile/built-in-behaviors/progress?rev=1261465758&do=diff Progress indicator. Elements that have this behavior applied by default (see master style sheet): * <progress /> - inline element (from HTML5) * <input type=“progress” /> - inline * <widget type=“progress”></widget> - block level element text/html 2008-11-23T14:35:32-04:00 http://www.terrainformatica.com/wiki/h-smile/built-in-behaviors/radio?rev=1227468932&do=diff Standard radio button implementation. This behavior is pretty simple: on click it sets :checked state flag on the element removing checked state from other element in the group (defined by the name attribute). You can assign this behavior to other elements that you would like to behave as a “switch” - one-of-many. All such elements shall have the same value of the name attribute. text/html 2009-05-23T14:15:07-04:00 http://www.terrainformatica.com/wiki/h-smile/built-in-behaviors/richtext-context-menu?rev=1243102507&do=diff Source of the built-in resource res:behavior-richtext-menu.htm - context menu of the <richtext> element. <menu .richtext-context> <li command="richtext:undo" style="foreground-image:url(res:edit-undo.png)" >Undo<span class="accesskey">Ctrl+Z</span></li> <hr/> <li command="richtext:cut" style="foreground-image:url(res:edit-cut.png)" >Cut<span class="accesskey">Ctrl+X</span></li> <li command="richtext:copy" style="foreground-image:url(res:edit-copy.png)" >Copy<span cl… text/html 2007-10-15T14:27:27-04:00 http://www.terrainformatica.com/wiki/h-smile/built-in-behaviors/richtext-rules?rev=1192472847&do=diff [ Rulers in <richtext>] Legend (n and m here are some decimal digits): “healthy” columns: caption meaning nn fixed column, width of the column in pixels nn% percentable column, width of the column in percents <nn> auto column, nn here actual width in pixels >nn< auto column reached its' minimum “problem” columns:… text/html 2009-05-23T14:20:42-04:00 http://www.terrainformatica.com/wiki/h-smile/built-in-behaviors/richtext?rev=1243102842&do=diff WYSIWYG editing behavior. It allows to edit HTML and/or wiki text in WYSIWYG manner. The richtext is aimed to be used as: * blog (article) editors; * wiki and other forms of CMS; * online e-mail clients; The richtext uses so called flat DOM that is: text/html 2008-10-26T22:46:44-04:00 http://www.terrainformatica.com/wiki/h-smile/built-in-behaviors/scrollbar?rev=1225075604&do=diff Scrollbar input behavior. Elements that have this behavior applied by default (see master_style_sheet): * <input type=“vscrollbar” /> * <widget type=“vscrollbar” /> - vertical scrollbar * <input type=“hscrollbar” /> * <widget type=“hscrollbar” /> - horizontal scrollbar text/html 2009-07-12T14:30:42-04:00 http://www.terrainformatica.com/wiki/h-smile/built-in-behaviors/select-dropdown?rev=1247423442&do=diff select-dropdown is what is known as COMBOBOX in Windows. Elements that have this behavior applied by default (see master_style_sheet): * <select>...</select> * <select size=1>...</select> * <select type=“select-dropdown”>...</select> * <widget type=“select-dropdown”>...</widget> text/html 2007-12-13T03:01:14-04:00 http://www.terrainformatica.com/wiki/h-smile/built-in-behaviors/select?rev=1197532874&do=diff select is what known as LISTBOX in Windows. In h-smile select is extended to support so called TreeView functionality and listbox with multiple selections. Elements that have this behavior applied by default (see master style sheet): * <select size=N>...</select> , where N is number greater than 1 * <widget type=“select”></widget> text/html 2008-03-12T13:59:00-04:00 http://www.terrainformatica.com/wiki/h-smile/built-in-behaviors/slider?rev=1205344740&do=diff Implementation of the slider input element. Elements that have this behavior applied by default: * <input type=“hslider”> - horizontal slider, inline block; * <widget type=“hslider”> - horizontal slider, block; * <input type=“vslider”> - vertical slider, inline block; * <widget type=“vslider”> - vertical slider, block; text/html 2010-08-14T16:27:44-04:00 http://www.terrainformatica.com/wiki/h-smile/built-in-behaviors/start?rev=1281817664&do=diff Data input behaviors: * button * check * radio * edit * password * masked-edit - masked edit * number * decimal * currency * select * select-dropdown * tree and tree-checkmarks * selector * textarea and plaintext * calendar * date and time * slider * progress * scrollbar * popup-menu * popup-selector * file * path-select text/html 2009-11-28T17:00:56-04:00 http://www.terrainformatica.com/wiki/h-smile/built-in-behaviors/time?rev=1259445656&do=diff Time input behavior. Example: <input type="time" name="time1" value="14:15:00" /> Time input is sensitive to current user' locale settings, e.g. it will use localized names like “AM”/“PM” (if they are used in given locale at all). Elements that have this behavior applied by default (see master style sheet): text/html 2010-08-14T16:45:40-04:00 http://www.terrainformatica.com/wiki/h-smile/built-in-behaviors/tree?rev=1281818740&do=diff tree and tree-checkmarks is what known as TREEVIEW in Windows. Elements that have this behavior applied by default (see master style sheet): * <select type=“tree”>...</select> * <select type=“tree” checkmarks>...</select> * <widget type=“tree”>...</widget> * <widget type=“tree” checkmarks>...</widget>