How to reuse existing dialog elements in other dialogs
<?xml version="1.0" encoding="UTF-8"?>
<jcr:root xmlns:cq="http://www.day.com/jcr/cq/1.0" xmlns:jcr="http://www.jcp.org/jcr/1.0"
jcr:primaryType="cq:Dialog"
xtype="dialog">
<items
jcr:primaryType="cq:Widget"
xtype="tabpanel">
<items jcr:primaryType="cq:WidgetCollection">
<cta
jcr:primaryType="cq:Panel"
title="CTA">
<items jcr:primaryType="cq:WidgetCollection">
<background
jcr:primaryType="cq:Widget"
fieldLabel="Background Color"
name="./background"
fieldDescription="Hex value (#FFFFFF) or ARGB value (argb(255,255,255,0.0))"
regex="/(^rgba\\(\\s*(0|[1-9]\\d?|1\\d\\d?|2[0-4]\\d|25[0-5])\\s*,\\s*(0|[1-9]\\d?|1\\d\\d?|2[0-4]\\d|25[0-5])\\s*,\\s*(0|[1-9]\\d?|1\\d\\d?|2[0-4]\\d|25[0-5])\\s*,\\s*((0.[1-9])|[01])\\s*\\)$)|(^#[0-9a-fA-F]{3}([0-9a-fA-F]{3})?$)/"
xtype="textfield"/>
</items>
</cta>
</items>
</items>
</jcr:root>
|
1. Re-use property:
‘background’ property has path: /apps/{yourapp}/components/ctacomp/dialog/items/items/cta/items/background
This path will be pasted into a property on your new dialog with the extension “.infinitiy.json” added to the end.
/apps/{yourapp}/components/ctacomp/dialog/items/items/cta/items/background.infinity.json
Other property can re-use ‘background’ property like:
<?xml version="1.0" encoding="UTF-8"?>
<jcr:root xmlns:cq="http://www.day.com/jcr/cq/1.0" xmlns:jcr="http://www.jcp.org/jcr/1.0"
jcr:primaryType="cq:Dialog"
xtype="dialog">
<items
jcr:primaryType="cq:Widget"
xtype="tabpanel">
<items jcr:primaryType="cq:WidgetCollection">
<header
jcr:primaryType="cq:Panel"
title="Header">
<items jcr:primaryType="cq:WidgetCollection">
<signin
jcr:primaryType="cq:Widget"
fieldLabel="Sign-in"
name="./signin"
xtype="textfield"/>
<background
jcr:primaryType="cq:Widget"
path="/apps/{yourapp}/components/ctacomp/dialog/items/items/cta/items/background.infinity.json"
xtype="cqinclude"/>
</items>
</header>
</items>
</items>
</jcr:root>
|
1. Re-use tab:
Use path = /apps/{yourapp}/components/ctacomp/dialog/items/items/cta.infinity.json to re-use 'cta' tab.
Nhận xét
Đăng nhận xét