Question

我想将 CSS定义 和 CSS Class 添加到字段＆＃34; myBookmark＆＃34; （见下文）。有什么建议吗？

（打开页面属性时会出现此选项卡。）

<?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:Panel"
    title="Interactions">
  <items jcr:primaryType="cq:WidgetCollection">
    <share 
     jcr:primaryType="cq:Widget"
     title="Share"
     xtype="dialogfieldset"
     collapsed="{Boolean}false"
     collapsible="{Boolean}true">
     <items jcr:primaryType="cq:WidgetCollection">
        <myBookmark jcr:primaryType="cq:Widget" type="select" xtype="selection"
            defaultValue=""
            fieldLabel="Share Button"
            name="./share" >
              <options jcr:primaryType="cq:WidgetCollection">
                <alignment1 jcr:primaryType="nt:unstructured" text="(inherit)" />
                <alignment2 jcr:primaryType="nt:unstructured" text="hide"   value="hide"/>
                <alignment3 jcr:primaryType="nt:unstructured" text="show"   value="show"/>
              </options>
          </myBookmark>
     </items>
    </share>
...

目前，我正在使用对话框中的cq：listeners通过JS（http://dev.day.com/docs/en/cq/current/developing/components.html）添加CSS并使用clientlibs（http://blogs.adobe.com/mtg/2011/11/building-components-in-adobe-cq-5-part-1-a-tutorial-on-clientlibs-using-jquery-ui.html）添加了一个css文件

这些替代品不符合我的需要。

本尼迪克特

Answer 1

ExtJS小部件的类可以通过开箱即用的配置属性添加：cls。请参阅CQ5 Widgets API documentation。

 <items jcr:primaryType="cq:WidgetCollection">
    <myBookmark 
        jcr:primaryType="cq:Widget" 
        cls="myClassName"
        defaultValue=""
        fieldLabel="Share Button"
        name="./share"
        type="select"
        xtype="selection">
          <options jcr:primaryType="cq:WidgetCollection">

实际的CSS规则应该像您在客户端库中提到的那样放置。您只需要确保将clientlib附加到打开对话框的页面。您可以绑定到wcm.edit（CQ用于显示对话框），也可以创建自己的类别（例如css.test），然后自己包含clientlib：<cq:includeClientLib css="css.test" /> < / p>

Answer 2

您可以在此处找到相应的属性：http://docs.adobe.com/docs/en/cq/5-6/widgets-api/index.html?class=CQ.Ext.form.Label

可以通过'id'定义DOM元素'id'属性，通过'cls'定义'class'属性。

此外，通常有一个'style'属性允许设置原始CSS定义。

如何将CSS类添加到CQ对话框

2 个答案: