<?xml version="1.0" encoding="UTF-8"?> <xp:view xmlns:xp="http://www.ibm.com/xsp/core" xmlns:xe="http://www.ibm.com/xsp/coreex"> <!-- Bind the Component that you want to inspect to a request scope variable by using the 'binding' property We Will use 'myComponent' as scope variable name --> <xe:widgetContainer id="widgetContainer1" titleBarText="Hi there" binding="#{requestScope.myComponent}"> </xe:widgetContainer> <!-- Output the properties of that Component --> <xp:table> <xp:tr> <xp:td> <xp:label value="Component Family" id="label1"></xp:label> </xp:td> <xp:td> <!-- Output the Component's Component Family using getFamily() 'family' in EL Notation --> <xp:text escape="true" id="computedField1" value="#{requestScope.myComponent.family}"></xp:text> </xp:td> </xp:tr> <xp:tr> <xp:td> <xp:label value="Renderer Type" id="label2"></xp:label> </xp:td> <xp:td> <!-- Output the Component's Renderer Type using getRendererType() 'rendererType' in EL Notation --> <xp:text escape="true" id="computedField2" value="#{requestScope.myComponent.rendererType}"></xp:text> </xp:td> </xp:tr> <xp:tr> <xp:td> <xp:label value="StyleKit Family" id="label3"></xp:label> </xp:td> <xp:td> <!-- Output the Component's Style Kit Family using getStyleKitFamily() 'styleKitFamily' in EL Notation --> <xp:text escape="true" id="computedField3" value="#{requestScope.myComponent.styleKitFamily}"></xp:text> </xp:td> </xp:tr> </xp:table> </xp:view>