增加觸摸用戶界面對話框的大小

Is there a way to increase the size of the touch UI Dialog so that all of my tabs won't wrap as shown below?

增加觸摸用戶界面對話框的大小

是否有增加觸摸用戶界面對話框的大小，這樣我所有的標籤都不會換一種方式。以下是我現在所使用的對話框的一個例子。這是從我在網上研究了一個衆所周知的問題，但我還沒有看到關於如何解決這個問題的任何實例。

<?xml version="1.0" encoding="UTF-8"?> 
<jcr:root xmlns:sling="http://sling.apache.org/jcr/sling/1.0" xmlns:cq="http://www.day.com/jcr/cq/1.0" xmlns:jcr="http://www.jcp.org/jcr/1.0" xmlns:nt="http://www.jcp.org/jcr/nt/1.0" 
jcr:primaryType="nt:unstructured" 
sling:resourceType="cq/gui/components/authoring/dialog"> 
<content 
    jcr:primaryType="nt:unstructured" 
    sling:resourceType="granite/ui/components/foundation/container"> 
    <layout 
     jcr:primaryType="nt:unstructured" 
     sling:resourceType="granite/ui/components/foundation/layouts/tabs" 
     type="nav"/> 
    <items jcr:primaryType="nt:unstructured"> 
     <Ice 
      jcr:primaryType="nt:unstructured" 
      jcr:title="Ice" 
      sling:resourceType="granite/ui/components/foundation/include" 
      path="ttue/components/page/page/cq:dialog/ICe"/> 
     <Jungle 
      jcr:primaryType="nt:unstructured" 
      jcr:title="Jungle" 
      sling:resourceType="granite/ui/components/foundation/include" 
      path="ttue/components/page/page/cq:dialog/Jungle"/> 
     <Fire 
      jcr:primaryType="nt:unstructured" 
      jcr:title="Fire" 
      sling:resourceType="granite/ui/components/foundation/include" 
      path="ttue/components/page/page/cq:dialog/Fire"/> 
     <Church 
      jcr:primaryType="nt:unstructured" 
      jcr:title="Church" 
      sling:resourceType="granite/ui/components/foundation/include" 
      path="ttue/components/page/page/cq:dialog/Church"/> 
     <Food 
      jcr:primaryType="nt:unstructured" 
      jcr:title="Food" 
      sling:resourceType="granite/ui/components/foundation/include" 
      path="ttue/components/page/page/cq:dialog/Food"/> 
     <Basketball 
      jcr:primaryType="nt:unstructured" 
      jcr:title="Basketball" 
      sling:resourceType="granite/ui/components/foundation/include" 
      path="ttue/components/page/page/cq:dialog/basketball"/> 
    </items> 
</content>

來源

2015-11-04 SameOlJoe

您可以使用對話框xml更新您的問題嗎？ – rakhi4110

好吧，我剛添加的對話框 – SameOlJoe

這個問題也許可以幫助你：http://help-forums.adobe.com/content/adobeforums/en/experience-manager-forum/adobe-experience-manager.topic.html/ forum__2ect-how_do_wesetheight.html –

(function ($, $document) { 
    "use strict"; 

    function increaseSize(){ 
     // $(".coral-FixedColumn-column").css("height", "50rem"); 
     //$(".coral-FixedColumn-column").css("width", "50rem"); 
     $(".coral-dialog").css("height", "50rem"); 
     $(".coral-dialog").css("width", "50rem"); 
    } 

    $document.on("dialog-ready", function() { 
     increaseSize(); 
    }); 

})($, $(document));

「珊瑚對話」是一個示例類的名稱，請相應的修改。閱讀此處瞭解更多詳情： https://docs.adobe.com/docs/en/aem/6-0/develop/ref/granite-ui/api/jcr_root/libs/granite/ui/components/foundation/layouts/index.html

來源

2016-01-28 04:13:46 amitdeol

增加觸摸用戶界面對話框的大小

回答

相關問題