Home > Class Reference > ENSLIB namespace > %ZEN.Component.cssGroup
Private  Storage   


class %ZEN.Component.cssGroup extends group

A group designed to have its children positioned using CSS techniques rather than via HTML

elements. By default this group uses a positioning of 'relative' with top and left offsets of 0 and 0 - meaning 'put this group whereever it would land on the page, but establish a new origin for positioning any child of this group with a position of 'absolute' (where the top and left style properties indicate the desired location of the child).
NOTE: Absolutely positioned elements are excempt from real estate calculations (according to CSS standards) therefore explicitly setting the size of the containing group is recommended to avoid accidental over-printing when mixing CSS and table-based page layouts.


Parameters Properties Methods Queries Indices ForeignKeys Triggers


%condition %import %includeFiles %page
%resource align aux cellAlign
cellSize cellStyle cellVAlign children
composite containerStyle disabled dragEnabled
dropEnabled enclosingClass enclosingStyle error
groupClass groupStyle height hidden
hint hintClass hintStyle id
index label labelClass labelDisabledClass
labelPosition labelStyle layout name
onafterdrag onbeforedrag onclick ondrag
ondrop onhide onrefresh onshow
onupdate parent showLabel slice
title tuple valign visible
width window

%AddChild %AddChildAfter %AddChildBefore %AddToSaveSet
%Attr %BindExport %ClassIsLatestVersion %ClassName
%ConstructClone %DispatchClassMethod %DispatchGetModified %DispatchGetProperty
%DispatchMethod %DispatchSetModified %DispatchSetMultidimProperty %DispatchSetProperty
%DrawComponentHTML %DrawHTML %DrawJSStrings %EnclosingDivId
%Eval %EvalC %Extends %ForceClientRender
%GetChildIndex %GetEventHandlers %GetParameter %GetXMLName
%IsA %IsModified %MakeId %New
%NormalizeObject %ObjectModified %OnAddToPageAfter %OnAddToPageBefore
%OnDrawEnclosingDiv %OnDrawObjectProperties %OnMutateChildren %OnObjectSynch
%OnZENDeserialize %OriginalNamespace %PackageName %QuoteValue
%QuoteValueL10N %RemoveChild %RemoveChildren %RemoveFromSaveSet
%Self %SerializeObject %SetModified %ValidateObject
XMLDTD XMLExport XMLExportToStream XMLExportToString
XMLNew XMLSchema XMLSchemaNamespace XMLSchemaType
addChild addChildAfter addChildBefore childrenMutated
dragFinishHandler dragHandler dragNotifyHandler dragStartHandler
dropHandler dropStartHandler exposeComponent findElement
fireOnUpdateEvent getChildIndex getEnclosingDiv getHidden
getHintElement getLabelElement getProperty getSettings
getType invokeSuper isOfType makeId
onCreate onDelete onDisplayHandler onEndModalHandler
onPopupAction onRefreshContents onSerialize onStartModalHandler
ondisabledHandler onloadHandler onunloadHandler onupdateHandler
refreshContents removeChild render renderContents
renderSVG setHidden setOverlayMode setProperty
setPropertyAll startProgressBar stopProgressBar


• parameter DEFAULTENCLOSINGCLASS = "cssGroup";
Subclasses can set this to change default css class for a group.
• parameter DEFAULTLAYOUT = "none";
This is what differences a cssGroup from a vgroup or hgroup With a layout of 'none' the system will generate an HTML DIV element rather than a TABLE structure for managine layout