如何在覆蓋圖中顯示cq5表單頁面

我有下面的代碼來顯示覆蓋圖中的按鈕。如何在覆蓋圖中顯示cq5表單頁面

<div class="overlay22" id="overlay22" style="display:none;"></div> 
<div class="box22" id="box22"> 
    <input type="submit" value="Submit" class="buttonclick" id="buttonclick" /> 
</div>

我們能在覆蓋而不是覆蓋硬編碼CQ5形式？

來源

2012-09-26 balaji

如果你只是創建一些基本的表單模板或組件，我認爲你應該堅持使用普通的HTML元素，然後控制CSS的外觀+感覺。儘管如果你絕對需要使用類似於你在CQ對話窗口中看到的表單元素，你將需要通過使用CQ的Ext JS框架擴展來生成它們。

例如，如果你想創建一個類似按鈕，您提供的例子，你不得不寫類似：

CQ.Ext.onReady(function(){ 
     var button = new CQ.Ext.Button({ 
       text : "Submit", 
       id : "buttonclick", 
       cls : "buttonclick", 
       renderTo : CQ.Ext.getBody(), 
       listerners : { 
        click : function(){ 
         // Write handler code here 
        } 
       } 
     }); 
    });

的Widget API爲CQ的最新版本（5.5）： http://dev.day.com/docs/en/cq/current/widgets-api/index.html

材料上煎茶的Ext JS 3.4（我認爲5.5是建立在）： http://docs.sencha.com/ext-js/3-4/

來源

2012-10-01 23:34:42 simonl

嗨西蒙，感謝您的回覆，我會嘗試按照您的建議進行實施。 – balaji

我們可以通過以下方式做的一樣好，假設我們有一個頁面，默認的cq5表單組件已經被拖拽，讓這個頁面在此路徑中定義爲/content/geometrix/loginpage.html 現在我們可以在覆蓋圖中顯示上述頁面，使用下面的代碼

<div class="overlay22" id="overlay22" style="display:none;"></div> 
    <div class="box22" id="box22"> 
    <sling:include path="content/geometrix/loginpage/par" /> 
    </div>

低於這個面值我們可以找到form.Here box22的內容是燈箱（彈出）和overlay22是背景DIV

來源

2013-07-08 10:45:52 balaji

如何在覆蓋圖中顯示cq5表單頁面

回答

相關問題