Chuyển đến nội dung chính

Image is not showing up on Dialog.

I am getting problem with Dialog. In my Dialog I have created the image field which accepts image from dam by Drag and drop. Whil Iam dropping the image it is showing up inside the Dialog properly and is showing up on the screen also But when I try to edit the image the current image got vanished inside the dialog. I don't understand why it is happening?

Here is the example of configuration of an image on the tab of dialog.

<backImage
jcr:primaryType="cq:Widget"
cropParameter="./backImage/imageCrop"
ddGroups="[media]"
fileNameParameter="./backImage/fileName"
fileReferenceParameter="./backImage/fileReference"
mapParameter="./backImage/imageMap"
name="./backImage/file"
requestSuffix="/backImage.img.png"
rotateParameter="./backImage/imageRotate"
sizeLimit="100"
title="Background Image"
xtype="html5smartimage"/>

You need to create a hidden property in order to be able to edit the image. Create a node below your image node and set a hidden property. You can refer :

/libs/foundation/components/textimage/dialog/items/tab3/items/resType
e.g.
<items jcr:primaryType="cq:WidgetCollection">
                    <resType
                        jcr:primaryType="cq:Widget"
                        ignoreData="{Boolean}true"
                        name="./sling:resourceType"
                        value="foundation/components/image"
                        xtype="hidden"/>
                </items>


Now the config of image will be:

<backImage
jcr:primaryType="cq:Widget"
cropParameter="./backImage/imageCrop"
ddGroups="[media]"
fileNameParameter="./backImage/fileName"
fileReferenceParameter="./backImage/fileReference"
mapParameter="./backImage/imageMap"
name="./backImage/file"
requestSuffix="/backImage.img.png"
rotateParameter="./backImage/imageRotate"
sizeLimit="100"
title="Background Image"
xtype="html5smartimage">
<items jcr:primaryType="cq:WidgetCollection">
<resType
jcr:primaryType="cq:Widget"
ignoreData="{Boolean}true"
name="./backImage/sling:resourceType"
value="foundation/components/image"
xtype="hidden"/>
</items>
</backImage>

Nhận xét

Đăng nhận xét

Bài đăng phổ biến từ blog này

[PERFORMANCE] Adobe WEM/CQ performance tuning

Adobe WEM/CQ performance tuning Contents Caching-related configurations CRX Bundle cache CRX Search index handler (Lucene) cache Tar PM index cache Scalability Maintenance Optimizing Tar Files (for Tar Persistence Manager) Data Store Garbage Collection Main documentation you should consult first: http://dev.day.com/docs/en/cq/current/deploying/performance.html http://dev.day.com/content/kb/home/cq5/CQ5Troubleshooting/performancetuningtips.html Caching-related configurations CRX Bundle cache CRX caches bundles, consisting of a node with all its properties. This is used by all bundle-based Persistence Managers. The default size of BundleCache is 8 MB. If this is too small it can cause an excessive number of read-accesses to the underlying persistence layer. Set the bundleCacheSize to something larger than the default. See more here: http://dev.day.com/docs/en/cq/current/deploying/performance.html#CRX%20Bundle%20Cache CRX Search index handler (Lucene...
Đăng nhận xét
Đọc thêm

How to custom CQ Login Module

In order to manage the login process in our project, we will use a custom CQ Login Module. We will admit the root URL of CQ instance is: http://localhost:4502/ . This value may change depending of your environment. The %CQ_HOME% variable we will mention refers to the CQ install path. It admits you have defined %CQ_HOME% as an environment variable. 1.         Update the repository definitions The login module must be referenced in the repository definitions. You have to edit the next file: %CQ_HOME%/crx-quickstart/repository/repository.xml Do a copy of repository.xml to repository.xml.original In repostiory.xml, replace  security  part of repository.xml with following: <Security appName="com.day.crx">         <SecurityManager class="com.day.crx.core.CRXSecurityManager"> <WorkspaceAccessManager class="org.apache.jackrabbit.core.security.simple.SimpleWorkspaceAccessManager"/>  ...
Đăng nhận xét
Đọc thêm

[DAM] Custom DAM management / Add 'Alt' into images

Issue: We need, for each asset to be able to edit the ‘alt’ text. The ‘alt’ text must be used on the site each time an asset is displayed. When displaying an asset, the mechanism is the following : -       Get the Locale from the request -       When getting the asset, get the associated Alt property corresponding to the locale. -       Populate the alt attribute with this value. Resolution: To achieve this, we can customize the DAM Asset Editor. The AssetEditor is the form used to input asset properties and metadata. Below is a screenshot of a customized form with four “alt” input (for four different locales). The DAM uses the following nodes to render Asset Editor forms: -       /libs/dam/content/asseteditors/formitems -       /libs/dam/content/asseteditors/images/formitems -      ...
Đăng nhận xét
Đọc thêm