Using Zen Components - InterSystems Documentation

Zen and SVGAttributecaptiononclickDescriptionText specifying the caption to display for this radial node.Although you can enter ordinary text for this attribute, it has the underlying data type%ZEN.Datatype.caption. This makes it easy to localize its text into other languages, as long asa language DOMAIN parameter is defined in the Zen page class. The %ZEN.Datatype.captiondata type also enables you to use $$$Text macros when you assign values to the captionproperty from client-side or server-side code.Client-side JavaScript expression that runs whenever the user clicks the mouse on the nodeshape. When providing a value for this attribute, use double quotes to enclose the value andsingle quotes (if needed) within the JavaScript expression. For example:The JavaScript expression may contain Zen #()# runtime expressions.stylevalueSVG CSS style definition for the node. The style must include a fill value, or mouse eventswithin the node shape will not work correctly.Value associated with this node. The value may be a decimal or integer number, but it isrepresented as a string.When you work with %ZEN.SVGComponent.radialNavigator programmatically, you work with elements asmembers of the radialNavigator nodes property, a list collection of %ZEN.Auxiliary.radialNode objects. Each in the becomes a member of the nodes collection in radialNavigator, associated with its ordinal position:1, 2, 3, etc.2.7 is an empty SVG component whose contents are filled dynamically by invoking a runtime callback methodthat provides SVG content. has the following attributes:AttributeSVGcomponentattributesonrenderDescription has the same general-purpose attributes as any SVG component. Fordescriptions, see the section “SVG Component Attributes.”Client-side JavaScript expression. Generally this invokes a client-side JavaScript methoddefined in the page class.This method provides the statements that render the SVG componenton the page.When providing a value for this attribute, use double quotes to enclose the value and singlequotes (if needed) within the JavaScript expression. For example:The JavaScript expression may contain Zen #()# runtime expressions.The following is an example of an element:50 Using Zen Components